guyan0319 / go-admin

基于go+gin+vue+element admin 后台管理系统,支持用户管理,认证,内容管理等
MIT License
392 stars 130 forks source link

go-admin

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

设计原则

  1. 采用比较流行开源框架ginvue-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