基于微信小程序的走失人员报备平台系统-毕业设计

社会发展日新月异,用计算机应用实现数据管理功能已经算是很完善的了,但是随着移动互联网的到来,处理信息不再受制于地理位置的限制,处理信息及时高效,备受人们的喜爱。所以各大互联网厂商都瞄准移动互联网这个潮流进行各大布局,经过多年的大浪淘沙,各种移动操作系统的不断面世,而目前市场占有率最高的就是微信小程序,本次开发一套基于微信小程序的走失人员的报备平台有管理员,家属,志愿者,公安部门四个角色。管理员功能有个人中心,家属管理,志愿者管理,公安部门管理,走失老人管理,案件信息管理,评价建议管理,志愿者线索管理,公安线索管理,消息提醒管理,系统管理。家属,志愿者都可以注册,发布走失老人信息和查看其他人发布的信息。基于微信小程序的走失人员的报备平台服务端用Java开发的网站后台,接收并且处理微信小程序端传入的json数据,数据库用到了MySQL数据库作为数据的存储。这样就让用户用着方便快捷,都通过同一个后台进行业务处理,而后台又可以根据并发量做好部署,用硬件和软件进行协作,满足于数据的交互式处理,让用户的数据存储更安全,得到数据更方便。

pages 主要页面， 其中pages文件夹中 index文件中可布局底部的tab页面，通过v-if判断显示不同的tab页
colorui 使用了color-ui样式，个人认为样式非常好看，非常感谢！
static目录： 存放静态文件
App.vue： 页面入口文件
main.js: 项目入口文件
manifest.json: 存放App信息
pages.json: 页面信息
uni-app框架：使用Vue.js开发跨平台应用的前端框架，编写一套代码，可编译到Android、小程序等平台。
前端：HTML5,CSS3 VUE.js
开发运行：微信开发者/hbuilderx
前端开发框架:vue.js
数据库 mysql 版本不限
数据库工具：Navicat/SQLyog等都可以
后端语言框架：java，SPringMVC框架
本微信小程序分为移动端和PC端两个部分，移动端主要使用Uni-App技术进行开发，可以在微信开发者工具和HBuilder中运行，同时PC端主要是给管理员人员使用的，PC端使用Java语言和流行的SpringMVC框架进行开发，数据库方面使用的是MySQL数据进行数据相关信息的存储
uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web;响应式;、以及各种小程序;微信/支付宝/百度/头条/QQ/钉钉/淘宝;、快应用等多个平台。
DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件。

(1)文献研究法：
文献研究法是根据一定的研究目的或课题，通过调查文献来获得资料，从而全面地、正确地了解掌握所要研究问题的一种方法。文献研究法被子广泛用于各种学科研究中。其作用有：能了解有关问题的历史和现状，帮助确定研究课题；能形成关于研究对象的一般印象，有助于观察和访问；能得到现实资料的比较资料；有助于了解事物的全貌。
(2)实证研究法：
实证研究法是科学实践研究的一种特殊形式。其依据现有的科学理论和实践的需要，提出设计，利用科学仪器和设备，在自然条件下，通过有目的有步骤地操纵，根据观察、记录、测定与此相伴随的现象的变化来确定条件与现象之间的因果关系的活动。主要目的在于说明各种自变量与某一个因变量的关系。
(3)经验总结法：
经验总结法是通过对实践活动中的具体情况，进行归纳与分析，使之系统化、理论化，上升为经验的一种方法。总结推广先进经验是人类历史上长期运用的较为行之有效的领导方法之一

本系统选择的Java语言开发，通过访问MySQL数据库来存储管理系统的数据，无论从技术成熟度亦或是软件结构来看，都具备开发系统的前提条件和研究目标。本文利用软件工程的思路进行分析，设计和实现，安排了七个章节来进行阐述，下面进行简单的介绍。
第一章首先提出开发系统的背景意义，阐述国内外研究的现状并进行比较，最后得出展望，
第二章介绍系统的关键技术，包括Java语言、前台技术。
第三章进行需求分析。先介绍开发系统的可行性，然后规划系统提出需求，并利用用例图来分析各个角色所要具有的功能。
第四章对系统进行详细的设计。
第五章介绍系统的实现过程，包括截图和实现流程。
第六章进行系统的测试，通过测试用例来逐条测试完善系统。
第七章对系统进行总结和工作展望。

