（附源码）校内通勤车可视化系统APP的设计与实现毕业设计-95020

随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，校内通勤车可视化系统APP被用户普遍使用，为方便用户能够可以随时进行校内通勤车可视化系统APP的数据信息管理，特开发了基于校内通勤车可视化系统APP的管理系统。

校内通勤车可视化系统APP主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。

校内通勤车可视化系统APP的开发利用现有的成熟技术参考，以源代码为模板，分析功能调整与校内通勤车可视化系统信息查询的实际需求相结合，讨论了基于校内通勤车可视化系统APP的使用。

关键词：ssm；校内通勤车可视化系统APP ；MySQL

Abstract

With the rapid development of China's economy, people's demand for mobile phones is increasing, and various mobile software is also widely used. However, for data information management of mobile phones, various software for mobile phones are also highly favored by users. The campus commuting visualization system APP is widely used by users, in order to facilitate users to manage data information of the campus commuting visualization system APP at any time, We have developed a management system based on the campus commuting visualization system APP.

The campus commuter visualization system APP mainly considers in detail the functions to be implemented by the system, determines the functions to be implemented, and designs the interface. In the process, it also needs to consider how to better integrate the functions and pages, so that users can easily find the information they need, and the operability of the system platform in the later stage, Develop technology through a detailed understanding of information content.

The development of the campus commuter bus visualization system APP utilizes existing mature technologies as a reference, uses source code as a template, analyzes functional adjustments, and combines them with the actual needs of fraud free campus information query. The use of the campus commuter bus visualization system APP is discussed.

Keywords:ssm； On campus commuting visualization system APP; MySQL

1 绪论

1.1背景及意义

互联网是人类的基本需求，特别是在现代社会，个人压力增大，社会运作节奏高，随着互联网的快速发展，用户的需求也越来越高，用户也将越来越多依靠互联网而不是自己获取信息，使得各种软件程序的开发得到了应用。

近年来，随着我国经济的不断发展，平台的管理制度越来越多。每个校内通勤车可视化系统APP也都将通过计算机进行整体智能化操作，对于校内通勤车可视化系统APP功能所牵扯的数据都是通过用户进行校内通勤车可视化系统APP等相关的数据信息内容、并且可以进行管理员后端:公告栏（公告栏管理）系统用户（管理员、司机用户）轮播图（轮播图管理）资源管理（新闻列表、新闻分类）模块管理（站点管理、建筑信息、车辆信息、通勤轨迹），用户前端首页、校园新闻、车辆信息、通勤轨迹、我的等功能可以通过系统进行分配，传统的手工统计模式已经无法满足用户的需求。为此开发了本校内通勤车可视化系统APP，为用户提供一个基于ssm校内通勤车可视化系统APP，同时方便管理员对用户信息进行操作。该系统满足了用户对校内通勤车可视化系统APP信息获取的需求，并且信息可以及时、准确、有效地进行查看并且系统化、标准化和有效的工作。

1.2研究现状

随着社会的发展和科学技术的进步，互联网技术越来越受欢迎。网络传播的生活方式逐渐受到广大人民群众的喜爱。越来越多的互联网爱好者开始在互联网上满足他们的基本需求，同时逐渐进入各个用户的生活起居。互联网具有许多优点，例如便利性，速度，高效率和低成本。因此，类似于基于安卓app的校内通勤车可视化系统，满足用户工作繁忙的需求，不仅是方便用户随时查看信息的途径，而且还能提高管理效率。

本文首先以基于安卓app的校内通勤车可视化系统过程的基本问题作为研究对象。在开发系统之前，我们对现有状况进行了详细的调查和分析。最后，我们利用计算机技术开发了一套完整合适的基于安卓app的校内通勤车可视化系统。该系统的实现主要优势是：该系统主要采用计算机技术开发，它方便快捷；系统可以通过管理员界面查看用户的所有信息管理。

基于安卓app的校内通勤车可视化系统软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。

1.3ssm框架介绍

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。

Spring
Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。
Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。
SpringMVC
SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。
mybatis
mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。

页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

1.4论文结构与章节安排

本文共分为六章，章节内容安排如下：

第一章为引言，此章节对所设计和实现的系统的背景和状况以及意义进行详细的论述以及说明，同时进行了论文整体框架的结构的简要介绍。

