基于web的警务智能风险信息系统的设计与实现
发布时间：2020-11-10 12:20
从古至今,公共安全保障和社会治安问题一直都备受关注,随着经济发展和科技的不断进步,我们在公共安全领域也面临着越来越多的问题。一方面在技术飞速发展的背景下,一些不法分子的手段越来越复杂,反侦查意识越来越强,我们也需要在“互联网+”的背景下运用已有的信息化技术和手段取代传统的治安维护体系,来应对越来越严峻和复杂的社会形势。另一方面,警务工作当中存在一些技术手段单一、缺少技术支持、时效差等问题。警务智能风险信息系统也是近年来基层公安机关在顺应信息化和数据化时代的潮流,推进互联网与业务结合,建设既规范又高效、数据鲜活又有利于实战的便民并且稳定的工作新格局的实践行动。本文结合当前警务工作的现状进行分析,总结了当前公共安全和警务工作中的特点,讨论了建设系统的目标、研究方案和解决的问题,然后介绍了在警务智能风险信息系统的构建过程中开发方面需要用到的重点技术:系统后端使用J2EE技术进行具体业务的实现,前端使用了Vue.js框架、Element UI框架、Webpack构建工具等技术设计和开发出了满足需求的系统。个人主要工作包括系统功能的开发、组件开发、接口调试、项目构建、项目部署和部分测试。本论文的内容包括阐述本系统的背景和项目意义、研究现状,系统的功能和非功能需求,对系统包含的功能,包括安保方案管理、高风险区域、一类风险管理、二类风险管理、前科风险管理、声纹识别、案件管理、查询和布控管理、权限管理等功能模块,使用用例图对系统的各部分功能进行描述。在本文的总体设计和详细设计部分详细描述了数据库设计和数据库表。最后描述了每个模块的具体实现方法和界面,并且通过一些测试方案验证和分析了系统功能。本系统的所有模块功能已经基本实现,并且在多个城市和地区投入使用。包括安保方案管理、高危区域、一类风险管理、二类风险管理、前科风险管理、声纹识别模块、案件管理、查询申请和布控管理等功能。警务智能风险信息系统的实现响应了公安部提出的战略,丰富了现有技术手段,帮助提高了警务工作效率,对于助力实现公共安全方面的转型升级有重大意义。
【学位单位】：北京交通大学
【学位级别】：硕士
【学位年份】：2019
【中图分类】：D035.39;TP311.52
【部分图文】：
前后端分离是ｗｅｂ开发的一种架构模式。在这种交互模式下，前端向后端发??送Ａｊａｘ请求，请求成功后后端返回前端需要的数据，前端根据ＪＳ脚本生成页面??ＤＯＭ结构，再根据请求到的静态资源和数据对页面进行渲染，呈现给用户。对于??后端来说只需要按需将前端所要的数据和资源返回，不需要再将数据和页面进行??嵌套处理。这种开发模式下，前后端不需要关心彼此的逻辑实现，只需要通过一??套接口文档作为媒介，前端将自己需要的数据格式和内容告知后端，然后后端将??规定好的字段和接口地址提供给前端，前端就可以根据需要调用接口拿到数据。??一般来说好的接口文档可以提高互相之间的工作效率，减少理解障碍，一般??用Ｊｓｏｎ格式的数据，规定好字段名称以及数据结构，前端在拿到接口前也可以通??过ｍｏｃｋ模仿后端返回数据进行独立开发，降低工作之间的耦合度［１Ｇ］。这样一来前??端可以更好地去关注页面渲染、界面交互和提升性能，提供更好的用户体验，后??端也可以专注数据处理和业务逻辑。前后端分离模式如图２－２。??Ｂｒｏｗｓｅｒ?ＡＰＩ?Ｓｅｒｖｅｒ??＂￣??
＜＾ｒｒ〇Ｈ〇?ｃｏｎｔａｉｎｅｒ）?丨’丨?ｊａ＾ａ?Ｋ???１、八??（ｉｎｄ＝ｒ丨ｅｔ?ｊ请撕理??图２－１传统的前后端模式??Ｆｉｇ?２－１?Ｔｒａｄｉｔｉｏｎａｌ?ｆｒｏｎｔ－ｅｎｄ?ａｎｄ?ｂａｃｋ－ｅｎｄ?ｍｏｄｅｓ??前后端分离是ｗｅｂ开发的一种架构模式。在这种交互模式下，前端向后端发??送Ａｊａｘ请求，请求成功后后端返回前端需要的数据，前端根据ＪＳ脚本生成页面??ＤＯＭ结构，再根据请求到的静态资源和数据对页面进行渲染，呈现给用户。对于??后端来说只需要按需将前端所要的数据和资源返回，不需要再将数据和页面进行??嵌套处理。这种开发模式下，前后端不需要关心彼此的逻辑实现，只需要通过一??套接口文档作为媒介，前端将自己需要的数据格式和内容告知后端，然后后端将??规定好的字段和接口地址提供给前端，前端就可以根据需要调用接口拿到数据。??一般来说好的接口文档可以提高互相之间的工作效率
接收数据并进行事件处理［１２］。另一方面Ｃｏｎｔｒｏｌｌｅｒ可与Ｍｏｄｅｌ直接通信和请求数据，??调用相应的方法来获取Ｍｏｄｅｌ的数据，Ｍｏｄｅｌ层也会通过观察者模式在自身数据??变化时通知到Ｃｏｎｔｒｏｌｌｅｒ。ＭＶＣ架构如图２－３。??６湖相应的Ｖｉｅ為＂ｉＫ＊＇??／?一??／?２．发送请求?＼?．、、、???１?＼?Ｓ．＾ｔｔ理结给ｃｏｎｔｒｏｌｌｅｒ??ＢＥＢＢＩ—Ｖｉｅｗ?３媚请求调用雛的ｍｏｄｅｌ?］??ｉ?Ｈ??＼?Ｉ??、、?Ｊ?＼?ｉ??、腺结果，?＼?ｊ??ｍｏｄｅｌ?（?４．业努獅）??图２－３?ＭＶＣ架构各层之间的通信??Ｆｉｇ?２－３?Ｃｏｍｍｕｎｉｃａｔｉｏｎ?ｂｅｔｗｅｅｎ?ｌａｙｅｒｓ?ｏｆ?ＭＶＣ?ａｒｃｈｉｔｅｃｔｕｒｅ??但是这种模式也存在着一定问题，比如Ｍｏｄｅｌ和Ｖｉｅｗ层都依赖于Ｃｏｎｔｒｏｌｌｅｒ，??需要处理网络请求、用户操作等，由于逻辑复杂导致项目可维护性降低。??ＭＶＶＭ?（Ｖｉｅｗ－ＶｉｅｗＭｏｄｅｌ－Ｍｏｄｅｌ）是幵发过程中应用的前后端分离架构模式，??当前主流的前端框架如Ｖｕｅ，ｊｓ、ＡｎｇｕｌａｒＪＳ、Ｒｅａｃｔ都是基于ＭＶＶＭ框架。ＶｉｅｗＭｏｄｅｌ??是ＭＶＶＭ的中转站同时也是核心，当用户在界面上输入数据，ＶｉｅｗＭｏｄｅｌ会监听??到数据变化，并及时更新自身的数据模型，当用出发了点击事件后，ＶｉｅｗＭｏｄｅｌ??会向后端发送请求和数据
【参考文献】
本文编号：2877921
【学位单位】：北京交通大学
【学位级别】：硕士
【学位年份】：2019
【中图分类】：D035.39;TP311.52
【部分图文】：
前后端分离是ｗｅｂ开发的一种架构模式。在这种交互模式下，前端向后端发??送Ａｊａｘ请求，请求成功后后端返回前端需要的数据，前端根据ＪＳ脚本生成页面??ＤＯＭ结构，再根据请求到的静态资源和数据对页面进行渲染，呈现给用户。对于??后端来说只需要按需将前端所要的数据和资源返回，不需要再将数据和页面进行??嵌套处理。这种开发模式下，前后端不需要关心彼此的逻辑实现，只需要通过一??套接口文档作为媒介，前端将自己需要的数据格式和内容告知后端，然后后端将??规定好的字段和接口地址提供给前端，前端就可以根据需要调用接口拿到数据。??一般来说好的接口文档可以提高互相之间的工作效率，减少理解障碍，一般??用Ｊｓｏｎ格式的数据，规定好字段名称以及数据结构，前端在拿到接口前也可以通??过ｍｏｃｋ模仿后端返回数据进行独立开发，降低工作之间的耦合度［１Ｇ］。这样一来前??端可以更好地去关注页面渲染、界面交互和提升性能，提供更好的用户体验，后??端也可以专注数据处理和业务逻辑。前后端分离模式如图２－２。??Ｂｒｏｗｓｅｒ?ＡＰＩ?Ｓｅｒｖｅｒ??＂￣??
＜＾ｒｒ〇Ｈ〇?ｃｏｎｔａｉｎｅｒ）?丨’丨?ｊａ＾ａ?Ｋ???１、八??（ｉｎｄ＝ｒ丨ｅｔ?ｊ请撕理??图２－１传统的前后端模式??Ｆｉｇ?２－１?Ｔｒａｄｉｔｉｏｎａｌ?ｆｒｏｎｔ－ｅｎｄ?ａｎｄ?ｂａｃｋ－ｅｎｄ?ｍｏｄｅｓ??前后端分离是ｗｅｂ开发的一种架构模式。在这种交互模式下，前端向后端发??送Ａｊａｘ请求，请求成功后后端返回前端需要的数据，前端根据ＪＳ脚本生成页面??ＤＯＭ结构，再根据请求到的静态资源和数据对页面进行渲染，呈现给用户。对于??后端来说只需要按需将前端所要的数据和资源返回，不需要再将数据和页面进行??嵌套处理。这种开发模式下，前后端不需要关心彼此的逻辑实现，只需要通过一??套接口文档作为媒介，前端将自己需要的数据格式和内容告知后端，然后后端将??规定好的字段和接口地址提供给前端，前端就可以根据需要调用接口拿到数据。??一般来说好的接口文档可以提高互相之间的工作效率
接收数据并进行事件处理［１２］。另一方面Ｃｏｎｔｒｏｌｌｅｒ可与Ｍｏｄｅｌ直接通信和请求数据，??调用相应的方法来获取Ｍｏｄｅｌ的数据，Ｍｏｄｅｌ层也会通过观察者模式在自身数据??变化时通知到Ｃｏｎｔｒｏｌｌｅｒ。ＭＶＣ架构如图２－３。??６湖相应的Ｖｉｅ為＂ｉＫ＊＇??／?一??／?２．发送请求?＼?．、、、???１?＼?Ｓ．＾ｔｔ理结给ｃｏｎｔｒｏｌｌｅｒ??ＢＥＢＢＩ—Ｖｉｅｗ?３媚请求调用雛的ｍｏｄｅｌ?］??ｉ?Ｈ??＼?Ｉ??、、?Ｊ?＼?ｉ??、腺结果，?＼?ｊ??ｍｏｄｅｌ?（?４．业努獅）??图２－３?ＭＶＣ架构各层之间的通信??Ｆｉｇ?２－３?Ｃｏｍｍｕｎｉｃａｔｉｏｎ?ｂｅｔｗｅｅｎ?ｌａｙｅｒｓ?ｏｆ?ＭＶＣ?ａｒｃｈｉｔｅｃｔｕｒｅ??但是这种模式也存在着一定问题，比如Ｍｏｄｅｌ和Ｖｉｅｗ层都依赖于Ｃｏｎｔｒｏｌｌｅｒ，??需要处理网络请求、用户操作等，由于逻辑复杂导致项目可维护性降低。??ＭＶＶＭ?（Ｖｉｅｗ－ＶｉｅｗＭｏｄｅｌ－Ｍｏｄｅｌ）是幵发过程中应用的前后端分离架构模式，??当前主流的前端框架如Ｖｕｅ，ｊｓ、ＡｎｇｕｌａｒＪＳ、Ｒｅａｃｔ都是基于ＭＶＶＭ框架。ＶｉｅｗＭｏｄｅｌ??是ＭＶＶＭ的中转站同时也是核心，当用户在界面上输入数据，ＶｉｅｗＭｏｄｅｌ会监听??到数据变化，并及时更新自身的数据模型，当用出发了点击事件后，ＶｉｅｗＭｏｄｅｌ??会向后端发送请求和数据
【参考文献】
相关期刊论文 前3条
1 封宇;陈宁江;;基于MVVM架构的移动Web前端展示方案[J];计算机与现代化;2014年11期
2 张兆端;;“智慧警务”:大数据时代的警务模式[J];公安研究;2014年06期
3 金锋;徐玉波;;公安信息化系统资源整合与平台建设面临的问题及对策研究[J];中国安防;2012年06期
相关硕士学位论文 前6条
1 金梦辰;“互联网+服务型警务”研究[D];南京大学;2018年
2 陈硕;企业管理平台会话子系统前端的设计与实现[D];南京大学;2018年
3 刘翔宇;基于Vue的数据可视化系统的设计与实现[D];北京邮电大学;2018年
4 路雯雯;支持前后端分离的JavaScript开发框架的研究及在内容管理系统中的应用[D];山东大学;2017年
5 曾广海;基于Web前端组件化的个人博客系统的设计与实现[D];华中科技大学;2016年
6 戴翔宇;Web前端工程组件化的分析与改进[D];吉林大学;2016年
本文编号：2877921
本文链接：https://www.wllwen.com/falvlunwen/fanzuizhian/2877921.html