选择一个优秀的前端框架，可以节省很多的布局时间，并能够高效率高质量的显示数据内容，提高客户的满意度，在本系统中，选择Vue前端框架。Vue是一套便于用户使用的前端框架，采用渐进式模式进行设计，可以从底向上逐层应用。Vue的核心是基于Javascript的语言，Vue从试图层出发创建页面。
Vue可以和第三方进行整合。Vue.js兼具安angular.js和react.js优点，以数据驱动和组件思想构建，提供简洁理解的API，可以快速的使用并上手。通过UI组件库提高开发效率，并且可以提供丰富的样式应用，性能方面也很出色。
Vue.js提供了强大的路由库来设计大型的应用，Vue还提供了脚手架，甚至路由器可以很简单的创建项目，将组件拆分，自封装dom操作，用于独特的单元，创建自己的视图。Vue.js并不是一个前后台的框架，他只限于视图层，可以完美的设计单页应用。Vue.js的主要特点包括以下几个方面。
Vue.js是轻量级的框架，具有简单灵活的API代码，容易理解，上手快。
双向数据绑定，采用简洁的语法渲染DOM。
指令功能, Vue.js通过指令完成页面交互组件化，通过主键扩展。
组件化，Vue.js封装应用的代码，根据实际需要创建组件，提高代码应用率，减少编码。
路由功能用于设定访问路径，将路径和主键关联时切换和跳转状态管理，对单项的速度进行重新渲染，形成单独的组件。
Vue.js的应用也存在一定的缺点，比如的使用较少。他是一个比较新的前端框架，遇到问题很难找成熟的经验进行解决。

Springboot是全新的java框架，目的是简化Spring框架搭建和开发的过程，优化配置。使用传统的框架配置方式整合各种jar包，通过web.xml加载Spring和SpringMVC，配置数据库，加载配置文件的读取和注解，并配置日志文件。总的来说，Springboot可以通过很少的配置完成web项目或者微服务架构。
Spring是J2EE的一个标准，Spring将表现层、业务层耦合降低，因为它包含IOC控制反转，支持依赖注入。Spring支持七个模块，每个模块可单独使用，也可以相互之间进行调用。Spring核心容器是通过工厂模式实现，代码的依赖和配置分离，另外一个是面向切片，也就是AOP，通过配置文件的配置，很轻松的实现切片管理，比如说实现事务管理。Spring也提供了数据访问对象，通过数据库操作，并将异常和数据提供给业务逻辑。
Springboot是基于Spring4.0设计，在Spring基础之上进行优化，并集成大量的依赖包来完成项目搭建。Springboot基于Maven插件创建，应用程序内嵌tomcat服务器，提供自动化配置对象模型。Springboot还具有开箱即用和约定配置的方法，在Maven项目中通过pom文件导入依赖包。通过注解方式配置文件管理代码的生命周期，使得开发人员解脱依赖管理工作，使用更多的精力完成项目的业务逻辑。约定优于配置是指通过软件设计增加项目目录结构。减少XML的配置，实现测试编译自动化工作，使得界面和设计逻辑分离。

在该项目的实现阶段,为保证该系统的编码合乎规范,专门制定其编码规范，具体内容如下
1：包名由小写字母构成。类名由一个或者多个单词构成,且单词首字母大写。
2：函数(方法)名由一个或者多个单词构成,第一个单词为动词,首字母小写,后面的单词为名词,且每个单词的首字母大写。
3：常量名全部由大写字母构成,单词间用下划线(_)分割。
4：变量名由一个或者多个单词构成,第一个单词首字母小写,后面的单词首字母大写。
5：参数命名和变量保持一致。
6：Bean命名：去掉表名的下划线同时首字母大写
7：DAO接口命名：Bean名：DAO。实现类命名：DAO接口：Impl
8：Service接口命名：模块名：Service。 实现类命名：Service接口：Impl
9：Controller类命名：模块名： Controller
10：Bean实例及方法调用规范：Controller只允许调用Service,Service只允许调用DAO。
一个DAO对应一个数据库表。
一个Service对应一个业务模块,可以对应多个DAO。
一个Controller对应一个业务模块,可以对应多个Service。