备忘录系统的重构（SpringBoot2.x+Mybatis+Mysql+Nginx）

学了springBoot之后想着学以致用吧，加深对知识的记忆和理解，于是想着重构一下自己之前做的的小案例

【小案例之前的架构使用的是Spring+SpringMVC+Mybatis+Mysql的架构（没啥技术含量）】

1.搭建项目框架

在线创建springboot项目架构【出问题了，换编辑器之后jsp不会玩了，去学下web项目】

2.好吧！springboot是不建议使用jsp的，再这样下去没什么意义，现在就重新搞一个前后端分离的备忘录系统用上之前所学的技术，但是只限于后端，前端的vue还是要跟课程重学一下

什么是前后端分离？

3.开始项目重构

1.在线创建springboot项目框架

2.用idea打开创建好的项目

3.创建实体类和相关目录

4.感觉这次要完全重构了，基本上就是重新写，现在设计一下后端的api

1.登录：/api/v1/pri/user/login【完成】

2.注册：/api/v1/pri/user/register【完成】

3.查询某一用户的备忘信息：/api/v1/pri/bwl/list【完成】

这个是直接解密token，获取个人信息即可，同样的道理，当用户成功登录之后，就可以直接取通过JWT解密之后的用户id等信息，不需要按老式的字符拼接写法，这里的更先进，更安全

4.测试用 查询全部列表信息：/api/v1/pri/bwl/info【完成】

这几个暂时先放在这里，想去学一会vue了，下面的这几个不难，但我还是想先实现一下vue

5.删除备忘信息：/api/v1/pri/bwl/del【完成】

同样的解密token然后获取信息即可

6.修改备忘信息：/api/v1/pri/bwl/upd【完成】

7.修改备忘状态：/api/v1/pri/bwl/updstatus【完成】

8.添加备忘信息：/api/v1/pri/bwl/add【完成】

跟上次的接口差不多【目前之搞这么多，之后升级的时候再去添加新的接口和功能】

5.备忘录前端的设计

1.登录和注册使用cube-ui的组件（这里就单纯的搞一个无token登录的东西，【拓展构思】当阿里云服务器到期后，可以自己改装一下那个旧笔记本，当一个服务器，把域名解析到本地ip）

2.需要用到登录和注册，以及列表展示，还有其他的小组件，先去elementUI官网去选择相关组件

【但是学习这个需要先学完es6-8的语法以及ElementUI的语法，争取这个周末将备忘录系统正式上线】

6.正式开始备忘录前端的设计【开始产出】

1.登录和注册页面，使用vue和ElementUI组件来进行设计

模块设计：

登录：Login---->Login.vue

注册：Register---->Register.vue

列表展示：List---->List.vue（这里有很多调用后端api的东西）

具体操作：

登录：

踩坑记录：一定要记住模板下面要搞一个div，不然会报错！会报错！【这个错既低级又离谱】

继续开发！

开发不下去了！继续学习！

使用axios配合mock.js来模拟后台数据，还是有点懵，一个功能的写法可以有好多种

登录步骤：

1.创建Login.vue组件

2.在Login组件使用elementui的标签

3.在开发Login的时候出了点问题，就是跨域和参数问题，其实这里也好办，跨域问题用一个代理就好了，然后就是参数接收的问题，这个真的是折磨了好久，其实你前后端打通了，参数的话就可以通过console.log（）来进行打印查看，没有必要纠结太久

列表展示（这个搞定之后再去做注册）：

1.创建List.vue组件，并使用elementui库的标签

中间省略好多，最后项目是重要上线了，虽然有细节需要优化，但是现在这个足够了

后来遇到的一些坑，感觉前端就是庞大而杂，但是原理永远就是那样，多练练就可以了

然后就是前端vue打包的时候不要搞反向代理，反向代理本地用用就行了。

现在跟那个客户搞毕设