基于gin+vue搭建的后台管理系统框架
前端UI框架:element-ui 后台框架:gin
1. 基本介绍
Gin-vue-admin是⼀个基于vue和gin开发的全栈前后端分离的后台管理系统,集成jwt鉴权,动态路由,动态菜单,casbin鉴权,表单⽣成器,代码⽣成器等功能,提供多种⽰例⽂件,让您把更多时间专注在业务开发上。
Gin-vue-admin 是⼀套为后台管理平台准备的⼀整套前后端分离架构式的开源框架,旨在快速搭建后台管理系统。
Gin-vue-admin 的成长离不开⼤家的⽀持,如果你愿意为 gin-vue-admin 贡献代码或提供建议,请阅读以下内容。
2. 使⽤说明
2.1 web端
# enter the project directory
cd web
# install dependency
npm install
# develop
npm run serve
2.2 server端
# 使⽤ go.mod
# 安装go依赖包
go list (go mod tidy)
# 编译
go build
2.3 swagger⾃动化API⽂档
2.3.1 安装 swagger
go get -u github/swaggo/swag/cmd/swag
2.3.2 ⽣成API⽂档
cd server
swag init
3. 技术选型
前端:⽤基于 vue 的 Element-UI 构建基础页⾯。
后端:⽤ Gin 快速搭建基础restful风格API, Gin 是⼀个go语⾔编写的Web框架。数据库:采⽤ MySql (5.6.44)版本,使⽤ gorm 实现对数据库的基本操作,已添加对sqlite数据库的⽀持。缓存:使⽤ Redis 实现记录当前活跃⽤户的 jwt 令牌并实现多点登录限制。
API⽂档:使⽤ Swagger 构建⾃动化⽂档。配置⽂件:使⽤ fsnotify 和 viper 实现 yaml 格式的配置⽂件。
⽇志:使⽤ go-logging 实现⽇志记录。
4. 项⽬架构
├─server (后端⽂件夹)
│ ├─api (API)
│ ├─config (配置包)
│ ├─core (內核)
│ ├─db (数据库脚本)
│ ├─docs (swagger⽂档⽬录)
│ ├─global (全局对象)
│ ├─initialiaze (初始化)
│ ├─middleware (中间件)
│ ├─model (结构体层)
│ ├─resource (资源)
│ ├─router (路由)
│ ├─service (服务)
│ └─utils (公共功能)
└─web (前端⽂件)
├─public (发布模板)
└─src (源码包)
├─api (向后台发送ajax的封装层)
├─assets(静态⽂件)
├─components(组件)
├─router(前端路由)
├─store (vuex 状态管理仓)
├─style (通⽤样式⽂件)
├─utils (前端⼯具库)
└─view (前端页⾯)
5. 主要功能
权限管理:基于 jwt 和 casbin 实现的权限管理
⽂件上传下载:实现基于七⽜云的⽂件上传操作
分页封装:前端使⽤mixins封装分页,分页⽅法调⽤mixins即可
⽤户管理:系统管理员分配⽤户⾓⾊和⾓⾊权限。
⾓⾊管理:创建权限控制的主要对象,可以给⾓⾊分配不同api权限和菜单权限。菜单管理:实现⽤户动态菜单配置,实现不同⾓⾊不同菜单。
api管理:不同⽤户可调⽤的api接⼝的权限不同。
配置管理:配置⽂件可前台修改(测试环境不开放此功能)。vue element admin
富⽂本编辑器:MarkDown编辑器功能嵌⼊。条件搜索:增加条件
搜索⽰例。
restful⽰例:可以参考⽤户管理模块中的⽰例API。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论