项目运行
环境配置:
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。
项目技术:
vue + mybatis + Maven +mysql5.7或8.0等等组成,B/S模式 + Maven管理等等。
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可
4.硬件环境:windows 7/8/10 4G内存以上;或者 Mac OS;
5.是否Maven项目: 否;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目
6.数据库:MySql 5.7/8.0等版本均可;
毕设帮助,指导,本源码分享,调试部署(见文末)
3.3 系统功能分析
能够登录本系统的一共有两种角色,分别是管理员和用户。登录系统后,不同的角色可以对系统进行不同的操作,管理员拥有最大的权限。具体功能模块如图3-1所示。
图3-1系统功能模块图
3.4 系统用例分析
大学校园车辆管理系统综合网络空间开发设计要求。目的是将传统管理方式转换为在网上管理,完成大学校园车辆管理的方便快捷、安全性高、交易规范做了保障,目标明确。大学校园车辆管理系统可以将功能划分为管理员功能和用户功能。
(1)、管理员关键功能包含个人中心、用户管理、临时车位管理、固定车位申请管理、外来车辆停车管理、离场缴费管理、固定车位管理、固定车辆进出管理、在线留言、系统管理等进行管理。管理员用例如下:
图3-1 管理员用例图
(2)、用户关键功能包含个人中心、固定车位申请、外来车辆停车、离场缴费、固定车位、固定车辆进出、在线留言等进行管理。用户用例如下:
图3-2 用户用例图
3.5 本章小结
系统分析主要是需求分析,研发人员根据调研结果,编写一套完整的大学校园车辆管理系统,通过可行性分析对系统进行简单的设计,构建出大致内容,最后对功能进行分析,得出该系统完美地实现了现阶段大学校园车辆管理的全部内容,符合商家要求并迎合市场,为下一章系统的整体设计提供了基础。
第4章 系统设计
用流程图和图片的方法直观的展示出系统的整体结构和流程的设计思路,并详细阐述出系统功能模块。数据库的构造是使用E-R图画出各个实体之间的关系,并确定各个数据表之间的关系。
4.1 系统流程分析
操作流程需要进行设计,一个完整的系统可以流畅的操作下来是至关重要的,本系统的完整操作流程如图4-1所示:
图4-1系统操作流程图
本系统主要有管理员和用户两种角色,进行登录时需要确保输入的内容与已经保存的账号信息一致,通过账户密码等方式来校验用户信息,输入正确则登入系统,输入错误则登入失败。系统登录流程,如图4-2所示:
图4-2系统登录流程图
在添加信息的时候,会判断是哪类用户,并根据用户类型判断执行是否合法,合法者可以进行添加,不合法者则不能进行此操作。管理员登录账号后可以对内容进行添加,拥有着最高的权限,用户权限次于管理员。添加信息流程图如图4-3所示:
图4-3系统添加流程图
删除数据时与添加数据功能类似,删除数据具体流程如图4-4所示:
图4-4系统删除流程图
4.2 系统功能模块设计
4.2.1 登录模块设计
大学校园车辆管理系统根据不同的权限可划分为不同的角色,分别是管理员和用户。该系统已存在的用户,在登录系统时需要填写相应的账户信息,登录时应注意输入的账户密码,角色也要在登录时进行选择,登陆成功后会根据不同角色进入相对应的页面。
页面主要包含用户名和密码,都是必填项。如果某项为空并点击登录按钮,会提示请输入为空的项。系统主要分为四个角色进行登录,通过不要通的角色选择输入不同的账号密码,输入正确则登陆成功,如果登录的用户名和角色与数据库内的数据不匹配则报错。
这个模块处理用户的登录请求,请求后会调用特定的方法,通过处理登录信息来实现登录业务。系统会将获取到的请求下发到逻辑层,逻辑层将数据封装成相应对象,然后调用响应层获取结果并将信息返回给页面。
管理员是用户管理模块唯一有权限操作的人,管理员可以对用户信息进行操作、可以随意的添加用户信息、可以及时的更新用户信息、也可以直接新增用户和删除用户。
用户功能模块由个人中心、固定车位申请、外来车辆停车、离场缴费、固定车位、固定车辆进出、在线留言等功能组成。能对自己的个人信息和密码进行修改,修改前需要先成功登录本系统。
4.3数据库设计
该系统使用免费开源的MySQL数据库,这是一个功能齐全的关系数据库管理系统。系统使用Navicat管理数据库。系统数据库统一使用UTF-8,避免了中文的乱码问题。MYSQL数据库一直以来都是被广泛应用的存在,它能为系统带来简洁的SQL书写以及良好的存储环境,它对分库分区有很大的帮助以减轻单表数据太多带来的压力。根据系统的实体,分析数据库之间的关系,总结出E-R图如所示:
固定车位实体属性图如下所示:
图4-5固定车位实体属性图
固定车位申请实体属性图如下所示:
图4-6固定车位申请实体属性图
离场缴费实体属性图如下所示:
图4-7离场缴费实体属性图
临时车位实体属性图如下所示:
图4-8临时车位实体属性图
5.1 App前台模块实现
首先双击打开App,连上网络之后会显示出本系统的登录界面,这是进入App的第初始页面“登录”,能成功进入到该登录界面则代表App的开启是成功的,接下来就可以操作本系统所带有的其他所有的功能。登录界面如图5-1所示。
图5-1 登录界面
第一次使用本app的使用者,首先是要进行注册,点击“注册”,然后就会进入到注册的页面里面,将用户信息录入注册表,确认信息正确后,系统才会进入登录界面,用户登录成功后可使用本app所提供的所有功能。注册界面如图5-2所示。
图5-2 注册界面
App首页是用户注册登录后进入的第一个界面,在这里,人们能够看到App的导航条,内容包括首页、临时车位、我的等。App首页界面如图5-3所示。
图5-3 App首页页面图
临时车位:在临时车位可以查看到车位编号、停车场名称、区域、车位名称、车位位置、车位状态、小时价格/元、车位详情等详情信息,并进行停车操作。临时车位详情页面如图5-4所示。
图5-4临时车位详情页面
5.1.3用户功能
用户登录成功后,点击“我的”可以对个人中心、固定车位申请、外来车辆停车、离场缴费、固定车位、固定车辆进出、在线留言等进行详细操作。用户功能界面如图5-5所示。
图5-5用户功能界面图
5.2 后台管理员功能模块实现
管理员登录,管理员通过填写用户名和密码等信息,点击登录进入系统进行操作,如图5-6所示。
图5-6管理员登录界面图
管理员登录进入app后台可以对个人中心、用户管理、临时车位管理、固定车位申请管理、外来车辆停车管理、离场缴费管理、固定车位管理、固定车辆进出管理、在线留言、系统管理等功能进行详细操作,如图5-7所示:
图5-7管理员主界面图
管理员点击用户管理。在用户页面输入用户账号和姓名进行查询、新增或删除用户列表,并根据需要对用户详情信息进行详情、修改或删除操作;如图5-8所示:
图5-8用户管理界面图
管理员点击临时车位管理。在临时车位页面输入停车场名称、区域、车位编号和选择车位状态进行查询、新增或删除临时车位列表,并根据需要对临时车位详情信息进行详情、停车、修改或删除操作;如图5-9所示:
图5-9临时车位管理界面图
管理员点击固定车位申请管理。在固定车位申请页面输入申请时间和选择是否通过进行查询、新增或删除固定车位申请列表,并根据需要对固定车位申请详情信息进行详情、修改或删除操作;如图5-10所示:
图5-10固定车位申请管理界面图
管理员点击外来车辆停车管理。在外来车辆停车页面输入停车场名称、姓名和选择是否通过进行查询、新增或删除外来车辆停车列表,并根据需要对外来车辆停车详情信息进行详情、缴费、修改或删除操作;如图5-11所示:
图5-11外来车辆停车管理界面图
管理员点击离场缴费管理。在离场缴费页面输入停车场名称进行查询、新增或删除离场缴费列表,并根据需要对离场缴费详情信息进行详情、修改或删除操作;如图5-12所示:
图5-12离场缴费管理界面图
管理员点击固定车位管理。在固定车位页面输入停车场名称和车位编号进行查询、新增或删除固定车位列表,并根据需要对固定车位详情信息进行详情、登记、修改或删除操作;如图5-13所示:
图5-13固定车位管理界面图
管理员点击固定车辆进出管理。在固定车辆进出页面输入停车场名称、车位编号和姓名进行查询、新增或删除固定车辆进出列表,并根据需要对固定车辆进出详情信息进行详情、修改或删除操作;如图5-14所示:
图5-14固定车辆进出管理界面图
管理员点击在线留言管理。在在线留言页面输入用户名进行查询或删除在线留言列表,并根据需要对在线留言详情信息进行详情、修改、回复或删除操作;如图5-15所示:
图5-15在线留言管理界面图