第二章为系统需求分析，章节所做的主要的工作是对系统进行了技术、经济和操作方面可行性的分析；对系统实行了总体功能的需求、用例分析。

第三章为系统的设计，主要是对系统的功能结构进行设计，并对系统数据库的概念结构以及物理结构的设计进行了分析。

第四章就是对系统的实现，根据系统功能的划分，分别的对系统所需要实现的前台客户功能和后台管理员功能进行了分析和说明。

第五章：系统测试。主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

2 校内通勤车可视化系统APP系统分析

系统需求分析是系统开发的一个关键环节，它在系统的设计和实现上起到了一个承上启下的位置。系统需求分析是对所需要做的系统进行一个需求的挖掘，如果分析的准确可以精准的解决现实中碰到的问题。如果分析不到位会影响后期系统的实现。一个系统的优秀程度需求分析也是占据了非常大的比例，如果需求分析不到位，后面的系统设计要实现就是一个偏离导航的设计。

2.1 可行性分析

系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及法律层面的可行性上进行分析，如果三个层面度通过，我们则认为系统是比较可行的。

2.1.1 技术可行性分析

校内通勤车可视化系统APP存储所使用的是mysql数据库以及开发中所使用的是IDEA、Tomcat这些开发工具的使用，能够给我们的编写工作带来许多的便利。系统使用ssm框架进行开发，使系统的可扩展性和维护性更佳，减少java配置代码，简化编程代码，目前ssm框架也是很多企业选择的框架之一。

2.1.2 经济可行性分析

从经济可行性上看项目在开发阶段需要一台开发PC，在生产阶段需要web服务器和数据库服务器。一台个人PC从经济上来看也不是太多问题，在后期的系统部署生产上来说，服务器的投入也不会过高，在经济层面上是一个比较可行的。

2.1.3 法律可行性分析

系统从法律层面上来没有对第三方有其他放有法律层面的问题，系统数据库采用的Mysql 开源社区数据库、框架采用的是开源的ssm。系统资讯和相关内容也是呵呵法律层面的。在源码的管理上采用git开源进行管理，所以在法律可行性上是成立的。

2.2 系统功能分析

2.2.1 功能性分析

校内通勤车可视化系统APP我划分为了管理员模块以及司机用户模块这两大部分。

司机用户管理模块：

（1）用户注册登录：用户注册为司机用户并登录校内通勤车可视化系统APP；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）公告栏：用户点击“公告栏”菜单显示管理员在后台发布的所有的公告栏信息，可以查看公告栏详情。

（3）校园新闻：用户点击“校园新闻”菜单显示所有的校园新闻信息，可以按照条件进行校园新闻的筛选或者输入关键词进行局部搜索，点击可以进入校园新闻详细展示界面，在此界面用户可以收藏、点赞和评论

（4）我的收藏：点击“我的”中“我的收藏”按钮的时候就会显示出自己收藏的各种信息了，支持对收藏信息的搜索查询，如果你想不再收藏某一信息，点击删除就可以了。

（5）车辆信息：当用户点击“车辆信息”这一菜单按钮，会显示管理员在后台发布的所有的车辆信息，支持通过关键词对车辆信息进行搜索，选择需要的车辆信息点击可以进入到车辆信息详细的介绍界面，在详细界面可以查看到车辆的车辆编号、车牌号码、车辆型号、车辆状态等信息，同时可以进行通勤上报操作；

（6）通勤上报：当用户在车辆信息详情界面想要进行通勤上报，点击下方的“通勤上报”按钮，就会跳转到通勤上报信息填写界面，根据界面提示输入通勤上报信息，点击“提交”按钮，通勤上报就完成了；

管理员管理模块：

（1）登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。

（2）轮播图：管理员点击“轮播图”菜单可以对首页展示的轮播图进行增删改查。

（3）公告栏：管理员点击“公告栏”菜单可以查看到系统中的所有公告信息，对已经存在的公告信息，管理员可以修改，也可以添加新的公告信息或者删除公告信息。

（4）系统用户：管理员点击“系统用户”菜单可以对系统中存在的用户进行管理，包含了管理员用户以及司机用户。

（5）资源管理：管理员点击“资源管理”菜单能够对其下子菜单新闻列表和新闻的分类进行增删改查。

