返回介绍

初始化

发布于 2024-08-12 12:46:24 字数 6141 浏览 0 评论 0 收藏 0

视频教程

强烈建议将本分P视频看完后再进行开发,新版UI样式有些许差别,单基础操作无变化。

【gin-vue-admin】手把手教你使用gin-vue-admin(分P合集)

1.server

1.1 Goland打开server文件夹

  • image-20210709230701840
  • image-20210710082408883

1.2 启动server项目

  • 打开终端工具, 输入以下命令
go mod tidy
# 选择上下命令其一执行即可
go generate -x // -x 显示并执行命令

Go编译工具命令

  1. 启动server项目

    image-20210710084944467

  2. 启动成功

    image-20210710085458536

2 web 项目

2.1 安装nodejs

Node.js (nodejs.org)

2.2 使用 vscode 打开 web 项目

image-20210710090346568

image-20210710090522820

2.3 npm i 安装依赖

如果你执行了2.3

  • 打开终端

image-20210710091242940

  • npm i 安装依赖

image-20210710092133461

  • npm i 安装依赖成功

image-20210710092230558

2.4 启动项目

  • 使用 npm run serve 命令启动项目

image-20210710092334248

2.5 启动成功

image-20210710093437964

如果没有正常打开此页面, 请手动打开浏览器 输入网址 http://localhost:8080/ 或者 http://127.0.0.1:8080/

3 init

3.1 初始化数据

  • 前往初始化页面

image-init

  • 点击我已确认

需要保证数据库驱动为innodb

  • 点击立即初始化

image-20210710093531537

  • 正在初始化数据库,请稍候

image-20210710093842228

  • 初始化成功 上一步执行完成后,会自动跳转到登录页面,输入账号密码即可登录

附. 使用Goland运行web项目

附.1 编辑配置

image-20210710094929206

附.2 添加npm启动项

image-20210710095126844

附.3 配置

image-20210710095356257

附.4 配置完成

image-20210710095715145

附.5 启动web项目

image-20210710095814641

附.6 启动web项目成功

image-20210710095838176

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文