go-vue-admin框架说明
前后端分离的,需要分别用前后端开发工具,打开前后端的代码进行开发
mysql安装
windows一键安装mysql8.0.33、支持密码修改_windows_mysql8.0.33_offline_install-CSDN博客
navicat 查询mysql的数据库引擎是否是innodb-CSDN博客
安装node
node 版本需大于 16.4
下载地址:
Node.js — Run JavaScript Everywhere (nodejs.org)
双击安装
查看版本
前端开发工具vscode(需要先运行后台程序)
下载
下载地址
Visual Studio Code - Code Editing. Redefined
打开项目进行编译运行
打开文件夹
# install dependency
npm install
# develop
npm run serve
下图是依赖安装完成
下图是运行完成
打开链接可以访问 ,下图是因为后台程序还没启动
前端开发工具webstorm(需要先运行后台程序)
下载
Download WebStorm: The JavaScript and TypeScript IDE by JetBrains
安装
全部选择上
等待安装完成
打开项目编译运行
自动下载依赖
等待下载完成
编译环境设置
运行成功
后端环境golang安装
下载
下载golang安装 版本号需>=1.18
安装
确认是否安装成功,并查看版本
管理员运行cmd
输入go version查看系统版本
goland开发工具安装
下载
Download GoLand: A Go IDE with extended support for JavaScript, TypeScript, and databases
安装
选择安装路径
全部选择上
安装中
等待安装完成
打开项目进行编译运行
参考链接 初始化 | Gin-Vue-Admin
打开程序目录
设置go代理
输入 GOPROXY=https://goproxy.cn,direct 点击应用
等待依赖下载完成
编译环境设置
下图说明正在编译中
编译完成
go-vue-admin框架使用
代码下载
代码路径
https://gh-proxy.com/https://github.com/piexlmax/gin-vue-admin.git
命令行克隆代码
git clone https://gh-proxy.com/https://github.com/piexlmax/gin-vue-admin.git
可视化工具克隆代码
代码结构
go-vue-admin目录说明
api
:包含了所有API路由的定义。docs
:存放项目相关的文档。global
:包含了全局变量和全局常量的定义。middleware
:包含了中间件的定义,例如权限校验等。model
:包含了所有数据库模型的定义。router
:包含了路由的初始化和相关的路由组。service
:包含了所有业务逻辑的处理。utils
:包含了各种工具函数。vue-admin
:存放Vue.js前端项目的代码。
在vue-admin
目录中:
src
:包含了前端应用的源代码。api
:封装了前端对后端API的调用。assets
:存放项目的静态资源,如图片、样式等。components
:存放可复用的Vue组件。directive
:存放自定义指令。layout
:存放页面布局相关的组件。router
:定义了前端的路由。store
:使用Vuex进行状态管理。styles
:存放全局样式文件。utils
:存放工具函数。views
:存放页面组件。App.vue
:根组件。main.js
:入口文件。
public
:包含了前端项目的公共资源。src
:包含了前端项目的源代码。
这些目录和文件构成了go-vue-admin
的基础架构,不同的目录和文件通常有其特定的功能和用途
server项目结构
文件夹 | 说明 | 描述 |
---|---|---|
api | api层 | api层 |
--v1 | v1版本接口 | v1版本接口 |
config | 配置包 | config.yaml对应的配置结构体 |
core | 核心文件 | 核心组件(zap, viper, server)的初始化 |
docs | swagger文档目录 | swagger文档目录 |
global | 全局对象 | 全局对象 |
initialize | 初始化 | router,redis,gorm,validator, timer的初始化 |
--internal | 初始化内部函数 | gorm 的 longger 自定义,在此文件夹的函数只能由 initialize 层进行调用 |
middleware | 中间件层 | 用于存放 gin 中间件代码 |
model | 模型层 | 模型对应数据表 |
--request | 入参结构体 | 接收前端发送到后端的数据。 |
--response | 出参结构体 | 返回给前端的数据结构体 |
packfile | 静态文件打包 | 静态文件打包 |
resource | 静态资源文件夹 | 负责存放静态文件 |
--excel | excel导入导出默认路径 | excel导入导出默认路径 |
--page | 表单生成器 | 表单生成器 打包后的dist |
--template | 模板 | 模板文件夹,存放的是代码生成器的模板 |
router | 路由层 | 路由层 |
service | service层 | 存放业务逻辑问题 |
source | source层 | 存放初始化数据的函数 |
utils | 工具包 | 工具函数封装 |
--timer | timer | 定时器接口封装 |
--upload | oss | oss接口封装 |