栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

一个简单的前后分离式Blog

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/605971.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号