Skip to content

Commit 6592cfd

Browse files
lin-xinlin-xin
committed
'移除DataSource相关'
1 parent 05c0ab1 commit 6592cfd

File tree

12 files changed

+52
-566
lines changed

12 files changed

+52
-566
lines changed

‎README.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,6 @@
4848
| |-- Readme.vue // 自述组件
4949
| |-- Upload.vue // 图片上传
5050
| |-- VueEditor.vue // 富文本编辑器
51-
| |-- VueTable.vue // datasource表格组件
5251
| |-- App.vue // 页面入口文件
5352
| |-- main.js // 程序入口文件，加载各种公共组件
5453
|-- .babelrc // ES6语法编译配置
@@ -124,9 +123,6 @@ vue.js封装sChart.js的图表组件。访问地址：[vue-schart](https://githu
124123
### element-ui ###
125124
一套基于vue.js2.0的桌面组件库。访问地址：[element](http://element.eleme.io/#/zh-CN/component/layout)
126125

127-
### vue-datasource ###
128-
一个用于动态创建表格的vue.js服务端组件。访问地址：[vue-datasource](https://github.com/coderdiaz/vue-datasource)
129-
130126
### Vue-Quill-Editor ###
131127
基于Quill、适用于Vue2的富文本编辑器。访问地址：[vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
132128

@@ -141,28 +137,32 @@ vue.js封装sChart.js的图表组件。访问地址：[vue-schart](https://githu
141137
## 其他注意事项 ##
142138
### 一、如果我不想用到上面的某些组件呢，那我怎么在模板中删除掉不影响到其他功能呢？ ###
143139

144-
举个栗子，我不想用 vue-datasource 这个组件，那我需要分四步走。
140+
举个栗子，我不想用 Vue-Quill-Editor 这个组件，那我需要分四步走。
145141

146142
第一步：删除该组件的路由，在目录 src/router/index.js 中，找到引入改组件的路由，删除下面这段代码。
147143

148144
```JavaScript
149145
{
150-
path: '/vuetable',
151-
component: resolve => require(['../components/page/VueTable.vue'], resolve) // vue-datasource组件
146+
// 富文本编辑器组件
147+
path: '/editor',
148+
component: resolve => require(['../components/page/VueEditor.vue'], resolve)
152149
},
153150
```
154151

155-
第二步：删除引入该组件的文件。在目录 src/components/page/ 删除 VueTable.vue 文件。
152+
第二步：删除引入该组件的文件。在目录 src/components/page/ 删除 VueEditor.vue 文件。
156153

157154
第三步：删除该页面的入口。在目录 src/components/common/Sidebar.vue 中，找到该入口，删除下面这段代码。
158155

159-
```HTML
160-
<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
156+
```js
157+
{
158+
index: 'editor',
159+
title: '富文本编辑器'
160+
},
161161
```
162162

163163
第四步：卸载该组件。执行以下命令：
164164

165-
npm un vue-datasource -S
165+
npm un vue-quill-editor -S
166166

167167
完成。
168168

‎README_EN.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ The scheme as a set of multi-function background frame templates, suitable for m
4242
| |-- Readme.vue // Readme
4343
| |-- Upload.vue // Upload
4444
| |-- VueEditor.vue // VueEditor
45-
| |-- VueTable.vue // VueTable
4645
| |-- App.vue // Main component
4746
| |-- main.js // Entry file
4847
|-- .babelrc // ES6 syntax compiler configuration
@@ -117,9 +116,6 @@ Vue.js wrapper for sChart.js. Github : [vue-schart](https://github.com/linxin/vu
117116
### element-ui ###
118117
A desktop component library based on vue.js2.0 . Github : [element](http://element.eleme.io/#/zh-CN/component/layout)
119118

120-
### vue-datasource ###
121-
A Vue.js server side component to create dynamic tables. Github : [vue-datasource](https://github.com/coderdiaz/vue-datasource)
122-
123119
### Vue-Quill-Editor ###
124120
Quill editor component for Vue2. Github : [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor)
125121

@@ -133,28 +129,31 @@ A Vue wrapper component for cropperjs. Github: [vue-cropperjs](https://github.co
133129
## Notice ##
134130
### 一、If I don't want to use some components, how can I delete it? ###
135131

136-
For example, I don't want to use the vue-datasource component, I need to take four steps.
132+
For example, I don't want to use the Vue-Quill-Editor component, I need to take four steps.
137133

138134
The first step to remove the component of the routing. Enter 'src/router/index.js' and delete the code below.
139135

140136
```JavaScript
141137
{
142-
path: '/vuetable',
143-
component: resolve => require(['../components/page/VueTable.vue'], resolve)
138+
path: '/editor',
139+
component: resolve => require(['../components/page/VueEditor.vue'], resolve)
144140
},
145141
```
146142

147-
Second,delete the component files. Enter 'src/components/page/' and delete 'VueTable.vue' file.
143+
Second,delete the component files. Enter 'src/components/page/' and delete 'VueEditor.vue' file.
148144

149145
The third step is to delete the entry. Enter 'src/components/common/Sidebar.vue' and delete the code below.
150146

151-
```HTML
152-
<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
147+
```js
148+
{
149+
index: 'editor',
150+
title: '富文本编辑器'
151+
},
153152
```
154153

155154
Finally, uninstall this component.
156155

157-
npm un vue-datasource -S
156+
npm un vue-quill-editor -S
158157

159158
Complete!
160159

‎package.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616
"mavon-editor": "^2.5.2",
1717
"vue": "^2.5.16",
1818
"vue-cropperjs": "^2.2.0",
19-
"vue-datasource": "1.0.12",
2019
"vue-quill-editor": "3.0.6",
2120
"vue-router": "^3.0.1",
2221
"vue-schart": "^0.1.4",

‎src/components/common/Header.vue

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,13 @@
1111
{{username}}
1212
</span>
1313
<el-dropdown-menu slot="dropdown">
14-
<el-dropdown-item command="loginout">退出登录</el-dropdown-item>
14+
<a href="http://blog.gdfengshuo.com/about/" target="_blank">
15+
<el-dropdown-item>关于作者</el-dropdown-item>
16+
</a>
17+
<a href="https://github.com/lin-xin/vue-manage-system" target="_blank">
18+
<el-dropdown-item>项目仓库</el-dropdown-item>
19+
</a>
20+
<el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
1521
</el-dropdown-menu>
1622
</el-dropdown>
1723
</div>

‎src/components/common/Sidebar.vue

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -37,18 +37,8 @@
3737
},
3838
{
3939
icon: 'el-icon-tickets',
40-
index: '2',
41-
title: '常用表格',
42-
subs: [
43-
{
44-
index: 'table',
45-
title: '基础表格'
46-
},
47-
{
48-
index: 'datasource',
49-
title: 'datasource表格'
50-
}
51-
]
40+
index: 'table',
41+
title: '基础表格'
5242
},
5343
{
5444
icon: 'el-icon-date',

‎src/components/page/BaseTable.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22
<div class="table">
33
<div class="crumbs">
44
<el-breadcrumb separator="/">
5-
<el-breadcrumb-item><i class="el-icon-tickets"></i> 表格</el-breadcrumb-item>
6-
<el-breadcrumb-item>基础表格</el-breadcrumb-item>
5+
<el-breadcrumb-item><i class="el-icon-tickets"></i> 基础表格</el-breadcrumb-item>
76
</el-breadcrumb>
87
</div>
98
<div class="container">

‎src/components/page/VueTable.vue

Lines changed: 0 additions & 97 deletions
This file was deleted.

‎src/router/index.js

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,6 @@ export default new Router({
2121
path: '/table',
2222
component: resolve => require(['../components/page/BaseTable.vue'], resolve)
2323
},
24-
{
25-
// vue-datasource组件
26-
path: '/datasource',
27-
component: resolve => require(['../components/page/VueTable.vue'], resolve)
28-
},
2924
{
3025
path: '/form',
3126
component: resolve => require(['../components/page/BaseForm.vue'], resolve)

0 commit comments

Comments
 (0)