安全教育项目总结

这次写的安全教育项目的前端分为前台和后台，前台是使用uniapp写的微信小程序，后台是smpe框架（vue-element-admin）写的管理系统。

框架搭建

首先进行了前台和后台的项目框架搭建。

后台项目使用的是smpe框架，没有遇到什么问题。

第一次做uniapp项目，不太清楚怎么搭建uniapp项目框架，问了之前做过uniapp项目搭过框架的学姐后，通过HBuilder X创建项目，配置了路由，建了原型图上的页面，配置了底部导航栏，配置了拦截器，以为应该可以了，结果在写代码时出现了问题。

由于没有配置.gitignore文件，我和依冉的unpackage文件夹都被提交到了coding上，导致一堆冲突。最后删除了全是冲突的unpackage文件夹，将unpackage的跟踪状态取消，重新打包，配置.gitignore文件，提交到coding，才解决了这个问题。

.gitignore文件

前台

前台遇到的第一个问题是登录问题。因为后端也使用了smpe框架，框架有自带的密码加密方式，前台没有设置，所以导致登录不上去。

解决方案：uniapp使用jsencrypt进行密码加密

前台比较难的是考试那块的逻辑，其中一个问题是点击上一题下一题进入对应的题并且答案回显，这里印象比较深刻是因为从浩琦那学到了一个特别简单的写法就是map集合，之前也学习过，但是自己写时没有想到用它。本来想的是答案题号等信息用json数据存储，这样在进行上一题下一题跳转时，就会出现重复存储、答案更改等问题，我当时想到的解决逻辑很麻烦，所以跟浩琦沟通后说调接口获取答案，后期为了减轻服务器的压力，不让频繁调接口，怎么存储答案的问题兜兜转转又回来的，这时浩琦提议说使用map集合，一个key对应一个value，完美的解决了考试这里存储答案的问题。

后台

后台的考试管理没有什么麻烦的地方，和我的上一个项目信访项目写过的东西差别不大，但是写试卷管理的规则配置页花费了不少时间。

规则配置页的原型图是数据库设计完毕后学长和浩琦和我又一起讨论着画的，可能和原先的设计不太一样，并且刚开始时没有大题表，需要前端用本地存储记录，后端返回的数据格式也没有办法很好的根据原型图将数据回显，给我造成了很大的困扰，写了一天，没有想到很好的办法，又去找浩琦商量新建了大题表，返回了新的格式的数据才解决问题。

项目总结

当前项目虽然已经上线，但是只是完成了1.0版本，还有部分功能没有实现，我自己的部分就还有微信小程序的支付功能。

相比于我写的第一个项目信访项目，这次写项目时更加注重代码的封装，封装一个个组件，在页面上调用组件进行开发，虽然组件间各种传值很痛苦，但是锻炼了对组件传值的掌握程度。

总体来说，在写项目的过程中，自己的任务几乎都按时完成了。比较高兴的是上次信访项目一直是我逮着其他同学问各种问题，这次项目自己的问题大部分都能自主解决，有时也能帮其他同学解决点小问题。比较遗憾的是，这次担任临时前端项目负责人，由于自己身上的开发任务也比较重，几乎每次联调前都还在改代码，所有没有能每次都及时的了解前端同学们的项目进度，都是浩琦在做这件事情，也是一个小遗憾，下次再有机会做前端负责人的话，一定会尽心尽力担任起前端负责人的责任。

9月2号学长带着我们项目组的同学开了本次项目的项目总结会，在我们挨个做总结的时候，点评我们每个人在项目中的表现，指出我们存在的问题，并且提出合理的解决方案。承蒙学长信任，将我拉进安全教育项目中，并且让我担任临时前端负责人，项目前端的前台后台功能都很齐全，而且在写这个项目过程中，我清晰的感受到了也是学长带着写的信访项目带给我的成长，并且吸取信访项目的经验，仔细总结了项目中遇到的问题并形成笔记，以便以后学习回顾。期待之后的codereview会议。