基于jspm城市交通事故档案管理系统的设计与实现

weixin_MZ_ZXD001

于 2024-09-27 08:45:00 发布

阅读量1.2k

点赞数 33

文章标签： mysql spring boot java html css myeclipse mvc

本文链接：https://blog.csdn.net/weixin_MZ_ZXD001/article/details/142377430

版权

摘要

科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设城市交通事故档案管理系统。

本设计主要实现集人性化、高效率、便捷等优点于一身的城市交通事故档案管理系统，完成用户管理、案件分类管理、事故登记管理、通知公告管理、案件管理、案件统计、系统管理等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。城市交通事故档案管理系统使用Java语言，采用基于 MVC模式的JavaEE技术进行开发，使用 MyEclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：城市交通事故档案管理；Java语言；关系型数据库；数据存储

Design and Implementation of Urban Traffic Accident File Management System

Abstract

The rapid development of scientific and technological progress has caused great changes in People's Daily life. The rapid development of electronic information technology makes the application level of electronic information technology in various fields popularized and applied. The arrival of the information age has become an unstoppable fashion trend, and the history of human development is entering a new era. In reality, the working rules and development steps of the software are applied, and the JAVA technology is used to build the urban traffic accident file management system.

This design mainly realizes the urban traffic accident file management system with the advantages of humanization, high efficiency and convenience, and completes the function modules of user management, case classification management, accident registration management, notice and announcement management, case management, case statistics, system management and so on. The system communicates with the server through the browser to realize the data interaction and change. Through scientific management and convenient service, the system improves work efficiency and reduces errors and omissions in data storage. The urban traffic accident file management system uses Java language, adopts JavaEE technology based on MVC mode to develop, uses MyEclipse 2017 CI 10 compiler to write, and mainly uses Microsoft's MySQL relational database as the data storage medium. Cooperate with the front HTML+CSS technology to complete the development of the system.

Key words:Urban traffic accident file management; The Java language. Relational database; Data is stored

第1章绪论

1.1研究背景与意义

随着社会的快速发展，人们的消费水平也在飞速提高，汽车基本成为了家家户户都具有的交通工具。一方面，目前所有驾驶员都已考取驾驶证，具有开车上路的资质，但是大部分人开车技术不熟练或者是新人上路；另一方面，汽车数量的增加使得交通状况更加复杂，这两方面原因导致交通事故发生率急剧增长，对于交通局全面掌握交通事故状况造成了一定的困难。

传统式的交通事故档案仅是纸质档案，不仅查阅困难，而且对于根据事故状况做出相应交通措施造成了阻碍，这些早已不适应了飞速发展的信息时代。所处二十一时代的人们，生活的衣食住行都愈加依赖于科技产品，如通过淘宝、京东、唯品会等购物平台进行衣物方面的消费，使用饿了么、美团外卖等外卖平台来解决吃饭问题。使用美团订房、贝壳租房等平台解决住房问题，通过铁路12306、携程来解决出行问题。同样地，对于交通管理局而言，建立一套信息化的交通事故档案管理系统是非常有必要的。

建立交通事故管理系统不仅可以实现对档案的有效归类管理，简化繁琐地重复式工作，而且对于交通事故档案做出有效的交通措施以及相应规划具有重要意义，尤其对于交通事故频发路段进行信息化档案管理更加重要且有意义。这也就是本课题开发一套交通事故档案管理系统的意义所在。

1.2开发意义

交通事故档案管理系统的建立主要具有以下作用：

（1）简化繁琐工作

传统的交通事故档案管理是纸质版形式，进行归类管理工作不仅工作量大，而且大部分是重复式繁琐工作。如对于某个路段的交通事故档案根据时间进行归类，消耗大量人力与时间。信息化档案管理系统可以根据输入的归档形式快速进行归类，大大缩短了档案分类管理的时间。

（2）提高管理质量

使用系统进行管理，可以有效减少归类错误的情况，而且通过图形化形式展示交通事故，清晰明了。

（3）对于交通措施/规划具有可参考性

有效地交通事故档案管理对于采取交通措施以及做出相应规划具有很重要地的参考价值，如根据某个路段事故发生的频率，进行交通人员的增减调动，根据统计路段事故发生次数，可以对于路段做出整改之类的规划。

1.3本文的组织结构

第一章是绪论，本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了城市交通事故档案管理系统的所采用的开发技术和开发工具。

