Bootstrap

基于Go的后台管理框架Gin-vue-admin

官网:gin-vue-admin | GVA 文档站

演示:gin-vue-admin DEMO

源码:GitHub - flipped-aurora/gin-vue-admin: 基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器,chatGPT自动查表等开发必备功能。基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器,chatGPT自动查表等开发必备功能。 - GitHub - flipped-aurora/gin-vue-admin: 基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器,chatGPT自动查表等开发必备功能。https://github.com/flipped-aurora/gin-vue-admin

 文档:项目介绍 | Gin-Vue-Admin

配置要求:

  • node版本 >= 16.14.2
  • golang版本 >= v1.18
  • mysql 版本>5.7 引擎需要是 innoDB
  • 需要Redis

前端:

1、web目录为前端目录

2、web目录下CMD, npm i 安装依赖

3、npm run serve 命令启动项目

4、登录页面有“前往初始化”按钮,点击进入初始化页面,生成数据库。

5、配置文件在web目录下

.env.development#

ENV = 'development' // 标识 不要管

VITE_CLI_PORT = 8080  // 开发阶段前端运行的端口
VITE_SERVER_PORT = 8888 //  开发阶段后端运行的端口
VITE_BASE_API = /api  // 代理前缀用于跨域转发
#下方修改为你的线上ip
VITE_BASE_PATH = https://demo.gin-vue-admin.com // 开发阶段为本地后端

.env.production#

ENV = 'production' // 标识 不要管

VITE_CLI_PORT = 8080  // 开发阶段前端运行的端口(上线可以无视)
VITE_SERVER_PORT = 8888 //  开发阶段后端运行的端口(上线可以无视)
VITE_BASE_API = /api  // 代理前缀用于跨域转发(搭配proxy工具例如nginx)
#下方修改为你的线上ip
VITE_BASE_PATH = https://demo.gin-vue-admin.com // 主要是保证ifream的可用性 不会影响主体业务

6、打包:在web目录下执行 npm run build 得到 dist文件夹 将dist文件夹上传到服务器 建议使用nginx进行代理。

7、nginx下proxy配置

location  /api {
  		proxy_set_header Host $http_host;
		proxy_set_header  X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header X-Forwarded-Proto $scheme;
    	rewrite ^/api/(.*)$ /$1 break;  #重写
    	proxy_pass 后端地址; # 设置代理服务器的协议和地址
    }

后端:

1、server文件夹为Golang后端目录

2、项目结构

文件夹说明描述
apiapi层api层
--v1v1版本接口v1版本接口
config配置包config.yaml对应的配置结构体
core核心文件核心组件(zap, viper, server)的初始化
docsswagger文档目录swagger文档目录
global全局对象全局对象
initialize初始化router,redis,gorm,validator, timer的初始化
--internal初始化内部函数gorm 的 longger 自定义,在此文件夹的函数只能由 initialize 层进行调用
middleware中间件层用于存放 gin 中间件代码
model模型层模型对应数据表
--request入参结构体接收前端发送到后端的数据。
--response出参结构体返回给前端的数据结构体
packfile静态文件打包静态文件打包
resource静态资源文件夹负责存放静态文件
--excelexcel导入导出默认路径excel导入导出默认路径
--page表单生成器表单生成器 打包后的dist
--template模板模板文件夹,存放的是代码生成器的模板
router路由层路由层
serviceservice层存放业务逻辑问题
sourcesource层存放初始化数据的函数
utils工具包工具函数封装
--timertimer定时器接口封装
--uploadossoss接口封装

3、配置文件为server目录下的config.yaml文件。

4、打包:在 server下 go build . 得到一个可执行文件然后将可执行文件和config.yaml 以及 resource 文件夹上传至服务器。

注意在windows系统下打包会生成一个exe文件,如果正式环境是linux,需要设置go打包配置为linux

SET GOOS=linux
SET GOARCH=amd64

执行go build会生成一个没有后缀的打包文件server。

上传到服务器的结构为:


    ├── breakpointDir  // 后续断点续传自动生成
    ├── chunk   // 后续断点续传自动生成
    ├── fileDir   // 后续断点续传自动生成
    ├── finish   // 后续断点续传自动生成
    ├── resource
    │   └── 子目录文件					
    ├── dist
    │   └── 子目录文件
    ├── server //后端打包文件
    ├── config.yaml //后端配置文件
    

5、linux在上传目录下执行命令

./server   
后端即可运行。

展示效果:

 

基本的角色、用户、菜单、字典、日志功能都带着。 

;