优选驾考小程序

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV188411v7QF?t=8.2

三、运行截图：

3.1用户注册功能的界面实现

　用户在使用本系统时需要先进行注册，注册界面里需要填写用户名、密码、姓名、性别、手机号、身份证号。用户注册功能的运行界面如下图3-1所示：

图3-1用户注册运行界面

3.2登录功能的界面实现

用户注册后，需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员、驾校同样需要登录后才可以进行操作。在管理员、驾校的登录界面里加入了权限的选择，在登录时只需要填写用户账号和密码就可以实现。用户登录的运行界面如下图3-2所示：

图3-2用户登录的运行界面

在登录的界面中包含的元素有系统题目、输入框、登录按钮、选择框。本系统的使用权限为管理员和用户、驾校。管理员登录的运行界面如下图3-3所示：

图3-3管理员登录界面

3.3管理员功能的设计实现

3.3.1学员管理功能的实现界面

学员的信息可由管理员添加，本功能设计的目的是添加和审核学员的资料，当发现不当的使用用户可以删除其账号。当删除用户信息后相对应的用户信息表里的信息也会随着删除掉。查询学员信息功能的运行界面如下图3-4所示：

图3-4查询学员信息功能的运行界面

3.3.2 个人中心管理功能的实现界面

个人中心管理的内容包括管理个人资料和修改密码。本系统中可以拥有多个管理员。个人中心功能的运行界面如下图3-5所示：

图3-5个人中心功能的运行界面

3.3.3试卷管理功能的实现界面

用户浏览的试卷都是由管理员在此功能里进行维护添加的，同样当管理员添加、编辑试卷信息后，数据库表中的试卷信息表也会发生改变。试卷信息管理功能的运行界面如下图3-6所示：

图3-6试卷信息管理功能的运行界面

在添加试卷信息时可以重置和提交。发布新试卷的运行界面如下图3-7所示：

图3-7发布新试卷的运行界面

3.3.4 驾考文章管理功能的实现界面

管理员可以发布和管理驾考文章，方便用户浏览。可以点击驾考文章详情进行信息的详细了解。驾考文章管理功能的运行界面如下图3-8所示：

图3-8驾考文章信息管理运行界面

当管理员点击添加驾考文章功能时会进入本界面，按照要求填写信息就可以完成驾考文章的发布。添加驾考文章运行界面如下图3-9所示：

图3-9添加驾考文章的运行界面展示

3.4用户角色功能的界面实现

3.3.1报名功能的界面实现

　用户的功能主要为报名驾校、预约练车、预约考试、在线考试。在报名时需要选择好要报名的驾校、驾照类型。报名功能的运行界面如下图3-10所示：

图3-10报名运行界面

3.3.2预约考试功能的实现界面

用户在查询到考试信息后可以在线预约考试。预约考试功能的运行界面如下图3-11所示：

图3-11预约考试功能的运行界面

3.3.3预约练车功能的实现界面

在报名成功后，用户可以预约练车。用户预约练车功能的实现界面如下图3-12所示：

图3-12预约练车功能的实现界面

3.3.4在线考试功能的实现

在试卷列表里可以选择试卷进行在线考试，实现界面如下图3-13所示：

图3-13在线考试功能的实现界面

3.3.5我的功能界面实现

我的功能界面相关于用户中心，展示了用户的所有操作内容。我的功能界面实现如下图3-14所示：

图3-14我的功能实现界面

3.5驾校角色功能的实现界面

驾校的功能与管理员的功能相似，没有管理员的权力大，可以管理学员信息、报名信息、考试预约信息、考试信息、驾考文章信息、练车预约信息、考试预约信息。实现界面如下图3-15所示：

图3-15驾校角色的功能实现界面