IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Gin-Vue-admin项目学习 -> 正文阅读

[JavaScript知识库]Gin-Vue-admin项目学习

Gin-Vue-admin项目学习

1.下载和使用

a.环境

Windows10,前端使用VScode,后端使用GoLand。

b.下载

git clone https://hub.fastgit.org/flipped-aurora/gin-vue-admin.git

在这里插入图片描述

c.启动前端和后端项目

在这里插入图片描述

这里我在启动前端项目时遇到一个问题:

在这里插入图片描述

解决方法:
手动执行 node node_modules/esbuild/install.js
然后 npm run serve

启动后,先初始化数据库,这里只支持mysql。

初始化后会自动修改后端配置文件。

然后可以登录了:

在这里插入图片描述

d.关掉每次启动前端时自动打开文档页面

在这里插入图片描述
在这里插入图片描述

node openDocument.js && 去掉即可。

e.项目结构树

├── server
    ├── api             (api层)
    │   └── v1          (v1版本接口)
    ├── config          (配置包)
    ├── core            (核心文件)
    ├── docs            (swagger文档目录)
    ├── global          (全局对象)                    
    ├── initialize      (初始化)                        
    │   └── internal    (初始化内部函数)                            
    ├── middleware      (中间件层)                        
    ├── model           (模型层)                    
    │   ├── request     (入参结构体)                        
    │   └── response    (出参结构体)                            
    ├── packfile        (静态文件打包)                        
    ├── resource        (静态资源文件夹)                        
    │   ├── excel       (excel导入导出默认路径)                        
    │   ├── page        (表单生成器)                        
    │   └── template    (模板)                            
    ├── router          (路由层)                    
    ├── service         (service层)                    
    ├── source          (source层)                    
    └── utils           (工具包)                    
        ├── timer       (定时器接口封装)                        
        └── upload      (oss接口封装)                        

└─web            (前端文件)
    ├─public        (发布模板)
    └─src           (源码包)
        ├─api       (向后台发送ajax的封装层)
        ├─assets	(静态文件)
        ├─components(组件)
        ├─router	(前端路由)
        ├─store     (vuex 状态管理仓)
        ├─style     (通用样式文件)
        ├─utils     (前端工具库)
        └─view      (前端页面)

5.参考内容

a.参考文章

https://blog.csdn.net/qq_45369827/article/details/115648040

b.Github地址

https://github.com/flipped-aurora/gin-vue-admin

c.中文官网

https://www.gin-vue-admin.com/

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章           查看所有文章
加:2021-10-28 12:18:13  更:2021-10-28 12:20:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 2:25:11-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码