摘 要

随着城市的发展和人们生活水平的不断提高，城市内的交通方式也越来越多样化，但是，也不得不面临交通事故问题日益突出的问题。一起交通事故发生后，当事人或见证者最佳的方式是通过手机来报案，交警及保险公司根据事故状况描述进行相应处置。

本文在实际调研的基础上，采用B/S三层架构思想来设计系统，前端采用时下流行的MVVC框架—Vue，后端采用同样非常流行的Express，数据库则采用MySQL管理，为交管部门设计并实现了一套交通事故查理查询系统。系统包括了上传事故，事故查询，地图查询，个人中心等四大功能模块。本文主要工作如下：

（1）设计并开发交通事故处理系统，系统是SPA单应用，因此有更好的用户体验，让用户在web app感受native app的速度和流畅。

（2）采用MVVC架构，前后端分离。可以快速定位发现问题所在。前端不需要关心后端是如何实现的，后端也无需关心前端。

（3）采用Ajax技术，不刷新当前页面的情况下与服务器通信并更新数据，前端向后端请求数据，后端返回一个JSON格式的数据。用户体验好，反应迅速。

开发中进行了单元测试及系统测试，在测试过程中出现的问题及时加以修正。目前系统已经上线，从使用情况来看，系统各功能均运行正常。

关键词： 交通事故处理；Vue；前后端分离；MVVC

Abstract

With the development of the city and the continuous improvement of people’s living standards, the modes of transportation in the city are becoming increasingly diversified, but they have also had to face the increasingly prominent problems of traffic accidents. After a traffic accident occurs, the best way for the parties or witnesses is to report the case through the mobile phone. The traffic police and the insurance company will handle the case according to the description of the accident.

Based on the actual research, this paper uses the B/S three-tier architecture to design the system. The front end adopts the popular MVVC framework—Vue. The back end adopts the same popular Express, and the database adopts MySQL management. It is designed for the traffic management department. A set of traffic accident check query system was implemented. The system includes four major function modules: upload accident, accident inquiry, map inquiry and personal center. The system has the following three main features:

(1) The system is a SPA single application, so it has a better user experience, allowing users to feel the speed and smoothness of the native app in the web app.

(2) With MVVC architecture, front and back ends are separated. You can quickly locate where the problem is found. The front end does not need to care about how the back end is implemented, and the back end does not need to care about the front end.

(3) Ajax technology is used to communicate with the server and update data without refreshing the current page. The front end requests data from the backend and the backend returns a JSON formatted data. The user experience is good and it responds quickly.

Unit tests and system tests were carried out during development, and problems that occurred during the test were corrected in a timely manner. At present, the system is already online. From the point of view of use, all functions of the system are operating normally.

Key Words：Traffic accident handling；Vue；Front and rear separation；MVVM

目 录

第1章 绪论 1

1.1 课题研究的背景 1

1.2 国内外研究状况 1

1.2.1 国外研究状况 1

1.2.2 国内研究状况 3

1.3 论文的研究内容 3

1.4 论文结构安排 4

第2章 相关理论与技术 5

2.1 交通事故处理工作的特点 5

2.2 前端技术 5

2.2.1 Vue框架 5

2.2.2 Vuex 5

2.2.3 vue-router 5

2.2.4 webpack 6

2.2.5 mint-ui 6

2.3 后端技术 6

2.3.1 Node.js 6

2.3.2 Express框架 6

2.3.3 MySQL数据库 6

第3章 系统需求分析 8

3.1 需求问题描述 8

3.2 系统可行性分析 8

3.2.1 技术可行性 8

3.2.2 经济可行性 8

3.2.3 操作可行性 8

3.3 系统功能分析 8

3.4 非功能需求 9

第4章 系统总体设计 11

4.1 系统设计原则 11

4.2 系统设计目标 12

4.3 系统架构方案设计 12

4.4 系统主要功能模块 13

4.4.1 地图模块 13

4.4.2 报案模块模块 13

4.4.3 查询模块 13

4.4.4 个人中心模块 14

4.4.5 登录注册模块 14

