基于gin框架的demo项目,本项目基于B站视频Go语言 Gin+Vue 前后端分离实战 - OceanLearn https://www.bilibili.com/video/BV1CE411H7bQ?t=7
master分支为后端go代码,vue分支为前端vue代码
先确保你电脑上正确安装了 golang 环境
从master分支拉取后端golang代码
# 拉取代码
git clone -b main https://github.com/kotlindev/gin-demo.git backend
# 进入项目目录
cd backend
# 安装项目依赖
go get如果没有mysql数据库，可以使用docker启动一个mysql数据库，项目中提供脚本快速启动，脚本在db目录下，相关操作如下
# 进入db目录
cd db
# 启动mysql数据库
./startup.sh
# 销毁数据库
./shutdown.sh启动数据库后，在浏览器中访问http://localhost:8080，进入数据库管理页面。默认两个账号如下
| 账号 | 密码 | 级别 |
|---|---|---|
| root | root | 超级管理员 |
| gin_demo | gin_demo | 普通用户 |
打开 config/application.yaml 文件，修改数据库链接配置，修改项目运行端口，确保端口不被占用，参考如下
server:
port: 8081
datasource:
driverName: mysql
host: 127.0.0.1
port: 3306
database: gin_demo
username: gin_demo
password: gin_demo
charset: utf8mb4
loc: Asia/Shanghai启动项目
go run routes.go main.go如果看到命令行终端输出以下路由信息，代表项目运行正常。如果不正常，检查一下数据库地址还有账号密码是否正确，同时确保运行的端口没有被占用
[GIN-debug] POST /api/auth/register --> jkdev.cn/api/controller.Register (5 handlers)
[GIN-debug] POST /api/auth/login --> jkdev.cn/api/controller.Login (5 handlers)
[GIN-debug] GET /api/auth/info --> jkdev.cn/api/controller.Info (6 handlers)
[GIN-debug] POST /categories --> jkdev.cn/api/controller.ICategoryController.Create-fm (5 handlers)
[GIN-debug] PUT /categories/:id --> jkdev.cn/api/controller.ICategoryController.Update-fm (5 handlers)
[GIN-debug] GET /categories/:id --> jkdev.cn/api/controller.ICategoryController.Show-fm (5 handlers)
[GIN-debug] DELETE /categories/:id --> jkdev.cn/api/controller.ICategoryController.Delete-fm (5 handlers)
[GIN-debug] POST /posts --> jkdev.cn/api/controller.IPostController.Create-fm (6 handlers)
[GIN-debug] PUT /posts/:id --> jkdev.cn/api/controller.IPostController.Update-fm (6 handlers)
[GIN-debug] GET /posts/:id --> jkdev.cn/api/controller.IPostController.Show-fm (6 handlers)
[GIN-debug] DELETE /posts/:id --> jkdev.cn/api/controller.IPostController.Delete-fm (6 handlers)
[GIN-debug] POST /posts/page/list --> jkdev.cn/api/controller.IPostController.PageList-fm (6 handlers)
[GIN-debug] Listening and serving HTTP on :8081先确保你电脑上正确安装了 npm 环境，并安装了 vue、yarn
从vue分支拉取前端vue代码
# 拉取代码
git clone -b vue https://github.com/kotlindev/gin-demo.git vue
# 进入项目目录
cd vue
# 安装项目依赖
yarn install根据1中的 后端代码的运行端口，修改 .env.development.local 和 .env.development 两个配置文件，修改配置如下为
VUE_APP_BASE_URL = http://localhost:8081/api/在运行项目
yarn serve
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent