一个简单的前后分离式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中的,但是在网页中使用也是很友好的,这样之后做手机适配也是很方面的,在手机中打开之后,也是非常的丝滑,这里就不演示了,等本人具体上线之后再来写一篇文章,题目就叫一个简单的前后分离式个人博客网站。
|