windows 安装go开发环境、并编译运行go-vue-admin

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项目结构

文件夹说明描述
apiapi层api层
--v1v1版本接口v1版本接口
config配置包config.yaml对应的配置结构体
core核心文件核心组件(zap, viper, server)的初始化
docsswagger文档目录swagger文档目录
global全局对象全局对象
initialize初始化router,redis,gorm,validator, timer的初始化
--internal初始化内部函数gorm 的 longger 自定义,在此文件夹的函数只能由 initialize 层进行调用
middleware中间件层用于存放 gin 中间件代码
model模型层模型对应数据表
--request入参结构体接收前端发送到后端的数据。
--response出参结构体返回给前端的数据结构体
packfile静态文件打包静态文件打包
resource静态资源文件夹负责存放静态文件
--excelexcel导入导出默认路径excel导入导出默认路径
--page表单生成器表单生成器 打包后的dist
--template模板模板文件夹,存放的是代码生成器的模板
router路由层路由层
serviceservice层存放业务逻辑问题
sourcesource层存放初始化数据的函数
utils工具包工具函数封装
--timertimer定时器接口封装
--uploadossoss接口封装

  • 23
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三希

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值