个人博客项目开发历程摘要（一）

1、构建Gradle项目，添加依赖包，用Gradle编译后，导入eclipse中，再添加遗漏的依赖包。

2、配置Thymeleaf、h2与DataSource以及JPA 的application.properties文件。

3、导入页面资源，写Controller类访问主页，根据th:replace="~{fragments/header::header}"移动Header与Footer文件的位置。测试浏览页面。

4、先在Controller层中完成网页跳转，看看网站效果，再完成网站功能。

5、建立架构层的包结构。

6、配置安全配置类SecurityConfig和自定义用户密码认证服务类SecurityUserService。

7、用注解创建User实体，自动建表。

8、前端用XMLHttpRequest发送请求（修改用户名）

9、UserController修改博主用户名

10、网址使用Thymeleaf读取博主信息

11、如法炮制，完成用户模块中的修改密码以及修改签名的前端代码

12、如法炮制，完成用户模块中的修改密码以及修改签名的后端代码

13、修复找不到username的bug，Thymeleaf获取值不能为空

14、面向切面的编程-在SpringBoot中书写拦截器，获取owner值

15、用枚举enumeration重构modifyUser代码

16、更改Owner头像之更换头像按钮触发弹出文件夹窗口功能

17、更改Owner头像之添加更换头像的onchange事件（确认上传图像）

18、更改Owner头像之用UploadController获取文件数据并显示前端上传的文件名称

19、更改Owner头像之保存文件到服务器端

20、更改Owner头像之使用Cropper回显图片

21、更改Owner头像之上传头像通过cropper获得BASE64编码的数据

22、更改Owner头像之上传头像通过表单提交BASE64编码并查看BASE64编码的数据

23、更改Owner头像之确认头像（先上传并解码保存裁剪后的头像）

24、更改Owner头像之在数据库保存该解码裁剪后的图片名称

25、更改Owner头像之解决头像显示

26、更改Owner头像之删除多余图片

大纲