Gin-Vue-Admin快速启动

快速启动一个管理平台项目 GIN-VUE-ADMIN

Gin-Vue-Admin参考文档

项目体验链接

在线测试地址

简介

GIN-VUE-ADMIN是一个基于vue和gin开发的全栈前后端分离的开发基础平台，拥有jwt鉴权，动态路由，动态菜单，casbin鉴权，表单生成器，代码生成器等功能，提供了多种示例文件，让大家把更多时间专注在业务开发上。

克隆项目

git clone https://github.com/flipped-aurora/gin-vue-admin.git

环境准备

- node版本 > v12.18.3
- golang版本 >= v1.16
# 克隆项目
git clone https://github.com/flipped-aurora/gin-vue-admin.git

配置调整

# config.yaml 为项目配置，包含如下配置
# JWT：jwt token 配置
# Zap：日志配置
# Redis：缓存配置
# Email：邮件配置
# system：环境配置
# captcha： 验证码配置
# mysql： 数据库配置
# Local： 本地上传文件配置
# Qiniu：静态资源存储，七牛云存储配置

server项目启动

# 官方文档提供 >>>>

# 克隆项目
git clone https://github.com/flipped-aurora/gin-vue-admin.git
# 进入server文件夹
cd server

# 使用 go mod 并安装go依赖包
go generate

# 编译 
go build -o server main.go (windows编译命令为go build -o server.exe main.go )

# 运行二进制
./server (windows运行命令为 server.exe)

# 进入server文件夹
cd server
 
# 使用 go mod 并安装go依赖包
go generate
 
# 编译
go build -o server main.go (windows编译命令为go build -o server.exe main.go )
 
# 运行二进制(启动后端项目)
./server (windows运行命令为 server.exe) 或者 (.\server.exe)

web项目启动

# 官方文档提供>>>>
# 进入web文件夹
cd web

# 安装依赖
npm install

# 启动web项目
npm run serve

# 进入web文件夹
cd web
 
# 安装依赖
cnpm install || npm install
 
# 启动web项目
npm run serve

项目目录结构展示

├─server （后端文件夹）
│ ├─api （API）
│ ├─config （配置包）
│ ├─core （核心文件）
│ ├─docs （swagger文档目录）
│ ├─global （全局对象）
│ ├─initialiaze （初始化）
│ ├─middleware （中间件）
│ ├─model （结构体层）
│ ├─resource （资源）
│ ├─router （路由）
│ ├─service (服务)
│ ├─source (初始化需要的数据)
│ ├─plugin (插件)
│ └─utils （公共功能）
└─web （前端文件）
├─public （发布模板）
└─src （源码包）
├─api （向后台发送ajax的封装层）
├─core （用来修改系统基础可运行配置）
├─assets （静态文件）
├─components（组件）
├─router （前端路由）
├─store （vuex 状态管理仓）
├─style （通用样式文件）
├─utils （前端工具库）
└─view （前端页面）

初始化数据库数据

点击前往初始化, 配置用户名和密码