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接口封装 |
7141

被折叠的 条评论
为什么被折叠?



