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

一 项目介绍

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

二 项目开发工具

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

三 项目结构图

四 项目数据库表

表名称 说明 功能
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 销售商表 销售商基本信息

五 项目功能设计

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

项目品牌索引：

项目轮播图:

		<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'
					}
				]

项目品牌

<view style="margin-left: 10px;margin-right: 10px;display: flex;justify-content: space-between;">
			 <view style="color:grey;font-weight: 600;">品牌选车</view>
			 <view style="color:grey" @click="goIndexPP">更多></view>
		</view>

项目精品推荐

				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