- 三鑫社区是天津市津南区民政局机关提出的一个后台管理系统，方便了社区人民的一切社区业务，减少了社区人民一个窗口一个窗口的奔走，提高了办事效率，同时也减轻了政府工作人员的工作负担及人力物力的输出。此次民政局提出“一库，两网，四平台”的建设原则，运用信息化的手段使居民们通过登录平台，不出门就能在四个平台上进行一系列操作，让居民更加信任政府，满意政府。
- webpack 构建工具，用于加载各种模块
- vue 用于项目的页面结构搭建
- vuex 用于多个组件间数据共享
- vue-router 用于页面跳转路由，将其他组件渲染到其他组件
- element ui 是基于vue.js的ui框架
- mockjs 模拟数据
- 在这个项目中，我主要负责的是登录、注册以及医养服务中社区生日会等部分。 首先运用了webpack+node配置了项目运行环境、一些模块加载以及项目打包，其次就是使用element ui来进行整个页面的排版加部署，其中也运用了vue-router来进行多个页面的跳转，将组件渲染到其他页面，同时项目左边的菜单也运用了多级路由嵌套，体现出项目的层次感。 此外用nodejs搭建了本地服务，外加mockjs模拟数据，写了多个接口用来模拟向数据库请求数据，实现多个页面数据渲染和判断多个条件。例如，登录界面判断用户名与密码是否正确、居民名单页点击删除判断是否有权限等功能，其中还有cookie的获取与设置。 在社区生活会页面封装了图片上传的组件，通过向数组push对象改变数组长度来添加组件的个数，根据获取图片路径来实现图片预览功能。其次此页面中有三级联动，通过判断选中的值来渲染多选菜单。
- 项目中使用了vuex在多个组件中共享、更新数据，例如点击分页更新数据、删除添加过后更新数据以及获取用户名等
- 在此项目中遇到的问题如下：
- 左侧菜单渲染时，需要根据不同的路由名称，匹配不同的接口来渲染菜单。在点击左侧菜单的时候，需要根据所给的数据动态跳转不同的路由，其中可以用路由传参解决。
- 点击分页器的事件中，需要用vuex中的action，通过dispatch来异步获取数据，同时需要获取点击页面的页数，再后台动态获取截取的数据，此外页面的最大值需要动态计算，不能写固定值
- 在点击删除按钮时，需要通过获取cookie中的登录信息，获取信息的时候需要知道，它是通过“; ”来分割信息的。
- 同时在添加数据后需要更新数据，在点击添加居民和发布活动后需要清空各个表单以及图片路径