Merge branch 'feature/d2-crud' into develop
Former-commit-id: c9779ff010853e82f5071e8617f4b6f2f5a0931f [formerly c9779ff010853e82f5071e8617f4b6f2f5a0931f [formerly c9779ff010853e82f5071e8617f4b6f2f5a0931f [formerly c9779ff010853e82f5071e8617f4b6f2f5a0931f [formerly dfbef2cf9647c9f307903ee6e3bc3d10e96f9462 [formerly 4beeae6ab94d54d36b433c858541f6446d6aa035]]]]] Former-commit-id: a12ba28f53f0e973c6689d78b0861b1782999482 Former-commit-id: c8b224b18c88dcc52e8d90f753408455209ccbc9 Former-commit-id: 604cfb77abae9001f69d795976e029539dbd4403 [formerly c8a664ab366ca09ac8c666fbb8719e93f97ac6a4] Former-commit-id: 97ec9e85415c771cb767161ce1580456f92840d9 Former-commit-id: d5956d6eafd13be5a210b39ee61250aca2fcfc59 Former-commit-id: bde146a663032feb611cde88f1265b7be0fdc690 Former-commit-id: 53380dcc01dafad68944dacfbac9945e3433d64d Former-commit-id: 16c1e637fdd411f89c7ab9afc1664632f99a473d
This commit is contained in:
commit
864141933d
|
|
@ -1,7 +1,16 @@
|
|||
# D2 CRUD
|
||||
|
||||
## 介绍
|
||||
`D2-Crud`是一套基于[Vue.js 2.2.0+](https://cn.vuejs.org/)和[Element 2.0.0+](http://element-cn.eleme.io/#/zh-CN)的表格组件,可根据配置的json文件自动生成表格,并实现了表格内的增删改查、新增和修改数据校验、表格内编辑等功能。
|
||||
`D2-Crud`是一套基于[Vue.js 2.2.0+](https://cn.vuejs.org/)和[Element 2.0.0+](http://element-cn.eleme.io/#/zh-CN)的表格组件,`D2-Crud`将 `Element` 的功能进行了封装,并增加了表格的增删改查、数据校验、表格内编辑等常用的功能。大部分功能可根据配置的json实现,大大简化了开发流程。
|
||||
|
||||
## 功能
|
||||
- 继承了 Element 中表格所有功能
|
||||
- 新增表格数据
|
||||
- 修改表格数据
|
||||
- 删除表格数据
|
||||
- 使用 Element 中的组件渲染表格内容和表单内容
|
||||
- 表单校验
|
||||
- 表格内编辑
|
||||
|
||||
## 安装
|
||||
使用npm
|
||||
|
|
@ -31,4 +40,9 @@ new Vue({
|
|||
})
|
||||
```
|
||||
|
||||
之后就可以在项目中使用`D2-Crud`了。具体使用方法请查看 [API](./api.md) 和 [表格实例](./example.md)
|
||||
之后就可以在项目中使用`D2-Crud`了。
|
||||
|
||||
## 文档
|
||||
[API](./api.md)
|
||||
|
||||
[使用示例](./example.md)
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
# API
|
||||
|
|
@ -0,0 +1 @@
|
|||
30148794e518fde67b7bfa1686325f13648adb55
|
||||
|
|
@ -5,7 +5,7 @@ export default `<template>
|
|||
:data="data"
|
||||
title="D2 CRUD"
|
||||
add-mode
|
||||
:addButton="addButton"
|
||||
:add-button="addButton"
|
||||
:form-template="formTemplate"
|
||||
:form-options="formOptions"
|
||||
@row-add="handleRowAdd"
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
:data="data"
|
||||
title="D2 CRUD"
|
||||
add-mode
|
||||
:addButton="addButton"
|
||||
:add-button="addButton"
|
||||
:form-template="formTemplate"
|
||||
:form-options="formOptions"
|
||||
@row-add="handleRowAdd"
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@ export default `<template>
|
|||
:columns="columns"
|
||||
:data="data"
|
||||
title="D2 CRUD"
|
||||
addMode
|
||||
:addButton="addButton"
|
||||
add-mode
|
||||
:add-button="addButton"
|
||||
:form-template="formTemplate"
|
||||
:form-options="formOptions"
|
||||
:form-rules="formRules"
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@
|
|||
:columns="columns"
|
||||
:data="data"
|
||||
title="D2 CRUD"
|
||||
addMode
|
||||
:addButton="addButton"
|
||||
add-mode
|
||||
:add-button="addButton"
|
||||
:form-template="formTemplate"
|
||||
:form-options="formOptions"
|
||||
:form-rules="formRules"
|
||||
|
|
|
|||
Loading…
Reference in New Issue