0xmelon/godemo

基于go+gin+vue+element admin 后台管理系统，支持用户管理，认证，内容管理等

go-admin

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

设计原则

1. 采用比较流行开源框架gin、vue-element-admin(这里下载的多语言版vue-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项目源代码

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

小结：

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

Community