第五章系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV17M411o7oq/
三、运行截图:
3.1用户前台功能模块
通过网站页面可以查看首页、汽车信息、新闻资讯、我的、跳转到后台、客服等信息,如图3-1所示。通过用户注册可以填写用户名、密码、姓名、性别等详细信息,进行用户注册操作,如图3-2所示。点击登录可以填写,账号、密码进行登录操作,如图3-3所示。
图3-1 系统首页页面
图3-2用户注册页面
图3-3登录界面
汽车信息:通过汽车信息页面,可以获取汽车编号、汽车名称、价格、租赁天数、总价格等信息,进行查看操作,如图3-4所示。
图3-4汽车信息页面
个人中心:通过个人中心页面可以获取用户名、密码、姓名、性别、身份证等信息,进行查看操作,如图3-5所示。
图3-5个人中心界面图
客服:通过列表可以获取内容等信息,进行查看,如图3-6所示。
图3-6客服界面图
新闻资讯:通过新闻资讯可以进行填写内容等信息,进行查看操作,如图3-7所示。
图3-7新闻资讯界面图
3.2用户后台功能模块
用户点击后台进入到系统操作界面,可以对首页、个人中心、汽车租赁管理、问题上报管理、押金缴纳管理、押金扣除管理、汽车归还管理、私人定制管理、定制信息管理、我的收藏管理等功能模块,个人信息:通过列表可以获取用户名、密码、姓名、性别、头像、手机详情信息并进行查看操作,如图3-8所示。
图3-8个人信息界面图
汽车租赁管理:通过列表可以获取汽车编号、汽车名称、价格、租赁天数等信息,进行查看操作,如图3-9所示。
图3-9汽车租赁管理界面图
问题上报管理:通过列表可以获取标题、汽车编号、上报日期、用户名、姓名等信息,进行查看操作,如图3-10所示。
图3-10问题上报管理界面图
汽车归还管理:通过列表可以获取汽车编号、汽车名称、用户名、姓名等信息,进行详情、删除查看操作,如图3-11所示。
图3-11汽车归还管理界面图
3.3管理员功能模块
管理员通过用户名和密码,密码填写完成后选则提交,如图3-12所示。管理员登录成功后进入到系统操作界面,可以对首页、个人中心、用户管理、汽车类型管理、问题上报管理、汽车归还管理、私人定制管理、系统管理、我的收藏管理、汽车信息管理、汽车租赁管理、押金缴纳管理、押金扣除管理、定制信息管理等功能模块进行相对应操作。
个人信息:通过列表可以获取用户名等内容,可以进行修改或删除操作,如图3-13所示。
图3-12管理员登录页面
图3-13个人信息页面
用户管理:通过列表可以获取用户名、姓名、密码、性别、头像、身份证、手机等信息,进行删除或查看操作,如图3-14所示。
图3-14用户管理界面图
汽车类型管理:通过列表可以获取汽车类型等信息,进行修改或删除操作,如图3-15所示。
图3-15汽车类型管理界面图
系统管理:通过列表可以获取ID、名称、等信息,进行修改或删除操作,如图3-16所示。
图3-16系统管理界面图
汽车信息管理:管理员通过列表可以获取汽车编号、汽车名称、汽车类型等信息,进行修改或删除操作,如图3-17所示。
图3-17汽车信息管理界面图
汽车租赁管理:管理员通过列表可以获取汽车编号、汽车名称、价格、租赁天数等信息,进行修改或删除操作,如图3-18所示。
图3-18汽车租赁管理界面图
押金扣除管理:管理员通过列表可以获取用户名、姓名、押金等信息,进行修改或删除操作,如图3-19所示。
图3-19押金扣除管理界面图
定制信息管理:管理员通过列表可以获取汽车名称、用户名、价格、取车日期等信息,进行修改或删除操作,如图3-20所示。
图3-20定制信息管理界面图