介绍

# 介绍

好难受啊写文档,写代码都没那么痛苦过!!!

应用后端框架采用Vue-element-admin进行二次开发。Vue-element-admin是一个基于ES2015+VueVuexVue-routerVue-cliAxiosElement-UI的后台前端解决方案。在使用该框架之前,需要在本地安装NodeGit,并提前了解和学习这些技术,这将有助于更好地使用该框架。

# 环境要求

  • Node.js >= 12.6.0
  • Vue 2.7.10
  • Vuex 3.1.0
  • vue-router 3.0.6
  • element-ui 2.15.5

# 开发环境

  • Node.js >= 12.6.0
  • npm >= 6.9.0

node版本采用12.6.0,npm版本采用6.9.0 如果版本不符合,可以安装nvm进行node版本管理

# 目录结构

目录结构和原版的无变化,移除了mocktestsplop-templates等,如下所示:

 ├── dist                  # 项目build目录
 │   ├── favicon.ico       # favicon图标
 │   ├── index.html        # html模板
 │   └── static            # 静态资源
 ├── public                # 静态资源
 │   ├── favicon.ico       # favicon图标
 │   └── index.html        # html模板
 ├── src                   # 源码目录
 │   ├── api               # 所有请求
 │   ├── App.vue           # 入口页面
 │   ├── assets            # 主题 字体等静态资源
 │   ├── components        # 全局公用组件
 │   ├── directive         # 全局指令
 │   ├── layout            # 全局 layout
 │   ├── main.js           # 入口 加载组件 初始化等
 │   ├── permission.js     # 权限管理
 │   ├── router            # 路由
 │   ├── settings.js       # 全局配置
 │   ├── store             # 全局 store管理
 │   ├── styles            # 全局样式
 │   ├── utils             # 全局公用方法
 │   └── views             # views 所有页面
 ├── babel.config.js       # babel-loader 配置
 ├── README.md             # 英文文档
 ├── LICENSE               # license
 ├── package.json          # package.json
 ├── postcss.config.js     # postcss 配置
 └── vue.config.js         # vue-cli 配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

# 安装

目前项目还未开源,如果需要使用,可以联系作者,或者加入多客怪兽系统社区,获取最新的开发文档。

# 克隆项目
暂未开源

# 进入项目目录
cd gs_addon

# 安装依赖
npm install

# 如果npm安装失败,可以使用淘宝镜像或者使用cnpm和yarn
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 演示

启动后,会自动打开浏览器访问 http://localhost:9528,可能会先进入登录页,正常登录就可以进入 ,如下图所示

Vue后台介绍