（6）模块管理：在“模块管理”这一菜单下，我们会看到站点管理、建筑信息、车辆信息、通勤轨迹，管理员可以对其进行增删改查操作。

2.2.2 非功能性分析

校内通勤车可视化系统APP的非功能性需求比如校内通勤车可视化系统APP的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

表3-1校内通勤车可视化系统APP非功能需求表

安全性	主要指校内通勤车可视化系统APP数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指校内通勤车可视化系统APP能够按照用户提交的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响校内通勤车可视化系统APP占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着校内通勤车可视化系统APP的页面展示内容进行操作，就可以了。
可维护性	校内通勤车可视化系统APP开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.3 系统用例分析

校内通勤车可视化系统APP的完整UML用例图分别是图2-1、图2-2。

图2-1就是司机用户角色的用例展示。

图2-1 校内通勤车可视化系统APP司机用户角色用例图

图2-2就是管理员角色的用例展示。

图2-2 校内通勤车可视化系统APP管理员角色用例图

2.4 系统流程分析

2.4.1 数据流程

开发校内通勤车可视化系统APP最主要的一个目的实现用户对车辆的通勤上报，图2-3就是系统的数据流图。

图2-3车辆通勤上报操作展开图

2.4.2 业务流程

分析完校内通勤车可视化系统APP的数据流，那么接下来我们来看系统的业务流程，图2-4就是业务流程图：

图2-4业务流程图

2.5本章小结

本章主要通过对校内通勤车可视化系统APP的可行性分析、功能需求分析、系统用例分析、系统流程分析，确定整个校内通勤车可视化系统APP要实现的功能。同时也为校内通勤车可视化系统APP的代码实现和测试提供了标准。

3 校内通勤车可视化系统APP总体设计

本章主要讨论的内容包括校内通勤车可视化系统APP的功能模块设计、数据库系统设计。

3.1 系统功能模块设计

3.1.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本校内通勤车可视化系统APP中的用例。那么接下来就要开始对本校内通勤车可视化系统APP的架构、主要功能和数据库开始进行设计。校内通勤车可视化系统APP根据前面章节的需求分析得出，其总体设计模块图如图3-1所示。

图3-1 校内通勤车可视化系统APP功能模块图

3.1.2用户模块设计

本系统的用户包括管理员和用户两种用户模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如下图：

图3-2用户模块结构图

3.1.3 评论管理模块设计

校内通勤车可视化系统APP是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图3-3评论管理模块结构图

3.1.4车辆信息管理模块设计

校内通勤车可视化系统APP是中需要存储不少车辆信息，其模块功能结构，具体的结构图如下：

图3-4车辆信息模块结构图

3.2 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

3.2.1 数据库概念结构设计

下面是整个校内通勤车可视化系统APP中主要的数据库表总E-R实体关系图。

