结队项目总结

写在前面

完成了个人项目之后，紧接着就是双人项目，结队项目要求将个人项目实现图形化界面，经过和尚兴帆同学的讨论，我们愉快的决定使用前后端分离的方式来实现，我负责前端，尚兴帆负责后端，于是开始了我们合作之旅。

结果展示

首先是登录，输入手机号和密码登陆

然后是注册，如果没有账号，需要先注册

注册需要进行手机验证码验证，然后输入你的用户名，密码等信息

登录之后，就是做题主页面了,最开始默认是小学生做题页面，可以在左侧导航栏里面选择自己想要的年级

输入题目数量后就可以生成试卷，然后还支持上一题，下一题，重新测试，以及左侧题目序号导航等功能

最后就是修改密码界面，需要对旧密码进行验证之后，才能提交修改新密码

其次就是退出系统功能

任务分配

前端卑微的我

1、值得说的是，由于尚兴帆同学比较优秀，代码编写的很快，然后帅气的抛给我一个接口，让我对接，我就只能卑微的听命

2、前端采用vue框架，并使用elementui作为开发组件，使用ajax和后端对接，vue框架必要容易上手，并且elementui确实很方便

3、前端结构如下，主要分为资源、页面、路由、配置等部分

4、前端的难点主要在于页面的布局以及数据的渲染，虽然elementui很方便，但是由于没有学过前端，页面的设计搞得我很恼火，花费了较多时间在上面不断的尝试和修改；

5、其次就是数据的渲染，这需要和后端对接接口，后端传过来的数据形式，也决定了前端的变量的类型设置，兴帆同学很早的抛给我接口，这也直接确定了我的设计，这也省了不少时间；

6、接下来就是数据的格式确定，这涉及到表单验证，在这个过程中也让我感受到了正则表达式的强大

7、其次还收获不小的就是对于前端页面跳转，登录拦截等方面都有了一定的接触和认识

后端强大的帆哥

尚兴帆同学很强！！！虽然我知道一点点后端的知识，但是在看到兴帆同学的后端代码时，还是觉得自己了解的太少了，后端的结构非常清晰，每个包都有自己的含义，层次分明，是值得我学习的

合作心得

1、前后端分离，重在沟通

和尚兴帆同学决定使用前后端分离之后，我们先各自搭建好自己的环境以及框架；

然后再就是沟通接口，一开始，由于兴帆同学进度比我快，所以大部分接口是尚兴帆直接确认的，我也就照着写了，不过在真正实现时，却发现，有些接口的定义不利于我前端的实现，经过两人的沟通，决定还是修改后端已经写好的接口，这也说明，在一个项目合作中，需要的是两方的相互妥协。

再友好沟通的基础上，我们的开发速度明显有了提高

2、各司其职，效率提高

沟通好接口后，我们便各自继续完善自己的开发，这样，我们便不要担心其他，只需要专注自己的部分，效率有了明显的提高

3、最重要的测试

在我们两个人基本写完之后，就是测试功能了，为了方便测试，我们将工程提交到了git上，各自进行测试，发现问题，讨论修改方案之后，然后分别修改，最终进行分支提交，合并，并接着往下测试；这样的测试，我认为很高效，并且发现的问题也很全面；

4、存在问题

在合作过程中，当然也存在问题，前后端分离虽然高效，但两个人的压力也更大，因为两个人写的东西不一样，所以遇到问题只能自己解决，有时候很崩溃

最终的总结

这是第一次两个人合作做项目，也算是一个小小的真正的开发，这让我们对如何合作完成设计都有了很深的体会，收获大大！