第三章是系统分析部分，包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分，本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现，介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结，以此对未来有一个新的展望。

第2章相关技术介绍

2.1 J2EE技术

人可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便[1][2]。

2.2 MVC模式

MVC模式是常用的开发模式，主要是在代码实现上将其分为M层、V层和C层。

视图（View）代表用户交互界面，一个 Web 应用就可能有很多的界面，在 MVC 模式中，视图仅仅处理的只有数据采集、处理，还有用户的请求，并不包括业务流程的处理，业务流程由模型（Model）来处理[3]。

模型（Model）就是业务流程/状态的处理及业务规则的制定。模型处理业务流程的过程其它层是无法看见了的，它就像黑箱子，在接受视图请求的数据之后，然后返回最终的处理结果。MVC 最主要的核心就是业务模型的设计，一个典型的应用例子就是目前流行的 EJB 模型，它从应用技术实现的角度对模型做了进一步的划分，以便充分利用现有的组件，但是它不能作为应用设计模型的框架[4]。

控制器（Controller）可以理解为接收用户的请求，然后视图和模型匹配在一起，一起再完成用户请求。它有非常明显的作用在划分控制层上，可以很清晰地告诉你，它就是一个分发器，选择什么样的模型、视图，可以完成用户的什么样的请求。控制层不做所有的数据处理，比如说：用户点击一个连接，控制层接受到请求之后，并不处理业务信息，它只是向模型传递用户的信息，同时告诉模型做什么，然后选择符合需求的视图返回给用户[5][6]。

2.3 MySQL数据库

科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的城市交通事故档案管理系统也需要这项技术的支持[7]。

用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象[8]。

2.4 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果，不需要考虑不停装软件的问题[9]。

2.5 MyEclipse开发工具

MyEclipse是由Genuitec公司开发的，一款功能非常强大的JavaEE的集成开发环境，其中包括有：完备的编码、调试、测试和发布功能[10]，完整支持JSP、Spring、CSS、JavaScript、SpringMVC、HTML、JSF、Mybatis、SQL等技术。在体系结构上，MyEclipse的特征可以被分为7类：JavaEE模型；Web开发工具、EJB开发工具、JavaEE项目部署服务、应用程序服务器的而连接器、数据库服务、MyEclipse整合帮助[11]。

对于以上每一种功能的类别，在MyEclipse中都有相应的功能部件，并通过一系列的插件来实现它们。MyEclipse在结构上的这种模块化，可以让它在不影响其他模块的情况下，对其中任意的一个模块进行单独的扩展和升级。强大的MyEclipse应用开发平台也不仅仅只是Eclipse的插件而已，同时更是一款功能强大的，用于JavaEE的集成开发环境[12]。

2.6 Tomcat服务器

Tomcat软件是在一个开放的、参与式的环境中开发的，许多人都喜欢使用它[13]。它可以独立的被应用，却不适用于并发访问较高的情况。它是一个小型的服务连接器，程序员用它来测试服务器页面。Tomcat服务器的性能稳定、容易上手、不需要消费即可获得等，这些益处抓住开发者的眼球，使用者擢发难数[14]。

第3章系统分析

3.1可行性分析

本次设计基于B/S 模式下，运用Java、JSP技术采用的是MySQL数据库和Myeclipse实现，总体的可行性共分为以下三个方面。

3.1.1技术可行性分析

所谓的技术可行性就是在限定时间，前期拟定的功能能否被满足。在开发设计上是否会遇上解决不了的问题。做完的项目能否被很好地应用，如果存在缺点在后期的维护上是否存在很大的难度。在对这个系统评估后，认定已存在的技术能达成目标。用JSP技术来实现动态的页面，嵌入低依赖性的设计模式，灵活的数据库，配合稳定的服务器，整个系统的运行效率大大提升。由此可见，在技术层面达成目标不是非非之想。

3.1.2经济可行性分析

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

3.1.3操作可行性分析

本系统实现功能的操作很简单，普通电脑的常见配置就可以运行本软件，并且只要粗通电脑使用的基本常识就可以流畅的使用本软件。电脑具备连接互联网的能力，并且可以正常访问系统，并不需要操作者有什么高超的能力，只需了解业务流程，并且按照专业知识进行正确操作即可，所以城市交通事故档案管理系统具备操作可行性。

3.2功能需求分析

在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

城市交通事故档案管理系统在对需求做解析后，整个系统主要分为两个部分：管理员和普通用户，每个模块下的分支功能不一样。对功能做出如下说明：