图3-6 校内通勤车可视化系统APP总E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中校内通勤车可视化系统APP中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表building_information (建筑信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	building_information_id	int	10	0	N	Y		建筑信息ID
2	building_name	varchar	64	0	Y	N		建筑名称
3	recommend	int	10	0	N	N	0	智能推荐
4	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表commuting_trajectory (通勤轨迹)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	commuting_trajectory_id	int	10	0	N	Y		通勤轨迹ID
2	vehicle_number	varchar	64	0	Y	N		车辆编号
3	license_plate	varchar	64	0	N	N		车牌号码
4	vehicle_model	varchar	64	0	Y	N		车辆型号
5	vehicle_image	varchar	255	0	Y	N		车辆图片
6	driver_information	int	10	0	Y	N	0	司机信息
7	contact_number	varchar	64	0	Y	N		联系电话
8	start_site	varchar	64	0	Y	N		起始站点
9	starting_building	varchar	64	0	Y	N		起始建筑
10	destination_site	varchar	64	0	Y	N		目的站点
11	target_building	varchar	64	0	Y	N		目的建筑
12	recommend	int	10	0	N	N	0	智能推荐
13	location_address	varchar	64	0	Y	N		当前位置
14	location_lng	varchar	64	0	Y	N		当前位置经度
15	location_lat	varchar	64	0	Y	N		当前位置纬度
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表driver_user (司机用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	driver_user_id	int	10	0	N	Y		司机用户ID
2	full_name	varchar	64	0	Y	N		姓名
3	gender	varchar	64	0	Y	N		性别
4	id_number	varchar	255	0	Y	N		身份证号
5	driving_age	varchar	64	0	Y	N		驾驶年龄
6	examine_state	varchar	16	0	N	N	已通过	审核状态
7	recommend	int	10	0	N	N	0	智能推荐
8	user_id	int	10	0	N	N	0	用户ID
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表site_management (站点管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	site_management_id	int	10	0	N	Y		站点管理ID
2	site_name	varchar	64	0	Y	N		站点名称
3	recommend	int	10	0	N	N	0	智能推荐
4	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用\|2异常\|3已冻结\|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证\|1审核中\|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证\|1审核中\|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表vehicle_information (车辆信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	vehicle_information_id	int	10	0	N	Y		车辆信息ID
2	vehicle_number	varchar	64	0	N	N		车辆编号
3	license_plate	varchar	64	0	N	N		车牌号码
4	vehicle_model	varchar	64	0	Y	N		车辆型号
5	vehicle_image	varchar	255	0	Y	N		车辆图片
6	driver_information	int	10	0	Y	N	0	司机信息
7	contact_number	varchar	64	0	Y	N		联系电话
8	vehicle_status	varchar	64	0	Y	N		车辆状态
9	recommend	int	10	0	N	N	0	智能推荐
10	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
11	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

3.4本章小结

整个校内通勤车可视化系统APP的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4 校内通勤车可视化系统APP详细设计与实现

校内通勤车可视化系统APP的详细设计与实现主要是根据前面的校内通勤车可视化系统APP的需求分析和校内通勤车可视化系统APP的总体设计来设计页面并实现业务逻辑。主要从校内通勤车可视化系统APP界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入校内通勤车可视化系统APP的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是公告，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2 用户注册界面

校内通勤车可视化系统APP的用户时可以进行注册登录，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。

图4-2注册界面图

注册关键代码如下所示。

/**

* 注册

* @return

@PostMapping("register")

public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

// 查询用户

Map<String, String> query = new HashMap<>();

Map<String,Object> map = service.readBody(request.getReader());

query.put("username",String.valueOf(map.get("username")));

List list = service.selectBaseList(service.select(query, new HashMap<>()));

if (list.size()>0){

return error(30000, "用户已存在");

}

map.put("password",service.encryption(String.valueOf(map.get("password"))));

service.insert(map);

return success(1);

}

public Map<String,Object> readBody(BufferedReader reader){

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try{

br = reader;

String str;

while ((str = br.readLine()) != null){

sb.append(str);

}

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

}catch (IOException e){

e.printStackTrace();

}finally{

if (null != br){

try{

br.close();

}catch (IOException e){

e.printStackTrace();

}

return null;

}

public void insert(Map<String,Object> body){

E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

baseMapper.insert(entity);

log.info("[{}] - 插入操作：{}",entity);

}

4.1.3 用户登录界面

校内通勤车可视化系统APP中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到校内通勤车可视化系统APP的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。

图4-3用户登录界面图

登录关键代码如下所示。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

QueryWrapper wrapper = new QueryWrapper<User>();

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

if (groupList.size()<1){

return error(30000,"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

if (res==null){

return error(30000,"用户不存在");

}

if (!res.equals("已通过")){

return error(30000,"该用户审核未通过");

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000,"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

} else {

return error(30000, "账号或密码不正确");

}

public String select(Map<String,String> query,Map<String,String> config){

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

}

if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

}

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

}

log.info("[{}] - 查询操作，sql: {}",table,sql);

return sql.toString();

}

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

4.1.4通勤轨迹界面

用户可以查看通勤轨迹信息，在查询到自己想要了解的通勤轨迹的时候，可以进入查看详细的介绍。界面如下图4-4所示。

图4-4 通勤轨迹界面图

4.1.5校园新闻界面

当访客点击校内通勤车可视化系统APP中导航栏上的“校园新闻”后将会进入到该“校园新闻”列表的界面，然后选择想要看的校园新闻信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，校园新闻界面如下图4-5所示。

图4-5校园新闻界面图

4.1.6车辆信息界面

当用户点击“车辆信息”这一菜单按钮，会显示管理员在后台发布的所有的车辆信息信息，支持通过关键词对车辆信息进行搜索，选择需要的车辆信息点击可以进入到车辆信息详细的介绍界面，在详细界面可以查看到车辆信息的车辆编号、车牌号码、车辆型号、车辆状态等信息，同时可以进行通勤上报操作，车辆信息界面如下图4-6所示。

图4-6 车辆信息界面图

4.2管理人员功能模块

4.2.1公告栏管理界面

管理员点击“公告栏管理”菜单可以查看到系统中的所有公告栏信息，对已经存在的公告栏信息，管理员可以修改，也可以添加新的公告栏信息或者删除公告栏信息。界面如下图4-7所示。

图4-7公告栏管理界面图

公告栏管理代码如下。

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

4.2.2 系统用户管理界面

管理员点击“系统用户”这一菜单会显示管理员和司机用户这两个子菜单，管理员可以对这两个角色的信息进行增删改查操作。界面如下图4-8所示。

图4-8系统用户管理界面图

4.2.3资源管理界面

管理员点击“资源管理”菜单能够对其下子菜单新闻列表和新闻的分类进行增删改查。界面如下图4-9所示。

图4-9资源管理界面图

资源管理关键代码如下所示。

@RequestMapping("/get_obj")

public Map<String, Object> obj(HttpServletRequest request) {

List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

if (resultList.size() > 0) {

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj",resultList.get(0));

return success(jsonObject);

} else {

return success(null);

}

4.2.4模块管理界面

校内通勤车可视化系统APP中的管理人员在“模块管理”这一菜单下是可以对校内通勤车可视化系统APP内的站点管理、建筑信息、车辆信息、通勤轨迹进行管控的，其管理界面如下图4-10所示。

图4-10模块管理界面图

模块管理关键代码如下所示。

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

5系统测试

5.1 系统测试用例

系统测试包括：用户登录功能测试、车辆信息展示功能测试、车辆信息添加、车辆信息搜索、密码修改，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

车辆信息查看功能测试：

表5-2 车辆信息查看功能测试表

用例名称	车辆信息查看
目的	测试车辆信息查看功能
前提	无
测试流程	点击车辆信息
预期结果	可以查看到所有车辆信息
实际结果	实际结果与预期结果一致

管理员添加车辆信息界面测试：

表5-3 管理员添加车辆信息界面测试表

用例名称	添加车辆信息测试用例
目的	测试车辆信息添加功能
前提	管理员用户正常登录情况下
测试流程	1）管理员点击车辆信息，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的车辆信息
实际结果	实际结果与预期结果一致

车辆信息搜索功能测试：

表5-4车辆信息搜索功能测试表

用例名称	车辆信息搜索测试
目的	测试车辆信息搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的车辆信息
实际结果	实际结果与预期结果一致

密码修改搜索功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.2 系统测试结果

通过编写校内通勤车可视化系统APP的测试用例，已经检测完毕用户登录模块、车辆信息展示模块、车辆信息添加模块、车辆信息搜索模块、密码修改模块，通过这五大模块为校内通勤车可视化系统APP的后期推广运营提供了强力的技术支撑。

结论

至此，校内通勤车可视化系统APP已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如Web、Java技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。

参考文献

[1]李泰增,程歆玥,李爱迪,魏柏安.基于分布式架构的多源交通大数据可视化系统设计与实现[J].城市建设理论研究(电子版),2023(10):119-121.DOI:10.19569/j.cnki.cn119313/tu.202310040.

[2]张佳祺,张文斐.基于数据挖掘的电子签章取证流程可视化系统设计[J].微型电脑应用,2023,39(03):197-200.

[3]黄安妮,符嘉成,潘俊冰,冯淞耀,陈柏龄.基于SpringBoot的云主机资源采集与可视化系统设计[J].电脑编程技巧与维护,2023(03):94-96+103.DOI:10.16184/j.cnki.comprg.2023.03.022.

[4]丁宣伊.基于Python的高校电信诈骗数据收集及可视化系统设计[J].电脑编程技巧与维护,2023(03):90-93.DOI:10.16184/j.cnki.comprg.2023.03.020.

[5]张浩.SSM框架在Web应用开发中的设计与实现研究[J].电脑知识与技术,2023,19(08):52-54.DOI:10.14004/j.cnki.ckt.2023.0353.

[6]刘丹青,李超,王青海.基于Java技术的藏汉双语学前教育云平台设计与实现[J].信息技术,2023,47(02):17-23.DOI:10.13274/j.cnki.hdzj.2023.02.004.

[7]伍德鹏,李佩学.基于SSM框架的高职院校教学办公用品管理信息系统设计研究[J].轻工科技,2023,39(01):99-101.

[8]李亚君. 基于SSM框架的B2C电子商城系统的设计与实现[D].合肥工业大学,2022.DOI:10.27101/d.cnki.ghfgu.2022.000313.

[9]谢霜.基于Java技术的网络管理体系结构的应用[J].网络安全技术与应用,2022(10):14-15.

[10]苏婉怡,揣小龙,赵国松,王煜尧.基于Java技术的考试系统关键点研究[J].无线互联科技,2022,19(18):58-60.

[11]刘汪洋,李宁. 一种应用于SSM框架的会话保持方法[P]. 山东省：CN113347235A,2021-09-03.

[12]He Xinbin,Bai Yongbin,Yue Lisen,Wang Haixiao,Liu Yi. Design and Implementation of Information System Based on Java Technology Platform[J]. Journal of Physics: Conference Series,2021,2033(1).

[13]白新宇, 基于Java技术短信发送性能测试方式及系统. 湖北省,武汉东湖学院,2021-05-01.

[14]Qu Xiaona. Application of Java Technology in Dynamic Web Database Technology[J]. Journal of Physics: Conference Series,2021,1744(4).

[15]Tian Ming Huang. Design and Implementation of App System for Legal Consulting Based on JAVA Technology[J]. Procedia Computer Science,2020,166(C).

[16]方春露,杨文琦,陈滔等. 基于Javaweb技术广东省学生体质争优运动处方数据库和视频库的构建[C]//中国生理学会运动生理学专业委员会,北京体育大学.2018年中国生理学会运动生理学专业委员会会议暨“科技创新与运动生理学”学术研讨会论文集.2018年中国生理学会运动生理学专业委员会会议暨“科技创新与运动生理学”学术研讨会论文集,2018:161-162.

致谢

文章能够得以完成，这其中离不开我敬爱的老师的帮助，虽然没有直接指出问题的所在，但也通过言语指点了我，并给出了相对应的建议，让我能够更加快速地成长，在此，由衷地表达我的谢意。

首先，主要感谢的是我的指导老师，是他在我完成我的作品时给了我巨大的肯定，这一点给了我巨大信心，让我有信心完成这项作品。并且还在我的制作过程中给了我不少的建议，让我少走了很多的弯路。为我指出了具体的方向，找到了主干的我，便沿着主干的枝丫逐渐深入，剖析每一个脉络。并且在我的系统的初步完成时，也给我指出了我系统存在的不足和缺陷，让我深刻认识到了自己的不足。

其次还要感谢为我提供参考资料的同学，是他们给了我前人的经验，让我得以站在巨人的肩膀上作为我的起点，这些资料也给我带来了巨大的帮助。

最后还要感谢我的父母，他们给了我最大的支持，也充分肯定了我的作品，这个给了我极大的鼓舞，也奠定了我成功的基础，没有这些人对我的帮助，也就不会有我今天的成功。对此再次感谢各位的帮助。

点赞+收藏+关注 → 私信领取本源代码、数据库

Weixin-ZYKJ985

关注

10
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
（附源码）校内通勤车可视化系统APP的设计与实现毕业设计-95020

司机用户管理模块：（1）用户注册登录：用户注册为司机用户并登录校内通勤车可视化系统APP；用户对个人信息的增删改查，比如个人资料，密码修改。（2）公告栏：用户点击“公告栏”菜单显示管理员在后台发布的所有的公告栏信息，可以查看公告栏详情。（3）校园新闻：用户点击“校园新闻”菜单显示所有的校园新闻信息，可以按照条件进行校园新闻的筛选或者输入关键词进行局部搜索，点击可以进入校园新闻详细展示界面，在此界面用户可以收藏、点赞和评论（4）我的收藏：点击“我的”中“我的收藏”按钮的时候就会显示出自己收藏的各种信息
复制链接

扫一扫