|
@@ -1,9 +1,18 @@
|
|
|
# vue-manage-system #
|
|
# vue-manage-system #
|
|
|
-基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/)
|
|
|
|
|
|
|
+基于Vue.js + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/)
|
|
|
|
|
+(本项目基于vue-cli3构建,如果是vue-cli2的请下载[旧版本V3.2.0](https://github.com/lin-xin/vue-manage-system/releases/tag/V3.2.0))
|
|
|
|
|
|
|
|
[English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
|
|
[English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
|
|
|
|
|
|
|
|
-[更新日志](https://github.com/lin-xin/vue-manage-system/releases)
|
|
|
|
|
|
|
+## 项目截图 ##
|
|
|
|
|
+### 登录
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+### 默认皮肤 ###
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+### 浅绿色皮肤 ###
|
|
|
|
|
+
|
|
|
|
|
|
|
|
## 赞赏
|
|
## 赞赏
|
|
|
请作者喝杯咖啡吧!(微信号:linxin_20)
|
|
请作者喝杯咖啡吧!(微信号:linxin_20)
|
|
@@ -36,21 +45,17 @@
|
|
|
- [x] 可拖拽弹窗
|
|
- [x] 可拖拽弹窗
|
|
|
|
|
|
|
|
## 安装步骤 ##
|
|
## 安装步骤 ##
|
|
|
|
|
+```
|
|
|
|
|
+git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地
|
|
|
|
|
+cd vue-manage-system // 进入模板目录
|
|
|
|
|
+npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn
|
|
|
|
|
|
|
|
- git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地
|
|
|
|
|
- cd vue-manage-system // 进入模板目录
|
|
|
|
|
- npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn
|
|
|
|
|
-
|
|
|
|
|
-## 本地开发 ##
|
|
|
|
|
-
|
|
|
|
|
- // 开启服务器,浏览器访问 http://localhost:8080
|
|
|
|
|
- npm run serve
|
|
|
|
|
-
|
|
|
|
|
-## 构建生产 ##
|
|
|
|
|
-
|
|
|
|
|
- // 执行构建命令,生成的dist文件夹放在服务器下即可访问
|
|
|
|
|
- npm run build
|
|
|
|
|
|
|
+// 开启服务器,浏览器访问 http://localhost:8080
|
|
|
|
|
+npm run serve
|
|
|
|
|
|
|
|
|
|
+// 执行构建命令,生成的dist文件夹放在服务器下即可访问
|
|
|
|
|
+npm run build
|
|
|
|
|
+```
|
|
|
## 组件使用说明与演示 ##
|
|
## 组件使用说明与演示 ##
|
|
|
|
|
|
|
|
### vue-schart ###
|
|
### vue-schart ###
|
|
@@ -100,20 +105,6 @@ vue.js封装sChart.js的图表组件。访问地址:[vue-schart](https://githu
|
|
|
</style>
|
|
</style>
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-### element-ui ###
|
|
|
|
|
-一套基于vue.js2.0的桌面组件库。访问地址:[element](http://element.eleme.io/#/zh-CN/component/layout)
|
|
|
|
|
-
|
|
|
|
|
-### Vue-Quill-Editor ###
|
|
|
|
|
-基于Quill、适用于Vue2的富文本编辑器。访问地址:[vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
|
|
|
|
|
-
|
|
|
|
|
-(IE10及以下不支持)
|
|
|
|
|
-
|
|
|
|
|
-### mavonEditor ###
|
|
|
|
|
-基于Vue的markdown编辑器。访问地址:[mavonEditor](https://github.com/hinesboy/mavonEditor)
|
|
|
|
|
-
|
|
|
|
|
-### vue-cropperjs ###
|
|
|
|
|
-一个封装了 cropperjs 的 Vue 组件,用于裁剪图片。访问地址:[vue-cropperjs](https://github.com/Agontuk/vue-cropperjs)
|
|
|
|
|
-
|
|
|
|
|
## 其他注意事项 ##
|
|
## 其他注意事项 ##
|
|
|
### 一、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ###
|
|
### 一、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ###
|
|
|
|
|
|
|
@@ -164,12 +155,3 @@ import 'element-ui/lib/theme-default/index.css'; // 默认主题
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
第三步:打开 src/components/common/Sidebar.vue 文件,找到 el-menu 标签,把 background-color/text-color/active-text-color 属性去掉即可。
|
|
第三步:打开 src/components/common/Sidebar.vue 文件,找到 el-menu 标签,把 background-color/text-color/active-text-color 属性去掉即可。
|
|
|
-
|
|
|
|
|
-## 项目截图 ##
|
|
|
|
|
-### 默认皮肤 ###
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-### 浅绿色皮肤 ###
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|