介绍
刘泓宾
# 介绍
好难受啊写文档,写代码都没那么痛苦过!!!
应用后端框架采用Vue-element-admin
进行二次开发。Vue-element-admin
是一个基于ES2015+
、Vue
、Vuex
、Vue-router
、Vue-cli
、Axios
和Element-UI
的后台前端解决方案。在使用该框架之前,需要在本地安装Node
和Git
,并提前了解和学习这些技术,这将有助于更好地使用该框架。
# 环境要求
- 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版本管理
# 目录结构
目录结构和原版的无变化,移除了mock
、tests
、plop-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
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
2
3
4
5
6
7
8
9
10
11
12
13
14
# 演示
启动后,会自动打开浏览器访问 http://localhost:9528,可能会先进入登录页,正常登录就可以进入 ,如下图所示