5 系统详细设计与实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1tu4y1w7ns/
三、运行截图:
系统详细设计的根本目标是确定应该具体地实现所要求的系统,也就是说,经过这个阶段的设计工作,应该得出对目标系统的精确描述,从而在编码阶段可以对这个描述直接翻译成用某种程序设计语言书写的程序。
3.1 系统登录实现
系统登录界面效果如图3-1所示。
图3-1系统登录界面效果
3.2 管理员模块实现
管理员登录后,显示收费站管理、用户管理、公告管理、收费类型、收费记录、车辆类型、违法记录、权限管理、角色管理九个功能,实现了对用户信息、公告信息、收费记录、车辆信息、违法记录信息等的增删改查管理,以及权限管理、角色管理等功能。
3.2.1 收费站管理模块实现
管理员登录后点击收费站管理模块,实现对收费站信息的添加、修改、删除、查看,其中包括:收费站名称、创建时间等信息。收费站管理实现界面如图3-2所示。
图3-2收费站管理实现界面效果
3.2.2 用户管理模块实现
管理员登录后点击用户管理模块,实现对用户信息的添加、修改、删除、查看,其中包括:用户名、姓名、电话、身份等信息。用户管理实现界面如图3-3所示。
图3-3用户管理实现界面效果
3.2.3 公告管理模块实现
管理员登录后点击公告管理模块,实现公告信息的添加、修改操作,公告管理实现界面如图3-4所示。
图3-4公告管理实现界面效果
3.2.4 收费类型模块实现
管理员登录后点击收费类型模块,实现对收费类型的添加、删除、查看,其中包括:支付类型、创建时间等信息。用户管理实现界面如图3-5所示。
图3-5收费类型实现界面效果
3.2.5 收费记录模块实现
管理员登录后点击收费记录模块,实现对收费记录信息的添加、删除、查看,其中包括:收费名称、收费类型、车辆号牌、车辆类型、收费金额、收费站、创建时间等信息。收费记录实现界面如图3-6所示。
图3-6收费记录实现界面效果
3.2.6 车辆类型模块实现
管理员登录后点击车辆类型模块,实现对车辆信息的添加、删除、查看,其中包括:车辆类型、创建时间等信息。车辆类型实现界面如图3-7所示。
图3-7车辆类型实现界面效果
3.2.7 违法记录模块实现
管理员登录后点击违法记录模块,实现对车辆信息非法记录的添加、删除、查看,其中包括:车辆类型、创建时间等信息。违法记录实现界面如图3-8所示。
图3-8违法记录实现界面效果
3.2.8 权限管理模块实现
管理员登录后点击权限管理模块,实现对权限的添加、删除、查看,其中包括:标题、名称、地址等信息。权限实现界面如图3-9所示。
图3-9权限管理实现界面效果
3.2.9 角色管理模块实现
管理员登录后点击角色管理模块,实现对管理员用户的添加、删除、查看,其中包括:标题、名称、创建时间等信息。角色管理实现界面如图3-10所示。
图3-10角色管理实现界面效果