vue+gin前后端分离博客系统

文章目录

    • 源码地址
    • 前台界面展示
    • 后台界面展示
    • 博客的基本架构

源码地址

源码地址

前台界面展示

1.夜间模式切换背景动画:

vue+gin前后端分离博客系统_第1张图片
点击头像播放背景音乐

留言板:
vue+gin前后端分离博客系统_第2张图片
文章的展示:
vue+gin前后端分离博客系统_第3张图片

文章分类展示:
vue+gin前后端分离博客系统_第4张图片

个人简历的展示:
vue+gin前后端分离博客系统_第5张图片

留言板:
vue+gin前后端分离博客系统_第6张图片
个人介绍:
vue+gin前后端分离博客系统_第7张图片

后台界面展示

1.账号密码登陆:

2.主界面:
vue+gin前后端分离博客系统_第8张图片
3.写文章
vue+gin前后端分离博客系统_第9张图片
4.文章列表:
vue+gin前后端分离博客系统_第10张图片
5.添加项目:
vue+gin前后端分离博客系统_第11张图片
6.评论管理
vue+gin前后端分离博客系统_第12张图片
7.分类管理
vue+gin前后端分离博客系统_第13张图片

博客的基本架构

1.前端采用了vue框架,前台界面选用了vuesax组件库,后台界面采用了element-ui组件库
2.后端选用了golang的gin框架
3.使用jwt来进行后台登陆鉴权
4.使用cors来解决前端跨域访问的问题
5.使用gorm框架来进行mysql的操作
6.将项目部署在Docker上

你可能感兴趣的:(go语言,gin)