guyan0319/go-admin: 基于go+gin+vue+element ... - GitHub
文章推薦指數: 80 %
基于go+gin+vue+element admin 后台管理系统,支持用户管理,认证,内容管理等. Contribute to guyan0319/go-admin ... golang语言:go1.13.3+ 、. 数据库:mysql5.7.
Skiptocontent
{{message}}
guyan0319
/
go-admin
Public
Notifications
Star
217
Fork
80
基于go+gin+vue+elementadmin后台管理系统,支持用户管理,认证,内容管理等
MITLicense
217
stars
80
forks
Star
Notifications
Code
Issues
12
Pullrequests
5
Actions
Projects
0
Wiki
Security
Insights
More
Code
Issues
Pullrequests
Actions
Projects
Wiki
Security
Insights
master
Branches
Tags
Couldnotloadbranches
Nothingtoshow
Loading
{{refName}}
default
Couldnotloadtags
Nothingtoshow
{{refName}}
default
Loading
6
branches
0
tags
Code
Loading
Latestcommit
Gitstats
153
commits
Files
Permalink
Failedtoloadlatestcommitinformation.
Type
Name
Latestcommitmessage
Committime
conf
ctrl
data
docs
models
modules
public
templates/goxorm
upload
vue-element-admin
.gitignore
LICENSE
README.md
demo.go
go.mod
go.sum
index.md
main.go
output.jpg
test.html
test1.go
Viewcode
go-admin
设计原则
系统环境
项目地址
介绍
快速开始
小结:
Community
README.md
go-admin
go-admin是一个go语言开发的后台管理系统,该系统以角色为基础的权限管理设计(RBAC),完成了系统管理模块功能的开发(其他示例模块后续加上),采用前后端分离实现方式,服务端基于go开源gin框架,前端开源框架vue-element-admin。
使用Swagger2.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.1vue-element-admin后台动态加载菜单
快速开始
1、clone项目源代码
gitclonehttps://github.com/guyan0319/go-admin.git
注意:这里通过依赖管理工具gomod,来管理项目源代码。
2、由于vue-element-admin项目里node_modules文件太大了,将其打包成node_modules.zip(有些同学在更新依赖包遇到很多问题,故将压缩包添加到项目里),运行项目前,要切记将node_modules.zip,解压到node_modules目录。
或者执行以下命令更行依赖包。
需要依赖的可执行,
#进入项目目录
cdvue-element-admin
npminstall--registry=https://registry.npm.taobao.org
注意:win系统要在doc下vue-element-admin目录里执行命令。
3、导入data目录下的数据库文件systemdb.sql至你的数据库
修改数据库配置文件conf/mysql.go
varDb=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服务配置信息。
varRedis=map[string]string{
"name":"redis",
"type":"tcp",
"address":"127.0.0.1:6379",
"auth":"",
}
5、启动服务端
gorunmain.go
注意:go-admin采用前后端分离,运行之前需要解决跨域问题,这里我们修改main.go文件即可。
funcGetCorsConfig()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"}
returnconfig
}
6、运行客户端
npmrundev
这里我们假定你是开发开发环境,且已经安装node.js。
如应用于线上环境,则需要打包前端文件,web服务相关部署工作(这里不再赘述,有需要的可联系我,或issues)。
7、运行结果
http://localhost:9527/#/login?redirect=%2Fdashboard
注意:src/util/global.js文件里面默认配置了后端域名,可以根据实际情况修改
consthttphost='http://localhost:8090'
登录测试账户信息
账户:admin
密码:111111
8、服务端接口文档
http://localhost:8090/swagger/index.html
小结:
目前只是完成系统管理模块开发,其他功能后续补上,如在使用过程中遇到任何问题或任何建议欢迎回复留言,您的支持的是我前进的动力。
Community
About
基于go+gin+vue+elementadmin后台管理系统,支持用户管理,认证,内容管理等
Resources
Readme
License
MITLicense
Releases
Noreleasespublished
Packages0
Nopackagespublished
Contributors2
guyan0319
dependabot[bot]
Languages
Vue
60.5%
JavaScript
22.4%
Go
12.9%
SCSS
2.7%
HTML
1.3%
CSS
0.1%
Other
0.1%
Youcan’tperformthatactionatthistime.
Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession.
Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.
延伸文章資訊
- 1go-admin 基于Gin + Vue + Element UI 的前后端分离权限管理 ...
go-admin 基于Gin + Vue + Element UI的前后端分离权限管理系统初始化极度简单,只需要配置文件中,修改数据库连接,系统启动后会自动初始化数据库信息以及必须的基础 ...
- 2guyan0319/go-admin: 基于go+gin+vue+element ... - GitHub
基于go+gin+vue+element admin 后台管理系统,支持用户管理,认证,内容管理等. Contribute to guyan0319/go-admin ... golang语言:...
- 3快速了解
GIN-VUE-ADMIN 是一款基于GIN+VUE+ElementUI开发的全栈基础开发平台 ... 前端:用基于 vue 的 Element-UI 构建基础页面。 后端:用 Gin 快速搭建...
- 4gin-vue-admin 项目是golang 语言编写非常好 - CSDN博客
gin-vue-admin 项目是golang 语言编写非常好,但定位不同有的功能,我个人 ... 前言做后台项目,权限验证与安全性是非常重要的,vue-element-admin ...
- 5[开源]Gin + GORM + Casbin+vue-element-admin ... - 技术文章
[开源]Gin + GORM + Casbin+vue-element-admin 实现权限管理系统(golang). 1074 0 ...