食药监局监管平台的设计与实现【字数：21508】
摘 要食品药品监督管理直接关乎民生福祉。食品药品监管部门的工作职责以走访与检查为主，且食药安全监管覆盖范围广，监管难度大，食药安监部门的人力人手与全社会对食品药品安全监管需求之间存在较大差距。因此，食药监部门亟需信息化平台支持，提高食品药品安全监管的效率和效果。本文开发基于Node.js全栈技术的食药监局监管平台，实现了食药监局工作流程的信息化管理，为食药监部门进行审核监管、监督检查、信息维护提供软件服务。
目 录
1 绪论 1
1.1 项目背景 1
1.2 研究目的和意义 1
2 相关技术概述 2
2.1 Node.js平台 2
2.2 SPA单页应用与Vue.js框架 2
2.3 NoSQL数据库 3
2.4 RESTful接口 3
3 需求工程 4
3.1 问题定义 4
3.2 可行性研究 4
3.3 需求分析与建模 5
4 软件设计 7
4.1 软件设计 7
4.2 数据库概念设计 8
4.3 数据表逻辑设计与实现 9
5 软件实现 15
5.1 Web端架构概述 15
5.2 前端总体结构 15
5.3 站点路由设计 17
5.4 信息维护类页面设计 19
5.5 主要业务页面设计 26
5.6 展示类页面设计 35
5.7 API调用模块 37
5.8 后台架构概述 38
5.9 后台HTTP接口设计 39
5.10 后台源码工程化 41
6 软件测试与持续集成 43
6.1 单元测试 43
6.2 持续集成 45
7 优化与改进 47
7.1 可扩展项 47
7.2 性能优化改进项 47
8 结束语 49
参考文献 50
致谢 51
绪论
项目背景
食品药品生产加工相关的安全监督管理工作一向是食药监 *好棒文|www.hbsrm.com +Q: &351916072&
局工作的重点。在我国，这些工作以实地走访检查与普法、审核发放和吊销许可证、年度统计汇总结果等为主。传统的使用档案文件来维护方式往往会带来很多问题，在数据增删改查、备份恢复、联网传输等方面这些问题尤为显著。因此当前迫切地需要一款适合食药监局工作性质的信息化平台[1]。
传统CMS系统往往只适用于普通的互联网政务管理，而往往不具备食药监局所需求的功能。具体来说，食药监局的工作性质决定了其所需的特殊功能：日常监督管理检查、企业与许可证的维护、检查模板的设计等基础信息维护系统；以总局、分局、街道办为级别划分的分级管理；涉及到实地走访检查工作，需要执法人员通过电子地图导航得知被监管单位的具体位置；日常检查、专项检查、风险量化评级等需要使用不同的检查模板，不同的模板需要具备客观打分、主观评级等不同格式的检查项目[2]。
二十一世纪是信息时代，我国大部分地区已经实现了政务工作信息化、联网化。得益于互联网高速与便捷的特点，设计实现一款基于互联网的食药监局电子监管平台来服务各大食药监机构，是有重大意义的[3]。
研究目的和意义
考虑到传统档案文件管理方式有着难以增删改查、难以备份恢复、难以传输共享、难以多方协作、难以方便储存的问题，以及难以适配食药监局分级别、分区域、分流程的工作模式[4]。本在线监管平台旨在提供一种匹配以上需求的方便快捷的电子业务系统，解决食药监相关部门实际工作上的这些难题。
设计开发本监管平台的意义在于：
将部门日常工作标准化，流程化，规范化；
减少工作量，进而降低食药监部门的执法成本；
实现监管透明化，实现政务问责机制，避免徇私舞弊现象；
对地区食品药品行业发展提供数据分析，以便于支持决策[5]；
实现政府信息化，推进技术进步与互联网经济可持续发展。
相关技术概述
Node.js平台
在本食药监局在线监管系统中，采用Node.js平台作为系统的开发的运行平台。Node.js诞生于2009年，由行业内专家与高级工程师共同开发设计，业界众多公司多年来的应用充分印证了其高性能、容错度高、软件生态良好等特点。目前IBM、微软、阿里巴巴、华为、腾讯等公司均有使用Node.js平台。
从技术上来说，Node.js采用了基于事件循环的异步驱动模式，这使得它更加适用于高并发的场合；采用了谷歌公司开发的V8引擎来运作，工作效率上实现了巨大提升；通过CommonJS和较先进的ECMAScript规约来实现模块化，因此扩展性能优良[6]。
从成本上来说，Node.js对硬件和网络通讯的需求较低，且其本身使用上是免费的，网络上公共资源丰富，维护难度低，具备低成本的特点。
以下所述的Vue.js框架、MongoDB数据库驱动、Axios库等均为构建和运行在Node.js平台之上，且本平台使用的后台系统亦是使用Node.js提供的相关功能与接口来实现。
SPA单页应用与Vue.js框架
传统的Web平台存在着以下问题：从用户的角度来讲，传统网页的交互性不良，页面切换不流畅，加载速度和渲染过程受限于网速；从软件开发人员的角度来讲，传统网页开发是没有实现工程化的，在模块化、组件化、测试等方面均高度依赖手工，从数据获取加工到展示，各步骤工作量大，极易出错。
SPA单页应用是最早诞生自2003年技术概念，它指的是将网页相关的框架一次性加载完毕，并在不使网页重新加载的情况下实现浏览和跳转等操作，使得网页表现得像本地应用一样。如今，例如阿里云、微信公众号活动页面、优酷网、新浪微博等网站均采用了SPA架构。本在线监管系统也采用了这种模式来设计开发，以提供良好的用户体验。
Vue.js是基于Node.js平台的Web开发框架。不同于传统MVC框架[7]，它提供一种名为MVVM（即Model、View、Viewmodel）的从视图直接到数据的双向绑定模式，这可以极大的提高开发效率[8]。Vue.js同时也支持构建上面所提到的SPA单页应用[9]。目前国内已有天猫、Bilibili、饿了么等众多互联网公司使用该框架，印证了其优质的实用性和稳定性。
目 录
1 绪论 1
1.1 项目背景 1
1.2 研究目的和意义 1
2 相关技术概述 2
2.1 Node.js平台 2
2.2 SPA单页应用与Vue.js框架 2
2.3 NoSQL数据库 3
2.4 RESTful接口 3
3 需求工程 4
3.1 问题定义 4
3.2 可行性研究 4
3.3 需求分析与建模 5
4 软件设计 7
4.1 软件设计 7
4.2 数据库概念设计 8
4.3 数据表逻辑设计与实现 9
5 软件实现 15
5.1 Web端架构概述 15
5.2 前端总体结构 15
5.3 站点路由设计 17
5.4 信息维护类页面设计 19
5.5 主要业务页面设计 26
5.6 展示类页面设计 35
5.7 API调用模块 37
5.8 后台架构概述 38
5.9 后台HTTP接口设计 39
5.10 后台源码工程化 41
6 软件测试与持续集成 43
6.1 单元测试 43
6.2 持续集成 45
7 优化与改进 47
7.1 可扩展项 47
7.2 性能优化改进项 47
8 结束语 49
参考文献 50
致谢 51
绪论
项目背景
食品药品生产加工相关的安全监督管理工作一向是食药监 *好棒文|www.hbsrm.com +Q: &351916072&
局工作的重点。在我国，这些工作以实地走访检查与普法、审核发放和吊销许可证、年度统计汇总结果等为主。传统的使用档案文件来维护方式往往会带来很多问题，在数据增删改查、备份恢复、联网传输等方面这些问题尤为显著。因此当前迫切地需要一款适合食药监局工作性质的信息化平台[1]。
传统CMS系统往往只适用于普通的互联网政务管理，而往往不具备食药监局所需求的功能。具体来说，食药监局的工作性质决定了其所需的特殊功能：日常监督管理检查、企业与许可证的维护、检查模板的设计等基础信息维护系统；以总局、分局、街道办为级别划分的分级管理；涉及到实地走访检查工作，需要执法人员通过电子地图导航得知被监管单位的具体位置；日常检查、专项检查、风险量化评级等需要使用不同的检查模板，不同的模板需要具备客观打分、主观评级等不同格式的检查项目[2]。
二十一世纪是信息时代，我国大部分地区已经实现了政务工作信息化、联网化。得益于互联网高速与便捷的特点，设计实现一款基于互联网的食药监局电子监管平台来服务各大食药监机构，是有重大意义的[3]。
研究目的和意义
考虑到传统档案文件管理方式有着难以增删改查、难以备份恢复、难以传输共享、难以多方协作、难以方便储存的问题，以及难以适配食药监局分级别、分区域、分流程的工作模式[4]。本在线监管平台旨在提供一种匹配以上需求的方便快捷的电子业务系统，解决食药监相关部门实际工作上的这些难题。
设计开发本监管平台的意义在于：
将部门日常工作标准化，流程化，规范化；
减少工作量，进而降低食药监部门的执法成本；
实现监管透明化，实现政务问责机制，避免徇私舞弊现象；
对地区食品药品行业发展提供数据分析，以便于支持决策[5]；
实现政府信息化，推进技术进步与互联网经济可持续发展。
相关技术概述
Node.js平台
在本食药监局在线监管系统中，采用Node.js平台作为系统的开发的运行平台。Node.js诞生于2009年，由行业内专家与高级工程师共同开发设计，业界众多公司多年来的应用充分印证了其高性能、容错度高、软件生态良好等特点。目前IBM、微软、阿里巴巴、华为、腾讯等公司均有使用Node.js平台。
从技术上来说，Node.js采用了基于事件循环的异步驱动模式，这使得它更加适用于高并发的场合；采用了谷歌公司开发的V8引擎来运作，工作效率上实现了巨大提升；通过CommonJS和较先进的ECMAScript规约来实现模块化，因此扩展性能优良[6]。
从成本上来说，Node.js对硬件和网络通讯的需求较低，且其本身使用上是免费的，网络上公共资源丰富，维护难度低，具备低成本的特点。
以下所述的Vue.js框架、MongoDB数据库驱动、Axios库等均为构建和运行在Node.js平台之上，且本平台使用的后台系统亦是使用Node.js提供的相关功能与接口来实现。
SPA单页应用与Vue.js框架
传统的Web平台存在着以下问题：从用户的角度来讲，传统网页的交互性不良，页面切换不流畅，加载速度和渲染过程受限于网速；从软件开发人员的角度来讲，传统网页开发是没有实现工程化的，在模块化、组件化、测试等方面均高度依赖手工，从数据获取加工到展示，各步骤工作量大，极易出错。
SPA单页应用是最早诞生自2003年技术概念，它指的是将网页相关的框架一次性加载完毕，并在不使网页重新加载的情况下实现浏览和跳转等操作，使得网页表现得像本地应用一样。如今，例如阿里云、微信公众号活动页面、优酷网、新浪微博等网站均采用了SPA架构。本在线监管系统也采用了这种模式来设计开发，以提供良好的用户体验。
Vue.js是基于Node.js平台的Web开发框架。不同于传统MVC框架[7]，它提供一种名为MVVM（即Model、View、Viewmodel）的从视图直接到数据的双向绑定模式，这可以极大的提高开发效率[8]。Vue.js同时也支持构建上面所提到的SPA单页应用[9]。目前国内已有天猫、Bilibili、饿了么等众多互联网公司使用该框架，印证了其优质的实用性和稳定性。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/508.html
