IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 一个简单的前后分离式Blog -> 正文阅读

[JavaScript知识库]一个简单的前后分离式Blog

一个简单的前后分离式Blog

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

技术了解一下

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

万事开头难

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

  • 数据库设计
    image.png

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

优美的后台登录界面

在这里插入图片描述
这个界面我觉得还是很不错的。

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

文章的展示

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

说说swiper

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

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-28 11:10:38  更:2021-11-28 11:13:05 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/21 4:22:14-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码