4.4.6找回密码模块 14

4.5 数据库设计 14

第5章 各功能模块实现 16

5.1 登录注册实现 16

5.2 报案模块实现 19

5.3 查询模块实现 22

5.4 个人中心模块实现 23

5.5 地图模块实现 26

5.6 忘记密码模块实现 27

第6章 测试与分析 30

6.1 系统测试简介 30

6.2 整体功能测试 30

第7章 总结与展望 33

参考文献 34

致 谢 35

第1章 绪论

1.1 课题研究的背景

随着科学技术的发展提高，道路交通给人们带来了史无前例的方便，但与此同时也带来了伤亡。根据世界卫生组织（WTO）“2015年全球道路安全形势报告”，世界上每年死于交通事故的人数超过134万人，中国占其中的十分之一。这是2015年世界十大死亡原因之一。车祸发生后，没有及时通知救护人员是致使伤亡增加的重要原因。根据有关资料统计显示，假如一位重伤同伤者可在半小时内送医院治疗，其生存率为80％，20-60分钟内生存率为40％，60-60分钟内生存率为40％，90分钟存活率仅为10％。因此，车祸后的初期治疗可以大大下降死亡率。所以笔者认为开发一个城市交通事故处理系统是非常必要的。

进入21世纪，各种计算机技术和网络技术发展迅速，在这个时代的背景下，社会正在发生巨大的变化，人们的生活和工作方式不断变化，计算机产业的发展也很大的促进了社会经济的发展。过去，人们要努力完成的事情，现在可以使用计算机轻松的完成，所有不可能的事情已经成为现实，它使人们对计算机有了更深的理解，使用计算机来解决事件的案例越来越多，电脑的作用越来越为人所知。交通管理部门还必须思考信息技术应用，以实现智能交通。在智能交通中，通过网络的应用可以使国家道路连通，实现交通信息和资源共享的高度跨越，同时通过信息技术的应用，使城市交通安全事故处理工作更加科学、高效。

因此，在本文中笔者通过构建一个基于Android的交通事故处理与查询系统，让用户可以方便的实现交通事故报警功能，同时也方便了交管部门。

1.2 国内外研究状况

1.2.1 国外研究状况

西方发达国家在处理交通事故，制定应急救援法律法规，建立机构，救援队伍，急救方案决策，支持交通事故支持系统等方面有很完整的事故处理机制，大幅度降低交通事故受伤和死亡的人数，减少了财产损失。主要措施包括：

1. 快速调查事故现场，研究实施安全措施。
2. 准备紧急直升机，以改善交通事故急救措施。
3. 开展汽车和自行车强制保险制度。
4. 国家道路交通事故紧急援助系统。

比方说在美国，美国的警察局都有交通队负责处理主要的交通违章以及交通事故。 具体任务包括事故现场的侦察和证据收集，伤员救援，通路清理和事故报告的完成。派出所通常设有公共安全应急调度中心，来专门处理交通事故。救护车将伤员送往医院。消防队和自愿救助车前去现场帮忙。其他社会组织也参与了事故救援。 恢复秩序。 美国在全国范围内建立了完备的紧急医疗服务体系（EMS）。 尽管该系统用于在交通事故中为受伤人员提供紧急医疗援助，但它更多地关注医疗资源的分配和编制应急预案。

在德国，德国各州在提供紧急服务方面负有法律责任，但通常将这些责任委托给地区一级。包括较小社区和城市在内的市政府都由国家负责装备和运营消防部门，它可以通过该区域的许可来运行EMS系统。德国法律规定提供消防和救援服务，包括环境管理体系，人员配备和装备水平与当地人口相对应。在独立城市，这通常由消防局直接提供，其中一个部门在一个城市。与消防不同，提供EMS的任务虽然在法律上有效，但并不一定直接由区执行。如果是，它将作为县EMS运营。在某些情况下，当地市政当局通常会通过专职的消防部门直接提供服务。然而，EMS可能会被该地区承包给一些其他潜在的服务提供商，包括社区非营利组织和私营公司。

以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。

相关图片展示：