TheClearwind/ginblog

gin+vue全栈制作一个博客

VueMIT

ginblog

介绍

gin+vue 全栈制作一个博客。

这是一个分享全栈制作过程的项目，旨在为有兴趣接触 golang web 开发的朋友分享一些制作经验。

你可以前往 B 站(https://space.bilibili.com/402177130) 观看全栈的制作过程，你也可以留言分享你的观点，非常乐意与你交流。

更新进度

后端完成

第一节初始化项目+配置参数

第二节配置数据库，数据模型

第三节构架错误处理模块和路由接口

第四节编写用户模块接口，实现初步验证+分页功能

第五节用户密码加密存储策略介绍及选择

第六节编写编辑用户信息+删除用户接口

第七节完成博客分类接口编写

第八节编写博客文章接口（新增、编辑、删除）

第九节完成博客文章接口（文章和分类的关联查询）

第十节编写登录接口，完成 JWT 中间件

第十一节完成登录接口

第十二节完成上传接口（GIN+七牛对象储存）

第十三节处理日志系统（自定义日志、按时间分割日志、软连接最新日志）

第十四节后端数据验证、跨域参数配置、增加列表查询的总数返回

前端后台管理页面完成

第一节前端初始化，开发环境搭建及相关依赖安装

第二节编写登录页面，实现数据双向绑定和数据验证

第三节完成登录页面

第四节配置路由导航守卫，搭建后台管理页面框架

第五节完成后台页面菜单栏和页面路由跳转

第六节编写用户列表页面

第七节用户列表搜索和删除功能

第八节完成用户列表新增用户和编辑用户功能

第九节修复部分 BUG

第十节编写分类列表和文章列表页面

第十一节完成新增文章和编辑文章页面

第十二节自定义封装 tinymce 富文本编辑器，实现编辑器本地上传图片等功能

第十三节后台页面完结，vue 打包部署

[ ]todo 前端展示页面

实现功能

简单的用户管理权限设置
用户密码加密存储
文章分类自定义
列表分页
图片上传七牛云
JWT 认证
自定义日志功能
跨域 cors 设置
todo 文章评论功能

技术栈

golang
- Gin web framework
- gorm(v1 && v2)
- jwt-go
- scrypt
- logrus
- gin-contrib/cors
- go-playground/validator/v10
- go-ini
JavaScript
- vue
- vue cli
- vue router
- ant design vue
- axios
- tinymce
MySQL version:8.0.21

项目预览

后台登录页面
后台管理页面