基于goginvueelement admin 后台管理系统支持用户管理认证内容管理等项目资源

# go-admin go-admin是一个go语言开发的后台管理系统，该系统以角色为基础的权限管理设计（RBAC），完成了系统管理模块功能的开发（其他示例模块后续加上），采用前后端分离实现方式，服务端基于go开源gin框架，前端开源框架[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)。使用Swagger 2.0自动生成API文档。 本项目前端用的vue2，如想用vue3，请移步 https://github.com/guyan0319/go-vue-admin ### 设计原则 1. 采用比较流行开源框架[gin](https://github.com/gin-gonic/gin)、[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)(这里下载的多语言版[vue-i18n](https://github.com/PanJiaChen/vue-element-admin/tree/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> ### 介绍 [在线预览](https://admin.gzqiang.cn) 本项目相关源代码分析相关文章如下： [11.1.1 vue-element-admin 后台动态加载菜单](https://github.com/guyan0319/golang_development_notes/blob/master/zh/11.1.1.md) ### 快速开始 1、clone项目源代码 ``` git clone https://github.com/guyan0319/go-admin.git ``` 注意：这里通过依赖管理工具[go mod](https://github.com/guyan0319/golang_development_notes/blob/master/zh/1.10.md)，来管理项目源代码。 2、由于vue-element-admin项目里node_modules文件太大了，将其打包成node_modules.zip（有些同学在更新依赖包遇到很多问题，故将压缩包添加到项目里）,运行项目前，要切记将node_modules.zip，解压到node_modules目录。 或者执行以下命令更行依赖包。 需要依赖的可执行， ```bash # 进入项目目录 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