一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
三、运行截图:
在此部分内容中,主要通过系统功能的运行效果图展示前面设计的最终结果。系统实现对编制人员的技术能力有较高要求,因为需要他们使用编程的方式去实现系统设计的方案。
3.1 管理员功能实现
3.1.1 驾驶员管理
管理员权限中的驾驶员管理,其运行效果见下图。管理员为驾驶员的登录账号重置密码,可以添加驾驶员的信息,提交驾驶证号可以查询驾驶员,修改驾驶员信息。
图3.1 驾驶员管理页面
3.1.2 员工管理
管理员权限中的员工管理,其运行效果见下图。管理员修改员工的民族,家庭住址,手机号等信息,删除指定的员工。
图3.2 员工管理页面
3.1.3 系统公告管理
管理员权限中的系统公告管理,其运行效果见下图。管理员具有发布公告的权限,在当前页面也能修改公告,批量删除指定的公告。
图3.3 系统公告管理页面
3.2 员工功能实现
3.2.1 车辆管理
员工权限中的车辆管理,其运行效果见下图。员工根据驾驶证号,车牌号等信息可以查询车辆,可以新增车辆。
图3.4 车辆管理页面
3.2.2 年审管理
员工权限中的年审管理,其运行效果见下图。员工根据年审结果,车牌号查询年审信息,可以点击添加按钮新增年审信息,查看车辆的年审费用,年审照片等信息。
图3.5 年审管理页面
3.2.3 事故管理
员工权限中的事故管理,其运行效果见下图。员工根据事故时间查询事故信息,可以点击添加按钮新增事故信息。
图3.6 事故管理页面
3.3 驾驶员功能实现
3.3.1 年审查询
驾驶员权限中的年审查询,其运行效果见下图。驾驶员在当前页面可以查询年审信息,查看年审信息。
图3.7 年审查询页面
3.3.2 事故查询
驾驶员权限中的事故查询,其运行效果见下图。驾驶员在当前页面只能查询事故,查看事故详情。
图3.8 事故查询页面
3.3.3 车辆查询
驾驶员权限中的车辆查询,其运行效果见下图。驾驶员在当前页面可以查询车辆信息,可以点击查看按钮查看车辆详细信息。
图3.9 车辆查询页面