Merge pull request lin-xin#80 from lin-xin/dev

合并V3.1.0

Author: lin-xin

README.md

@@ -16,14 +16,18 @@
 ## 功能 ##
 - [x] Element UI
 - [x] 登录/注销
+- [x] Dashboard
 - [x] 表格
+- [x] Tab选项卡
 - [x] 表单
 - [x] 图表 :bar_chart:
 - [x] 富文本编辑器
 - [x] markdown编辑器
 - [x] 图片拖拽/裁剪上传
 - [x] 支持切换主题色 :sparkles:
 - [x] 列表拖拽排序
+- [x] 权限测试
+- [x] 404 / 403
 
 
 ## 目录结构介绍 ##
@@ -37,18 +41,20 @@
 	|           |-- Header.vue           // 公共头部
 	|           |-- Home.vue           	 // 公共路由入口
 	|           |-- Sidebar.vue          // 公共左边栏
-	|		|-- page                   	 // 主要路由页面
+	|           |-- Tags.vue           	 // 页面切换标签组件
+	|       |-- page                   	 // 主要路由页面
+	|           |-- 403.vue
+	|           |-- 404.vue
 	|           |-- BaseCharts.vue       // 基础图表
 	|           |-- BaseForm.vue         // 基础表单
 	|           |-- BaseTable.vue        // 基础表格
+	|           |-- DashBoard.vue        // 系统首页
 	|           |-- DragList.vue         // 拖拽列表组件
 	|           |-- Login.vue          	 // 登录
 	|           |-- Markdown.vue         // markdown组件
 	|           |-- Premission.vue       // 权限测试组件
-	|           |-- Readme.vue           // 自述组件
 	|           |-- Upload.vue           // 图片上传
 	|           |-- VueEditor.vue        // 富文本编辑器
-	|           |-- VueTable.vue         // datasource表格组件
 	|   |-- App.vue                      // 页面入口文件
 	|   |-- main.js                      // 程序入口文件，加载各种公共组件
 	|-- .babelrc                         // ES6语法编译配置
