作者主页:Java码库
主营内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。
收藏点赞不迷路 关注作者有好处
文末获取源码
技术选型
【后端】:Java
【框架】:ssm
【前端】:小程序
【JDK版本】:JDK1.8
【服务器】:tomcat7+
【数据库】:mysql 5.7+
功能设计
此次的汽车4S店微信小程序的设计分为了前台和后台,在需求的调研以及用例图的设计中均进行了内容的分析。在功能模块的使用上也主要是通过在线预约试驾、在线预约维修保养为主要的互动功能内容,而在线的车辆信息展示、联系方式展示等内容则是为前端用户提供了更好的了解车辆信息的方式,其具体的功能结构图如下图所示:
从上图中可以看出在此次设计的前端内容中,包括了主要的两大核心板块为预约试驾和预约保养,并且有在线注册的功能,主要是方便用户留存手机号,可以与4S店的工作人员方便联系。另外前端用户还可以在车辆信息中查看到该店铺所销售的所有车辆类型具体的信息以及售价等。
后台的功能主要是信息的维护功能,除了预约试驾和预约维护的信息处理之外,还能够修改车辆的信息、修改轮播图的信息、修改店铺的相关资料内容等操作。
功能截图
后台功能
管理员登录界面
此次设计的后台管理模块在输入完网址之后点击回车,就可以得到如下的界面,此次设计的后台界面内容比较的简单,在一个简单的背景中以白色背板凸显出后台登录所需要的内容。如下图所示:
后台管理主界面
在实现4S店的管理系统登录之后,可以看到在整个页面中左面是系统的功能菜单,在功能菜单里有一级菜单包括预约试驾、维护保养、车辆管理、店铺设置等等内容。在二级菜单中可以看到有今日预约、预约记录的菜单选择,也有车辆信息、车型信息的菜单内容。以预约试驾中的预约记录查看为例,在下图中可以看到,整个预约试驾的记录是以列表形式呈现在主页面中的,并且提供了日期和手机号的搜索功能,可以通过搜索查找到所要查找的内容。在列表中可以清晰的看到预约的时间、预约的车型、预约人的姓名联系方式等内容。具体的界面如下图所示:
店铺设置管理
在店铺设置的管理中能够看到可以修改的店铺基本信息内容,包括店铺的名称、店铺的营业时间、店铺的联系电话以及所在的位置以及地理坐标等内容。还可以选择修改店铺的简介以及"联系我们"的显示内容,具体如下图所示:
新增车型管理
在新增车型的管理中能够添加新的车型信息,包括车型的名称、图片、指导价取件等信息,并且可以添加当前该车的销量信息等内容方便用户进行参考。如下图所示:
预约保养管理
维修保养中,管理员可以查看到今日的预约信息以及预约记录信息。在整个预约记录信息中能够看到已经预约过的信息列表,具体的内容包括预约的日期、时间、车牌号信息以及车辆行驶的里程数,所需要保养的项目内容和车主对于保养车的备注信息等,具体如下图所示:
小程序用户端
4S店小程序首页
在此次设计的4S店小程序首页中,以北京王府井大街宝马4S店为例,在页面的上方加入了该4S店的建筑物图片,在中间位置显示了店名以及营业时间,当点击坐标时可以联动地图显示具体的店铺位置,点击电话可以弹出对话框显示该店的热线电话。在主页面中显示了四个主要的菜单内容,分别为预约试驾、维修保养、店铺简介以及联系我们。下方是该店铺的车型推荐信息,有车名的显示、车辆销售价格的取件显示以及月销量的显示,具体内容如下图所示:
全部车型列表
当点击车型后,可以看到该4S店所销售的全部车型,以下图为例,显示了有七系、X1、一系等车辆信息,每款车辆都配置了缩略图,并且显示了销售的价格区间以及月销项信息,点击相关内容可以进入详细页面。如下图所示:
预约试驾
当个人用户完成在微信小程序中的注册之后,可以发起预约试驾的操作,在预约试驾中需要用户填写所希望的预约时间、试驾时间、试驾的车型以及联系人的姓名等内容。具体的内容展示如下列图片所示:
维修保养预约
在维修保养的预约中,需要用户填写到店的具体日期,当日到店的具体时间,自己需要保养的车辆信息以及车辆行驶的公里数,此次需要保养的项目,并且可以备注需要4S店提供其他那些检查和服务内容,如下图所示:
文档参考
项目列表(持续更新)
https://www.kdocs.cn/l/ccBpV3gImeHm?from=docs&reqtype=kdocs&startTime=1709800862526
源码获取
大家点赞、收藏、关注、评论 啦 、查看 👇🏻获取联系方式👇🏻