go-admin

go-admin是一个go语言开发的后台管理系统,该系统以角色为基础的权限管理设计(RBAC),完成了系统管理模块功能的开发(其他示例模块后续加上),采用前后端分离实现方式,服务端基于go开源gin框架,前端开源框架vue-element-admin。使用Swagger 2.0自动生成API文档。

设计原则

  1. 采用比较流行开源框架ginvue-element-admin(这里下载的多语言版i18n,不是master分支),这些项目维护和更新比较好。
  2. 尽量少修改vue-element-admin框架的代码,便于以后升级。
  3. 前后端分离,前后端可以独立开发互不影响。
  4. 服务端控制前端菜单显示以及相应权限。

系统环境

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项目源代码

  1. 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目录。

或者执行以下命令更行依赖包。

需要依赖的可执行,

  1. # 进入项目目录
  2. cd vue-element-admin
  3. npm install --registry=https://registry.npm.taobao.org

注意:win系统要在doc下vue-element-admin目录里执行命令。

3、导入data目录下的数据库文件systemdb.sql至你的数据库

修改数据库配置文件conf/mysql.go

  1. var Db = map[string]DbConfig{
  2. "db1": {
  3. DriverName: "mysql",
  4. Dsn: "root:123456@tcp(127.0.0.1:3306)/systemdb?charset=utf8mb4&parseTime=true&loc=Local",
  5. ShowSql: true,
  6. ShowExecTime: false,
  7. MaxIdle: 10,
  8. MaxOpen: 200,
  9. },
  10. }

4、修改conf/redis.go文件,设置你自己的redis服务配置信息。

  1. var Redis = map[string]string{
  2. "name": "redis",
  3. "type": "tcp",
  4. "address": "127.0.0.1:6379",
  5. "auth": "",
  6. }

5、启动服务端

  1. go run main.go

注意:go-admin采用前后端分离,运行之前需要解决跨域问题,这里我们修改main.go文件即可。

  1. func GetCorsConfig() cors.Config {
  2. config := cors.DefaultConfig()
  3. config.AllowOrigins = []string{"http://localhost:9529","http://localhost:9528","http://localhost:9527","http://localhost"}//此处加上你的前端域名
  4. config.AllowMethods = []string{"POST", "GET", "OPTIONS", "PUT", "DELETE"}
  5. config.AllowCredentials = true
  6. config.AllowHeaders = []string{"x-requested-with", "Content-Type", "AccessToken", "X-CSRF-Token","X-Token", "Authorization","token"}
  7. return config
  8. }

6、运行客户端

  1. npm run dev

这里我们假定你是开发开发环境,且已经安装node.js。如应用于线上环境,则需要打包前端文件,web服务相关部署工作(这里不再赘述,有需要的可联系我,或issues)。

7、运行结果

http://localhost:9527/#/login?redirect=%2Fdashboard

登录测试账户信息

账户:admin

密码:111111

go-admin 后台管理系统 - 图1

go-admin 后台管理系统 - 图2

go-admin 后台管理系统 - 图3

go-admin 后台管理系统 - 图4

go-admin 后台管理系统 - 图5

go-admin 后台管理系统 - 图6

8、服务端接口文档

http://localhost:8090/swagger/index.html

go-admin 后台管理系统 - 图7

小结:

目前只是完成系统管理模块开发,其他功能后续补上,如在使用过程中遇到任何问题或任何建议欢迎回复留言,您的支持的是我前进的动力。

Community

go-admin 后台管理系统 - 图8