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
后端配置
-
进入
server
目录:cd server
-
配置数据库连接信息,编辑
config.yaml
文件:mysql: path: "127.0.0.1:3306" db-name: "gin-vue-admin" username: "root" password: "yourpassword"
-
运行后端服务:
go run main.go
前端配置
-
进入
web
目录:cd ../web
-
安装依赖:
npm install
-
运行前端项目:
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 应用。