三鑫智慧社区项目总结

项目背景

随着时代发展，一切都在向智能化，科技化发展。社区里的各类公共服务设施、各类硬件也需要信息化、智能化的统一管理。该项目则是由民政局承担的津南区智慧社区升级改造项目之一，旨在基础信息化提升社区服务管理基础工作水平，做到既满足社区管理需要，又确保便民、惠民、和安全需求。该项目最大的优点就是使领导可以更快的了解居民的生活质量，提升社区工作人员工作效率，减轻其工作负担，也使居民的生活质量有所提高，极大的节约了人们的时间成本。

项目技术点

• vue: Vue是现在的主流框架之一,是一个mvvm框架，它最大的优势就是可以做到数据和DOM的隔离，双向数据流和单向数据绑定。

• vuex：Vuex是配合Vue使用的数据容器，其中共有五个部分：

  state：数据，

  mutations: 定义管理state的方法，操作data的唯一途径

  actions：通过mutations操作state（异步）

  getters: 获取state的方式

  modules: 用来拆分state

• vue-router： vue-router是用来配合vue做路由跳转的，可以直接跳转，也可以带参跳转，最大优势不刷新即可跳转

• element-ui：UI框架

• cookie：将数据存储到本地，到过期日期会自动删除

实现的功能

该项目分为4个平台：一口式受理平台，网格化管理平台，社区公共服务平台，社区生活服务平台。我主要负责的是公共服务平台中的社区生日会及登录注册这一块，用vue搭建的框架，运用了大量的组件，组件嵌套，各组件之间的跳转用的是路由路由跳转组运用了vue-router,可带参跳转。

在最初注册的时候将信息保存到Vuex中，这样可以使信息成为全局的，方便之后使用，登录的时候匹配信息，并判断它的权限，将用于后期功能是否可进行的依据。

之下的子路由是活动管理，也是我的核心所在，其中有两大部分，活动管理和邀请居民。活动管理的内容是做到可以发布活动内容，其中包括图片及一些基本信息，而发布图片有多次使用，所以将它写成了一个组件，可多次调用。其中也用到了vuex用来存储数据。而邀请居民是将居民信息上传到数据库。用element-ui进行表格的渲染，并伴有注释删除等功能，再删除的时候就会用到当初cookie中存着的数据进行判断。

后台管理系统中最重要的就是数据，所以cookie更加重要，用来判断用户是否登陆，是否有权查删除等等。虽然在做的过程中遇到了一些问题，但最终所有的问题都解决了，也对vue框架有了更深的了解。

问题

1. 邀请居民中有删除居民信息这一点，而此时就得判断该登陆者的权限问题，还有登录时间是否超时，需重新登陆，在判断过程中最开始将操作过程写到了服务里。可是最后执行的时候老是在执行顺序方面有bug,因为执行了三层判断，所以弹框的顺序有了改变，于是改变了方向，将判断的结果赋值给一个变量，返回变量后，根据变量进行判断执行。

2. 在多次调用删除居民信息的时候，因为使用element-ui的UI插件，删除居民的button的传参scope有作用域的问题，所以不可以使用scope的参数，导致参数id获取不到，最终只能不使用组件，而重复使用。