go-admin是一个go语言开发的后台管理系统,该系统以角色为基础的权限管理设计(RBAC),完成了系统管理模块功能的开发(其他示例模块后续加上),采用前后端分离实现方式,服务端基于go开源gin框架,前端开源框架vue-element-admin。使用Swagger 2.0自动生成API文档。
- 采用比较流行开源框架gin、vue-element-admin(这里下载的多语言版vue-i18n,不是master分支),这些项目维护和更新比较好。
- 尽量少修改vue-element-admin框架的代码,便于以后升级。
- 前后端分离,前后端可以独立开发互不影响。
- 服务端控制前端菜单显示以及相应权限。
golang语言:go1.13.3+ 、
数据库:mysql5.7
缓存:redis3.0
github:
https://github.com/guyan0319/go-admin
码云(国内):
https://gitee.com/jason0319/go-admin
本项目相关源代码分析相关文章如下:
11.1.1 vue-element-admin 后台动态加载菜单
1、clone项目源代码
git clone https://github.com/guyan0319/go-admin.git
注意:这里通过依赖管理工具go mod,来管理项目源代码。
2、由于vue-element-admin项目里node_modules文件太大了,将其打包成node_modules.zip(有些同学在更新依赖包遇到很多问题,故将压缩包添加到项目里),运行项目前,要切记将node_modules.zip,解压到node_modules目录。
或者执行以下命令更行依赖包。
需要依赖的可执行,
# 进入项目目录
cd vue-element-admin
npm install --registry=https://registry.npm.taobao.org
注意:win系统要在doc下vue-element-admin目录里执行命令。
3、导入data目录下的数据库文件systemdb.sql至你的数据库
修改数据库配置文件conf/mysql.go
var Db = map[string]DbConfig{
"db1": {
DriverName: "mysql",
Dsn: "root:123456@tcp(127.0.0.1:3306)/systemdb?charset=utf8mb4&parseTime=true&loc=Local",
ShowSql: true,
ShowExecTime: false,
MaxIdle: 10,
MaxOpen: 200,
},
}
4、修改conf/redis.go文件,设置你自己的redis服务配置信息。
var Redis = map[string]string{
"name": "redis",
"type": "tcp",
"address": "127.0.0.1:6379",
"auth": "",
}
5、启动服务端
go run main.go
注意:go-admin采用前后端分离,运行之前需要解决跨域问题,这里我们修改main.go文件即可。
func GetCorsConfig() cors.Config {
config := cors.DefaultConfig()
config.AllowOrigins = []string{"http://localhost:9529","http://localhost:9528","http://localhost:9527","http://localhost"}//此处加上你的前端域名
config.AllowMethods = []string{"POST", "GET", "OPTIONS", "PUT", "DELETE"}
config.AllowCredentials = true
config.AllowHeaders = []string{"x-requested-with", "Content-Type", "AccessToken", "X-CSRF-Token","X-Token", "Authorization","token"}
return config
}
6、运行客户端
npm run dev
这里我们假定你是开发开发环境,且已经安装node.js。如应用于线上环境,则需要打包前端文件,web服务相关部署工作(这里不再赘述,有需要的可联系我,或issues)。
7、运行结果
http://localhost:9527/#/login?redirect=%2Fdashboard
注意:src/util/global.js 文件里面默认配置了后端域名,可以根据实际情况修改
const httphost = 'http://localhost:8090'
登录测试账户信息
账户:admin
密码:111111
8、服务端接口文档
http://localhost:8090/swagger/index.html
目前只是完成系统管理模块开发,其他功能后续补上,如在使用过程中遇到任何问题或任何建议欢迎回复留言,您的支持的是我前进的动力。