@@ -124,9 +130,6 @@ vue.js封装sChart.js的图表组件。访问地址：[vue-schart](https://githu
 ### element-ui ###
 一套基于vue.js2.0的桌面组件库。访问地址：[element](http://element.eleme.io/#/zh-CN/component/layout)
 
-### vue-datasource ###
-一个用于动态创建表格的vue.js服务端组件。访问地址：[vue-datasource](https://github.com/coderdiaz/vue-datasource)
-
 ### Vue-Quill-Editor ###
 基于Quill、适用于Vue2的富文本编辑器。访问地址：[vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
 
@@ -141,28 +144,32 @@ vue.js封装sChart.js的图表组件。访问地址：[vue-schart](https://githu
 ## 其他注意事项 ##
 ### 一、如果我不想用到上面的某些组件呢，那我怎么在模板中删除掉不影响到其他功能呢？ ###
 
-举个栗子，我不想用 vue-datasource 这个组件，那我需要分四步走。
+举个栗子，我不想用 Vue-Quill-Editor 这个组件，那我需要分四步走。
 
 第一步：删除该组件的路由，在目录 src/router/index.js 中，找到引入改组件的路由，删除下面这段代码。
 
 ```JavaScript
 {
-    path: '/vuetable',
-    component: resolve => require(['../components/page/VueTable.vue'], resolve)     // vue-datasource组件
+    // 富文本编辑器组件
+    path: '/editor',
+    component: resolve => require(['../components/page/VueEditor.vue'], resolve) 
 },
 ```
 
-第二步：删除引入该组件的文件。在目录 src/components/page/ 删除 VueTable.vue 文件。
+第二步：删除引入该组件的文件。在目录 src/components/page/ 删除 VueEditor.vue 文件。
 
 第三步：删除该页面的入口。在目录 src/components/common/Sidebar.vue 中，找到该入口，删除下面这段代码。
 
-```HTML
-<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
+```js
+{
+	index: 'editor',
+	title: '富文本编辑器'
+},
 ```
 
 第四步：卸载该组件。执行以下命令：
 
-	npm un vue-datasource -S
+	npm un vue-quill-editor -S
 
 完成。
 

README_EN.md

@@ -10,14 +10,18 @@ The scheme as a set of multi-function background frame templates, suitable for m
 ## Function ##
 - [x] Element-UI
 - [x] Login/Logout
+- [x] Dashboard
 - [x] Table
+- [x] Tabs
 - [x] From
 - [x] Chart :bar_chart:
 - [x] Editor
 - [x] Markdown
 - [x] Upload pictures by clipping or dragging
 - [x] Support manual switch themes :sparkles:
 - [x] List drag sort
+- [x] Permission
+- [x] 404 / 403
 
 
 ## Directory structure ##
@@ -31,18 +35,20 @@ The scheme as a set of multi-function background frame templates, suitable for m
 	|           |-- Header.vue           // Header component
 	|           |-- Home.vue           	 // Home component
 	|           |-- Sidebar.vue          // Sidebar component
-	|		|-- page                   	 // Router page
+	|           |-- Tags.vue
+	|       |-- page                   	 // Router page
+	|           |-- 403.vue
+	|           |-- 404.vue
 	|           |-- BaseCharts.vue       // BaseCharts
 	|           |-- BaseForm.vue         // BaseForm
 	|           |-- BaseTable.vue        // BaseTable
 	|           |-- Login.vue          	 // Login
+	|           |-- Dashboard.vue
 	|           |-- DragList.vue
 	|           |-- Markdown.vue         // Markdown
 	|           |-- Premission.vue
-	|           |-- Readme.vue           // Readme
 	|           |-- Upload.vue           // Upload
 	|           |-- VueEditor.vue        // VueEditor
-	|           |-- VueTable.vue         // VueTable
 	|   |-- App.vue                      // Main component
 	|   |-- main.js                      // Entry file
 	|-- .babelrc                         // ES6 syntax compiler configuration
@@ -117,9 +123,6 @@ Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/linxin/vu
 ### element-ui ###
 A desktop component library based on vue.js2.0 . Github : [element](http://element.eleme.io/#/zh-CN/component/layout)
 
-### vue-datasource ###
-A Vue.js server side component to create dynamic tables. Github : [vue-datasource](https://github.com/coderdiaz/vue-datasource)
-
 ### Vue-Quill-Editor ###
 Quill editor component for Vue2. Github : [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
 
@@ -133,28 +136,31 @@ A Vue wrapper component for cropperjs. Github: [vue-cropperjs](https://github.co
 ## Notice ##
 ### 一、If I don't want to use some components, how can I delete it? ###
 
-For example, I don't want to use the vue-datasource component, I need to take four steps.
+For example, I don't want to use the Vue-Quill-Editor component, I need to take four steps.
 
 The first step to remove the component of the routing. Enter 'src/router/index.js' and delete the code below.
 
 ```JavaScript
 {
-    path: '/vuetable',
-    component: resolve => require(['../components/page/VueTable.vue'], resolve)
+    path: '/editor',
+    component: resolve => require(['../components/page/VueEditor.vue'], resolve) 
 },
 ```
 
-Second,delete the component files. Enter 'src/components/page/' and delete 'VueTable.vue' file.
+Second,delete the component files. Enter 'src/components/page/' and delete 'VueEditor.vue' file.
 
 The third step is to delete the entry. Enter 'src/components/common/Sidebar.vue' and delete the code below.
 
-```HTML
-<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
+```js
+{
+	index: 'editor',
+	title: '富文本编辑器'
+},
 ```
 
 Finally, uninstall this component.
 
-	npm un vue-datasource -S
+	npm un vue-quill-editor -S
 
 Complete!
 

favicon.ico

@@ -2,9 +2,9 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>vue-manage-system | 基于Vue 的后台管理系统</title>
+    <title>vue-manage-system | 基于Vue的后台管理系统</title>
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
-    <meta name="keywords" content="vue.js, wms, vue2, 后台模板, 管理系统, element" />
+    <meta name="keywords" content="vue, vue-manage-system, manage-system, 后台, 管理系统, element" />
     <meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
 </head>
 <body>