普通用户模块：

账号注册。

账号登录认证。

管理个人资料信息，修改可修改的信息项。

提交事故登记，同时查看历史已提交的事故登记记录。

事故受理查询，同时查看历史已受理的记录。

管理员模块：

维护普通用户，审核普通用户的账号，可以冻结普通用户的登录权限，或者删除普通用户账号。

发布案件，并可以销毁某个案件，更新案件数据，模糊搜索案件数据等。

管理事故受理数据。

维护案件统计数据。

查看普通用户提交的事故登记数据，管理员有权利维护它。

3.3非功能需求分析

系统非功能需求有非常多，比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求，因为系统是给人使用的，所以必须充分从用户的角度出发，考虑用户体验，使系统易理解易上手易操作。

3.4数据流程分析

一层数据流程图包括了登录注册、用户功能和检索维护等模块，在登录注册模块使用到的数据存储有用户账户文档，用户功能模块需要的存储是用户各功能模块数据文档，检索维护是使用以上这些数据文档通过关键词进行检索。

系统的一层数据流图如下图所示。

图3-2系统数据流图（一层）

二层数据流程是对一层数据流层图中填写登录注册信息、用户功能的细化。即：填写登录注册信息细化为填制信息、后台审核，用户功能细化为事故登记、通知查询、案件受理查询等操作。

系统的二层数据流图如下图所示。

图3-4系统数据流图（二层）

第4章系统设计

4.1系统架构设计

目前B/S体系的系统主要的数据访问方式是：通过浏览器页面用户可以进入系统，系统可以自动对用户向服务器发送的请求进行处理，处理请求是在系统后台中进行的，用户在浏览器页面上进行相应操作，就能够看到服务端传递的处理结果。城市交通事故档案管理系统主要分为视图-模型-控制三层架构设计。在视图层中，主要是操作在服务器端向客户端反馈并显示的数据，在模型层中，主要处理相关的业务逻辑、数据整合等，最后的控制层它介于视图和模型之间，主要是调整两层之间的关系，最终落实数据的传递。

系统架构图如下图所示。

图4-1系统架构图

4.2系统功能结构

系统设计的目的是分析系统包括的所有功能结构，为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后，确定的总体需求主要包括多个模块，分别是：用户管理、案件分类管理、事故登记管理、通知公告管理、案件管理、案件统计、系统管理。系统整体角色分为二个部分，一是普通用户、二是管理员。权限分布也是很明显，游客即是无需任何验证便可浏览相关信息；普通用户是在除去浏览信息之外还具有查询和管理自己账户信息、事故登记、通知查询、案件受理查询等权限；管理员是最高权限拥有者。

系统功能结构图如下图所示。

图4-2系统功能结构图

4.3功能模块设计

用户管理模块

