最终项目

这个项目我是用来每天总结一天的活动和记账用的

本来想在情人节发的，但是我很忙的，每天都要关怀和尊重那么多好看的人无奈没完成不过我还是祝各位姐夫情人节快乐，愿天下有情人终成兄妹

直接贴图得了，反正也没有几个人看我写的渣代码，而且我认为整体的架构和之间的逻辑关系比较重要。对于非程序员来说，代码是其次，清晰的逻辑才是王道。逻辑清晰，对做任何事都有帮助。我的代码逻辑都写在图里了。

一个人做前端后台加UI比较无语，所以UI做成了五毛特效除了后台用了Express框架外，都是手写的。。。不过我觉得，UI框架手写无可厚非，之前有朋友用饿了么的UI框架，结果样式都改不了，我看了一下，得去更改源码，真是蛋疼再说了，我觉得饿了么的UI很难看啊，有木有！拿框架写，跟改QQ空间有什么区别，难怪前端被后端看不起，毫无实力可言啊！是不是有人想打我？不说了，上图。

最终的项目结构

首页登录图

注册页面

后台页面

逻辑关系图

操作GIF图

渣渣图质，敬请谅解！

首页登录操作

头像上传操作

总结记账操作

如果要做短信验证的，为了防止有人写循环代码造成经济损失，建议在发送验证码时做安全校验。

步骤如下：

客户端按照与服务端的约定生成 token

token 与 注册手机号等按约定规则加密后向服务端请求发送验证码

服务端解码接收到的数据，与本身参数作对比校验，校验有效后，判断手机号是否已经注册

若未注册，生成验证码，并调用短信服务供应商接口发送验证码

验证客户端发来的验证码，验证成功返回注册 token

对客户端发来的注册信息和注册 token 进行验证，对注册 token 进行解析校验后，返回注册结果

客户端登录，返回 登录 token 和用户信息

客户端将 登录 token 设置到请求头中

当客户端访问服务端其他接口时，根据 url 配置表判断当前的访问请求是否需要登录认证，如果需要，则在请求头中取出 token 进行解析，并设置用户最后访问时间和 IP

根据判断结果响应目标数据或者提示需要认证

好了，就是这样，提前祝大家新年快乐！明年见了，各位狗年旺旺旺，发财！