SpringBoot开源项目个人博客——(1)序言

该项目原型为李仁密老师的【springboot一个小而美的个人博客】，b站视频链接。（视频评论下有很多大佬实现了改进版本)

当时想用这个作为自学阶段的一个练手在练习项目，然后在找是否有mybatis为持久层的版本时，发现了该视频评论下面ONESTART老哥的项目，它实现了以mybatis为持久层，且项目改动并不算大，适合笔者这种新手去学习，也给出开发的完整流程的博客文章，写的很好。

前端部分，直接使用了ONESTART老哥的前端模板（后续自己改动了一些），本人对于前端部分不想花过多时间去学习（自身时间也不算充裕），简要看了一下视频中李仁密老师的讲解，了解了一些插件的使用。

在后续开发中，也会陆续了解Thymeleaf这个模板的使用，也遇到了一些这模板的坑（我也会在文章中写出来），虽然在springboot学习时有稍微学习过，不过这是第一次进行实战。

​ 笔者跟着它的ONESTART的文章参考来做，也实现了该项目。

ONESTART主页：https://blog.csdn.net/One_L_Star

---

原型视频的课件资料：(可以看到项目完成的设计过程)

链接：https://pan.baidu.com/s/1QVzmkgMVa6MbAIMjUJlKrg

提取码：wn4m

---

其余参考：

https://gitee.com/dreamchasers/myblog

https://blog.csdn.net/qq369392973 (有前端的设计步骤，也很详细，推荐去看)

---

我自己的项目也贴出来（gitee），项目里面很多注释还留着，不算干净（可以参考）:
https://gitee.com/huang-xujian/my-blog

博客作为笔者该练手项目的记录（主要练习了后端），推荐大伙也去看ONESTART老哥的博客，写博客时也参考了其他人写的不错的文章。

1.项目简介

个人博客功能：

更详细的设计图(仅供参考，勿喷)

跟原型项目稍有区别，只有分类没有标签，这两个功能都类似。

技术组合：

• 后端：Springboot + Mybatis +Thymeleaf模板引擎
• 数据库：MySQL
• 前端UI：Semantic-UI框架 + 插件
• 插件：（推荐先看李仁密老师的视频，这样能快速了解前端的这些内容）
  • 编辑器 Markdown
  • 内容排版 typo.css
  • 动画 animate.css
  • 代码高亮 prism
  • 目录生成 Tocbot
  • 滚动侦测 waypoints
  • 平滑滚动 jquery.scrollTo
  • 二维码生成 qrcode.js
  • 图片墙 jkresponsivegallery.js

工具与环境：

• IDEA
• maven3
• jdk8

---

2.项目实现效果

1.首页

主页页面

博客列表

首页底部

2.分类页面

3.时间轴

4.博客详情页

5.留言板

6.友链

7.图片墙

8.关于页

9.音乐盒

10.登录页

11.后台首页

12.后台文章管理

13.后台分类管理

14.后台友链管理

15.后台相册管理

---

单页大小可以在后台代码中修改，这里存的数据原本少，所以单页数少才能展示出分页效果。

由于没有使用图床，暂时是用本地资源图片来作为显示。