资讯 小学 初中 高中 语言 会计职称 学历提升 法考 计算机考试 医护考试 建工考试 教育百科
栏目分类:
子分类:
返回
空麓网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
空麓网 > 计算机考试 > 软件开发 > 后端开发 > Java

一个简单的前后分离式Blog

Java 更新时间: 发布时间: 计算机考试归档 最新发布

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

转载请注明:文章转载自 http://www.konglu.com/
本文地址:http://www.konglu.com/it/605971.html
免责声明:

我们致力于保护作者版权,注重分享,被刊用文章【一个简单的前后分离式Blog】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2023 成都空麓科技有限公司

ICP备案号:蜀ICP备2023000828号-2