该模块是为所有用户登录设计的，如注册用户这种普通用户登录后只能进行自己的普通功能操作(如个人信息修改），管理员和超级管理员登录后有不同的权限，管理员不能超越权限。超级管理员能对整个系统的数据进行管理，主要是用户的登录权限以及用户登录后在系统里的操作权限。

事故受理模块

管理员对事故进行案件受理，关系为一对多，根据事故编号来将事故数据传入到受理数据中，操作人为普通用户，然后生成受理列表，普通用户查看个人历史受理列表，可以进行数据销毁。

案件维护模块

操作人来录入案件数据，点击案件录入按钮，依次填写要录入的案件数据，点击提交按钮，将数据提交至数据库，然后刷新案件数据页面，每条数据右边有删除和编辑按钮，来完成相应的删除和更新功能。

通知维护模块

管理员点击通知管理菜单，点击通知添加子菜单，添加通知数据，填写标题、内容、类别、图片，提交成功后，通知数据页面刷新，新数据成功载入页面。

事故登记维护模块

根据事故登记维护的流程，普通用户提交事故登记数据，在个人后台便可以查看到历史提交的事故登记数据，管理员来维护事故登记数据，审批确认已存在的事故登记数据。

打印和导出模块

系统多个页面可以进行打印功能，包括信息详细页，信息列表页，打印时调用外部打印机，完成打印设置即可打印，在信息列表页可以将该信息列表导出至excel中，用户选择保存excel文件的路径，既可以下载至本地，在excel中可以自由编辑。

4.4表单字段校验处理设计

1.出错信息类型

出错信息类型包括：

A 未输入必填项；

B 应输入合法字符或数字却输入非法字符或数字；

C 对空数据表进行更改或删除操作；

D 向要求唯一值的关键字段添加重复值。

2.出错处理对策

对于错误A，系统要求用户输入非空值。

对于错误B，系统要求用户输入合法字符。

对于错误C，系统提示数据表无记录可更改或删除。

对于错误D，系统要求用户输入非重复值。

4.5系统维护设计

城市交通事故档案管理系统是个现代化的高度集成的综合信息系统，系统主要服务对象为用户，最大化在页面中提供多的信息，因此在系统维护上，数据量较大，整体的维护设计如下：

（1）代码的维护：部署在云服务器上或本地服务器，通过SVN或FTP保持版本更新迭代。

（2）功能增加：功能升级在必要的前提下。

（3）数据维护：根据安全性等需求，定期对数据库进行人工备份。

4.6数据库设计

4.6.1概念模型

对于一个要开发的系统来说，E-R图可以让别人能更快更轻松的了解此系统的事务及它们之间的关系。根据系统分析阶段所得出的结论确定了在城市交通事故档案管理系统中存在着多个实体分别是用普通用户、管理员、事故、案件。

系统总体ER图如下图所示。

图4-4系统总体ER图

4.6.2关系模型

管理员（管理员id、用户名、密码、权限）

普通用户（普通用户id、账号、密码、姓名、性别、地区、手机、Email、照片）

通知数据（通知id、标题、类别、首页图片、点击率、发布人）

案件（案件id、用户名、姓名、联系电话、事故时间、事故地点、案件编号、案件类型、受理单位）

4.6.3数据表

数据库逻辑结构就是将E-R图在数据库中用具体的字段进行描述。用字段和数据类型描述来使对象特征实体化，最后形成具有一定逻辑关系的数据库表结构。城市交通事故档案管理系统所需要的部分数据结构表如下表所示。

allusers表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	username	VarChar	50	是	255
3	pwd	VarChar	50	是	255
4	cx	VarChar	50	是	255
5	addtime	DateTime	8	是	23

anjianfenlei表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	anjianleixing	VarChar	50	是	255
3	addtime	DateTime	8	是	23

anjianxinxi表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	yonghuming	VarChar	50	是	255
3	xingming	VarChar	50	是	255
4	lianxidianhua	VarChar	50	是	255
5	shigushijian	VarChar	50	是	255
6	shigudidian	VarChar	50	是	255
7	anjianbianhao	VarChar	50	是	255
8	anjianleixing	VarChar	50	是	255
9	shoulidanwei	VarChar	50	是	255
10	anjianshouli	VarChar	500	是	255
11	anjianpanjue	VarChar	500	是	255
12	addtime	DateTime	8	是	23

shigudengji表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	yonghuming	VarChar	50	是	255
3	xingming	VarChar	50	是	255
4	lianxidianhua	VarChar	50	是	255
5	shigushijian	VarChar	50	是	255
6	shigudidian	VarChar	50	是	255
7	shiguqiyin	VarChar	500	是	255
8	shigumiaoshu	VarChar	500	是	255
9	shigutupian	VarChar	50	是	255
10	issh	VarChar	10	是	255
11	shhf	VarChar	200	是	255
12	addtime	DateTime	8	是	23

tongzhigonggao表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	biaoti	VarChar	300	是	255
3	neirong	VarChar	500	是	255
4	xiangguanfujian	VarChar	50	是	255
5	faburen	VarChar	50	是	255
6	addtime	DateTime	8	是	23

yonghu表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	yonghuming	VarChar	50	是	255
3	mima	VarChar	50	是	255
4	xingming	VarChar	50	是	255
5	xingbie	VarChar	50	是	255
6	lianxidianhua	VarChar	50	是	255
7	youxiang	VarChar	50	是	255
8	shenfenzheng	VarChar	50	是	255
9	addtime	DateTime	8	是	23

第5章系统实现

5.1登录模块的实现

系统的登录窗口是用户的入口，用户只有在登录成功后才可以进入访问。通过在登录提交表单，后台处理判断是否为合法用户，进行页面跳转，进入系统中去。

登录合法性判断过程：用户输入账号和密码后，系统首先确定输入输入数据合法性，然后在login.jsp页面发送登录请求，调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示：

输入：用户名和密码。

处理：

1）检测用户输入的账号、密码是否正确及在数据库已对应存在。

2）从数据库中提取记录，并储存在本地的session中（timeout默认=30min）。

3）根据用户名，将其显示在系统首页上。

输出：是否成功的信息。

登录流程图如下所示。

图5-1登录流程图

系统登录界面如下所示。

图5-2系统登录界面

用户登录的逻辑代码如下。

if(ac.equals("adminlogin"))

{

String username = request.getParameter("username");

String password = request.getParameter("pwd");

String utype = request.getParameter("cx");

request.setAttribute("random", "");

go("/login.jsp", request, response);

else{

String sql1 = "select * from allusers where username='"+username+"' and pwd='"+password+"' ";

List<HashMap> userlist1 = dao.select(sql1);

if(userlist1.size()==1)

{

request.getSession(). setAttribute("username", userlist1.get(0).get("username"));

request.getSession(). setAttribute("cx", userlist1.get(0).get("cx"));

gor("main.jsp", request, response);

}else{

request.setAttribute("error", "");

go("/login.jsp", request, response);

}

5.2用户子系统模块的实现

5.2.1用户首页模块

系统呈现出一种简洁大方的首页：界面简约、鳞次栉比，用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑，应有良好性能的后台。

如下图所示为系统的首页界面。

图5-3系统首页界面

其中载入前台页面的主要代码如下。

5.2.2注册模块

此页面实现普通用户的注册，必须注册登录后才能使用系统大部分功能，用户名不允许重复如果重复将会注册失败，并弹出相应的提示，通过js实现对输入的验证。

用户注册流程图如下所示。

图5-4用户注册流程图

用户注册界面如下图所示。

图5-5用户注册界面

用户注册关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

5.2.3事故登记模块

用户提交事故登记，可以进行新增、查看、修改以及删除等相应的事故登记管理操作。当点击"新增事故登记"的按钮时，在事故登记添加界面进行详细信息的添加操作。当点击"查看事故登记"超级链接时，会显示所选的事故登记的信息，然后点击"返回"再返回到其主页面。

事故登记提交界面如图所示。

图5-15事故登记提交界面

事故登记管理界面如图所示。

图5-16事故登记管理界面

事故登记添加关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

5.3管理员子系统模块的实现

5.3.1用户管理模块

用户在yhzhgl查看用户信息，先使用sql语句查询出所有用户表的数据，然后调用PageManager.getPages(url,4,sql, request )，返回一个ArrayList的对象，在for循环里，使用jsp得到每个ArrayList对象的数据，在jsp页面中解析ArrayList对象，得到其各个键值对的值。

用户管理界面如下图所示。

图5-17用户管理界面

系统用户管理关键代码如下所示。

public List<HashMap> select(String sql)

{

System.out.println(sql);

List<HashMap> list = new ArrayList();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery(sql);

ResultSetMetaData rsmd = rs.getMetaData();

while(rs.next())

{

HashMap map = new HashMap();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(!rsmd.getColumnName(j).equals("ID"))

{

String str = rs.getString(j)==null?"": rs.getString(j);

if(str.equals("null"))str = "";

map.put(rsmd.getColumnName(j), str);

}

else

map.put("id", rs.getString(j));

}

list.add(map);

}

rs.close();

st.close();

} catch (SQLException e) {

// TODO Auto-generated catch block

if(sql.equals("show tables"))

list = select("select table_name from INFORMATION_SCHEMA.tables");

else

e.printStackTrace();

}

return list;

}

5.3.2个人资料管理模块

用户点击登录填写账号信息登录后，会切换内容为“某某用户欢迎您”和历史订单，并给出注销链接。当用户登录成功后会将个人信息保存在session作用域中，点击自己的用户名时，会跳转到个人详细信息页面，由后台通过Freemarker取出session作用域中的用户信息进行动态渲染，例如，邮箱、电话号码、用户名等等。同时页面上会显示修改个人信息和修改密码的按钮，这时客户可以修改自己的登录密码以保障账号的安全性，防止被人窃取账号，通过UserController.java的updatePassword()实现，同时也可以根据自己的个人信息是否变动做出相应的修改，通过updateUserInfo()实现。

密码修改流程图如下所示。

图5-19密码修改流程图

密码修改关键代码如下所示。

if(ac.equals("uppass"))

{

String olduserpass = request.getParameter("ymm");

String userpass = request.getParameter("xmm1");

String copyuserpass = request.getParameter("xmm2");

HashMap m = dao.getmaps("yonghuming",(String)request.getSession().getAttribute("username"), "yonghuzhuce");

if(!(((String)m.get("mima")).equals(olduserpass)))

{

request.setAttribute("error", "");

go("mod2.jsp", request, response);

}else{

//String id = (String)user.get("id");

String sql = "update yonghuzhuce set mima='"+userpass+"' where yonghuming='"+(String)request.getSession().getAttribute("username")+"'";

dao.commOper(sql);

request.setAttribute("suc", "");

go("mod2.jsp", request, response);

}

5.3.3事故管理模块

添加事故信息时，输入必填字段后，表现层的ShiguController接受传过来的事故信息参数，再调用ShiguController类的addShigu方法，经过ShiguService业务层到ShiguMapper持久层的处理，完成对整个添加事故信息的操作。addShigu方法也和用户管理中的addUser方法类似，同时做添加和修改工作。

修改事故信息时，选择需要修改的事故进行修改，调用ShiguController控制器的editShigu方法，拿到该事故原本的信息并显示到页面，管理员再对需要修改的事故信息字段进行修改，完成后调用addShigu方法，调用业务层的updateByKey方法，更新数据库的事故信息表的数据。

事故管理流程图如下所示。

图5-21事故管理流程图

事故添加界面如下图所示。

图5-22事故添加界面

事故查询界面如下图所示。

图5-23事故查询界面

事故信息添加关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

5.3.4通知管理模块

删除通知时，选择需要删除的通知进行删除，把主键的uId传到TongzhiController控制器，再调用控制器的deleteTongzhi方法，数据经过TongzhiService业务层解析和处理，请求TongzhiMapper持久层调用deleteByPrimaryKey方法操作数据库将通知数据从数据库中删除。

查找通知时，输入需要查找的通知名，调用getData方法获取所有数据并且进行分页，把获取到的所有数据显示到视图上，这时候只需要用脚本方法便能快速查找，不涉及对数据库操作。

通知管理流程图如下所示。

图5-24通知管理流程图

通知添加界面如下图所示。

图5-25通知添加界面

通知查询界面如下图所示。

图5-26通知查询界面

通知信息添加关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

5.3.5事故案件受理模块

用户选择事故添加案件受理记录，用户在shiguxinxi_list查看事故，点击案件受理，跳转至anjian_add.jsp，添加案件受理记录则将添加的案件受理记录数据封装在HashMap中，然后调用CommDAO的insert方法将案件受理记录内容插入案件受理记录表中。

案件受理管理流程图如下所示。

图5-27案件受理管理流程图

案件受理添加界面如下图所示。

图5-28案件受理添加界面

案件受理查询界面如下图所示。

图5-29案件受理查询界面

案件受理信息添加关键代码如下所示。

Connection conn = this.getConn();

try {

Statement st = conn.createStatement();

ResultSet rs = st.executeQuery("select * from "+tablename);

ResultSetMetaData rsmd = rs.getMetaData();

int i = rsmd.getColumnCount();

for(int j=1;j<=i;j++)

{

if(rsmd.getColumnName(j).equals("id"))continue;

if(rsmd.getColumnName(j).equals("ID"))continue;

if(rsmd.getColumnName(j).equals("iD"))continue;

if(rsmd.getColumnName(j).equals("Id"))continue;

typemap.put(rsmd.getColumnName(j)+"---", rsmd.getColumnTypeName(j));

collist.add(rsmd.getColumnName(j));

sql+=rsmd.getColumnName(j)+",";

}

sql = sql.substring(0,sql.length()-1);

sql+=") values(";

rs.close();

st.close();

} catch (SQLException e) {

e.printStackTrace();

}

5.3.6系统管理模块

数据库备份功能能够对系统中的数据进行备份，实现了对系统数据长期有效的保存；数据库恢复功能可在系统数据被破坏的情况下，将早期的系统备份数据恢复，保证了系统数据库在受到破坏的情况下，快速实现系统数据恢复。

数据备份的界面如下图所示。

图5-11数据备份界面

数据备份关键代码：

if (request.getSession().getAttribute("cx").equals("超级管理员"))

{

String sql="";

sql="backup database jsptemp to disk='D:/jsptemp.dat'";

new CommDAO().commOper(sql);

out.print("<script>alert('操作成功!!，您的数据库已成功备份于D:/jsptemp.dat');location.href='sy.jsp';</script>");

}

else

{

out.print("<script>alert('对不起,您没有该权限');location.href='sy.jsp';</script>");

}

5.3.7饼状图统计模块

饼状图统计模块调用echarts.min.js初始化饼状图的样式和框架，首先要初始化类目参数和数量参数，本系统在案件管理模块上使用了饼状图，其的类目参数为案件类目，数量参数为各类案件的数量，类目和数量的数据量从案件表里读取，遍历案件表中的数据，分别加入到类目数组和数量数组中，做好数据初始化准备，其次是用JavaScript开始画图，设置图的类型，设置图的标题，设置类目数，设置数量和饼状图的尺寸，设置背景颜色，设置画图样式，调用画图函数，饼状图就自动生成了。

饼状图统计界面如下图所示。

图5-11饼状图统计界面

饼状图统计实现的关键代码如下。

var myChart = echarts.init(document.getElementById('main'));

window.onresize = myChart.resize;

var option = {

title: {

text: '标题'

tooltip: {},

legend: {

data:[<%=tleixing%>]

grid: {

left: '5%',

right: '5%',

bottom: '5%',

width: '90%',

containLabel: true

xAxis: {

yAxis: {

data: []

series: [

{

name: '比例',

type: 'pie',

radius: 150,

center: ['50%', '50%'],

data: [<%=x%>]

]

};

myChart.setOption(option);

</script>

第6章系统测试

6.1测试目的

在对该系统进行完详细设计和编码之后，就要对城市交通事故档案管理系统的程序进行测试，检测程序是否运行无误，反复进行测试和修改，使之最后成为完整的软件，满足用户的需求，实现预期的功能。

6.2测试过程

在软件的测试过程中，通常测试人员需要针对不同的功能模块设计多种测试用例。通过测试用例能够及时发现代码业务逻辑上是否与真实的业务逻辑相对应，及时发现代码上或逻辑上的缺陷，以此来来完善系统，提高软件产品的质量，使软件具有良好的用户体验。

注册测试用例表如下所示。

表6-1注册测试用例

测试性能		新用户注册
用例目的		测试系统新用户个人信息注册功能的功能和安全性
前提条件		进入注册页面填写个人信息
输入条件	预期输出		实际情况
各项基本信息输入不完整	不允许注册，无法点击注册按钮		一致
填写已存在的用户名	系统显示出提示信息，要求重新填写		一致
两次密码输入不一致	系统显示出提示信息，要求重新填写		一致
填写的各项信息没有符合提示的长度和字符要求	系统显示出提示信息，要求重新填写		一致
胡乱填写电话号码	收不到验证码		一致
填写验证码与收到的不一致	系统显示提示信息告知用户验证码错误，不予注册		一致

登录测试用例表如下所示。

表6-2登录测试用例

测试性能		用户或操作员登录系统
用例目的		测试用户或操作员登录系统时功能是否正常
前提条件		进入用户登录页面或操作员登录页面
输入条件	预期输出		实际情况
各项信息不予填写，直接点击登陆按钮	不允许登录，提示填写账号相关信息		一致
填写错误的登录名或密码后点击登录系统	提示用户名或密码错误，要求重新填写进行登录		一致
填写与验证码信息不一致的信息	系统显示出提示信息，表明验证码错误，要求重新填写		一致

事故受理测试用例表如下所示。

表6-3事故受理测试用例

测试性能		用户进行事故受理的操作
用例目的		测试用户进行事故受理操作时，该功能是否正常
前提条件		用户进入事故详情页，该事故能够被受理
输入条件	预期输出		实际情况
对着某事故点击“受理”按钮	界面跳转至受理界面		一致
在受理界面，输入必填项，点击“提交”按钮	提示“受理成功”，并返回上一级界面		一致
在受理界面，填写受理表单的时候未输入完整，点击“提交”按钮	提示“受理失败”		一致

事故管理测试用例表如下所示。

表6-4事故管理测试用例

测试性能		事故相关信息管理功能
用例目的		测试系统操作者对事故相关信息进行管理的功能是否正常
前提条件		登录系统进入相关管理页面
输入条件	预期输出		实际情况
进入事故管理界面，点击“录入”按钮，填写所有必填项，点击提交	提示“录入成功”，并返回查询界面		一致
进入事故管理界面，点击“录入”按钮，未填写一个或者多个必填项，点击提交	提示“录入失败”，请填写必填项		一致
进入事故管理界面，选择要修改的一条数据，点击该条数据后面的“修改”按钮	节目跳转至修改界面		一致
在修改界面，修改可修改项后，点击“提交”按钮	提示“修改成功”，并返回查询界面		一致
进入事故管理界面，点击某条数据后面的删除按钮	提示“是否要删除该数据”，如果用户点击“确定”按钮，则成功删除该条数据，并提示“删除成功”，之后返回查询界面		一致

6.3测试结果

经过对此系统的测试，得出该系统足以满足用户日常需求，在功能项目和操作等方面也能满足操作员对于其他用户的管理。但是，还有很多功能有待添加，这个系统仅能满足大部分的需求，还需要对此系统的功能更进一步的完善，这样使用起来才能更加的完美。

第7章总结与展望

通过城市交通事故档案管理系统的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。

目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。

本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。

系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。

参考文献

[1]徐佩.新时期计算机软件开发技术的应用及发展趋势[J].农家参谋,2019(08):167.

[2]张帅,崔婀娜,魏立波.互联网+健康在线服务平台的设计与实现[J].科技创新与应用,2019(10):91-92.

[3]谷利国,陈存田,张甲瑞.基于B/S模式的人事教育信息管理系统的分析与设计[J].电脑知识与技术,2019,15(10):58-59.

[4]胥新政,强毅.基于JSP的常用金属材料标准检索平台开发设计[J].制造业自动化,2019,41(03):41-43+69.

[5]王祖维,南淮耀,张英.“互联网+”视域下的高校学生公寓管理系统设计与实现——以沈阳师范大学为例[J].现代商贸工业,2019,40(08):187-188.

[6]廖明华,齐攀.学生职业能力测评管理系统的设计与实现[J].广东交通职业技术学院学报,2019,18(01):48-52.

[7]李冬冬,刘华明,毕学慧,王秀友.旧衣申领系统的设计与实现[J].电脑知识与技术,2019,15(08):47-50.

[8]李庆年.“互联网+”视域下的人才招聘管理系统设计与实现[J].国际公关,2019(03):164-165.

[9]刘婷,彭焕峰,邵淑婷.基于云平台的高校监考管理系统[J].电脑知识与技术,2019,15(07):91-92.

[10]赵丙秀.基于百度AI平台的Web人脸注册和登录系统的实现[J].电脑知识与技术,2019,15(07):114-115.

[11]戴昭颖,尹涛.钢铁行业成本预算系统开发应用实践[J].电子技术与软件工程,2019(04):29-30.

[12]曹灿,刘志刚.基于SSH和Layui的工程科学前沿与实践系统[J].工业控制计算机,2019,32(02):91-92+96.

[13]谢路.基于Web的考务管理系统设计与实现[J].福建电脑,2019,35(01):136-137.

[14]张继东.MySQL数据库基于JSP的访问技术[J/OL].电子技术与软件工程,2017,(15):169(2017-08-03).

[15]韩思凡.Web开发中的JSP与HTML的基础应用[J].科学技术创新,2020(14):71-72.

[16]NastitiAndini,DaehaKim,JongAhnChun.Operationalsoilmoisturemodelingusingamulti-stageapproachbasedonthegeneralizedcomplementaryprinciple[J].AgriculturalWaterManagement,2020,231.

[17]A.D.Titisari,D.Phillips,I.W.Warmada,Hartono,A.Idrus.40Ar/39ArgeochronologyofthePongkorlowsulfidationepithermalgoldmineralisation,WestJava,Indonesia[J].OreGeologyReviews,2020,119.

[18]FranciscoOrtin,OscarRodriguez-Prieto,NicolasPascual,MiguelGarcia.HeterogeneoustreestructureclassificationtolabelJavaprogrammersaccordingtotheirexpertiselevel[J].FutureGenerationComputerSystems,2020,105.

[19]SatyaKrismatama,IndahRiyantini,IwangGumilar,LantunParadhitaDewanti.SelectivityofFishingGearforScomberomorusguttatus(Bloch&Schneider,1801)CommoditiesinPangandaranFishingGround,WestJava[J].AsianJournalofFisheriesandAquaticResearch,2020.

[20]ZhongXiangfu,PlaAlbert,RaynerSimon.Jasmine:aJavapipelineforisomiRcharacterizationinmiRNA-Seqdata[J].Bioinformatics,2020,36(6).