一个简单的前后分离式Blog

一个简单的前后分离式Blog

时光飞逝，日月如梭。一转眼两年过去了，当初的梦想在2021年11月21日实现了，当初想着拥有一个自己亲手写的博客网站，如今也算是梦想成真了，虽然说并不是多好，但是感觉还不错。

技术了解一下

• 后台技术：Spring Boot，Mybatis，Swagger-ui，Maven
• 前端技术：Vue+element-ui
• 前台技术：Vue+element-ui+Swiper
• 持久化：Mysql

万事开头难

设计之初对于一个博客中需要的数据库字段了解不是很多，也是从网上看了许多文章，但还是没有思路，所以一直没有开始做，有句话说的好啊万事开头难，在6号这一天还是对这个发下手了。毕竟刚开始做，也并不需要太多的东西，所以我就简单的设计了一个博文展示。

• 数据库设计
  

当然我这里数据库名字起的也有问题，库名和表明一样了，但是没遇到冲突，所以就这样设计了。
1、bg_blog表呢就是存放我写的每一篇文章的地方
2、bg_classify表就是存放文章分类的
3、bg_sys表就是存放后天用户名密码的地方啦
博客之旅从这里就开始了

优美的后台登录界面

这个界面我觉得还是很不错的。

• 后台里面就不给看了直接看前台博客的展示吧
  
  
  做的也很简单，虽然页面东西少，至少和我预想的一样，做出了这样的效果。

文章的展示

至于文章的展示，我用的是与Vue无缝衔接的Markdown工具，也非常nice，不是很难，我也是花了将近两天的时间把它和我的博客融为一体的。

说说swiper

Swiper这个第三方库呢也是适用于手机app中的，但是在网页中使用也是很友好的，这样之后做手机适配也是很方面的，在手机中打开之后，也是非常的丝滑，这里就不演示了，等本人具体上线之后再来写一篇文章，题目就叫一个简单的前后分离式个人博客网站。