汽车微信小程序的开发和设计

红太狼 2022-09-12 06:48 120阅读 0赞

# 一 项目介绍 #

汽车小程序是一个包含前台和后台的项目，前后也就是微信开发者工具里面运行的，后台是管理系统维护汽车数据的，该项目包含 用户注册，用户登录，个人中心，汽车首页，品牌搜索，汽车推荐，汽车列表，汽车高级过滤，汽车详情，汽车多图预览，汽车销售商管理，汽车类型管理 ，汽车发布，汽车多图上传，用户管理，系统管理等等功能

# 二 项目开发工具 #

微信开发者工具  
hbuilderx  
vscode  
idea或者eclipse

# 三 项目结构图 #

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

# 四 项目数据库表 #

表名称 说明 功能  
sys\_menu 系统菜单表 菜单信息  
sys\_role 系统角色表 角色信息  
sys\_role\_menu 角色菜单 角色菜单信息  
sys\_user 系统用户表 用户的信息  
sys\_user\_role 系统用户角色中间表 用户角色信息  
t\_car 汽车表 汽车表  
t\_custorm 用户表 用户的基本信息  
t\_price 汽车指导价范围表 汽车指导价范围表  
t\_jb 级别表 级别的基本信息  
t\_brand 品牌表 品牌的基本信息  
t\_ny 能源表 能源级别信息  
t\_cars\_img 汽车图库表 图库级别信息  
t\_cars\_type 汽车类型表 汽车的类型信息  
t\_cars\_shop 销售商表 销售商基本信息

# 五 项目功能设计 #

项目首页：
     	轮播图
     	品牌选车
     	推荐车型
     如图：

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center]

项目品牌索引：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

项目轮播图:

<view class="wrap">
    			<u-swiper height='200upx' :list="list" mode="rect" :effect3d="false"></u-swiper>
    		</view>
    		数据结构：
    		list: [
    					{
    						image: '/static/lb1.png',
    						title: '轮播1'
    					},
    					{
    						image: '/static/lb2.png',
    						title: '轮播2'
    					}
    				]

项目品牌

项目精品推荐

getTjCars(){
    				//car_tj
    				uni.request({
    					url: this.$api.car_tj,
    					data:{},
    					method:'POST',
    					success:(res)=>{	
    						let result=res.data;
    						if(result.code == 20000){
    							this.tjCarsList = result.data	
    						}
    					}
    				})
    			}

当然一篇 文章 怎么能把项目描述完整 请期待下一篇文章

# 六 项目获取 #

https://github.com/soulCoder1998/itfxq\_cars\_xcx

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/e42926f090e240c48984988ea385844f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/c0c463f021da45b69cd7e2964bddeb62.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWFya0NvZGVy_size_12_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: /images/20220828/7dc701e50efd4695a67f8e3b688da28e.png