Gin-Vue-Admin 使用教程

项目介绍

Gin-Vue-Admin 是一个基于 Vue 和 Gin 开发的全栈前后端分离的开发基础平台。它集成了 JWT 鉴权、动态路由、动态菜单、Casbin 鉴权、表单生成器、代码生成器等功能，提供多种示例文件，让您把更多时间专注在业务开发上。

项目快速启动

环境准备

• 确保已安装 Go 语言环境（版本 >= 1.16）
• 确保已安装 Node.js 环境（版本 >= 14.0）
• 确保已安装 MySQL 数据库

克隆项目

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

后端配置

1. 进入 server 目录：

   cd server
   

2. 配置数据库连接信息，编辑 config.yaml 文件：

   mysql:
     path: "127.0.0.1:3306"
     db-name: "gin-vue-admin"
     username: "root"
     password: "yourpassword"
   

3. 运行后端服务：

   go run main.go
   

前端配置

1. 进入 web 目录：

   cd ../web
   

2. 安装依赖：

   npm install
   

3. 运行前端项目：

   npm run serve
   

访问项目

打开浏览器，访问 http://localhost:8080，使用默认用户名 admin 和密码 123456 登录。

应用案例和最佳实践

应用案例

Gin-Vue-Admin 已被广泛应用于各种中小型项目中，包括但不限于：

• 企业内部管理系统
• 电商后台管理系统
• 教育平台管理系统

最佳实践

• 模块化开发：利用 Gin-Vue-Admin 提供的代码生成器，快速生成基础模块代码，减少重复劳动。
• 权限管理：使用 Casbin 进行细粒度的权限控制，确保系统安全。
• 前后端分离：通过前后端分离架构，提高开发效率和系统可维护性。

典型生态项目

Gin-Vue-Admin 作为一个全栈开发平台，其生态项目主要包括：

• Gin：Go 语言的高性能 Web 框架。
• Vue.js：前端 JavaScript 框架，用于构建用户界面。
• Element-UI：基于 Vue.js 的组件库，提供丰富的 UI 组件。
• Casbin：强大的访问控制库，用于实现权限管理。

通过这些生态项目的集成，Gin-Vue-Admin 能够提供一个完整且高效的开发环境，帮助开发者快速构建高质量的 Web 应用。