https://github.com/d2-projects/d2-crud

D2 Crud 是一个基于 Vue.js 和 Element UI 的表格组件，封装了常用的表格操作。
https://github.com/d2-projects/d2-crud

Last synced: about 1 year ago
JSON representation

D2 Crud 是一个基于 Vue.js 和 Element UI 的表格组件，封装了常用的表格操作。

• Host: GitHub
• URL: https://github.com/d2-projects/d2-crud
• Owner: d2-projects
• License: mit
• Created: 2018-07-08T03:35:05.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T01:37:43.000Z (over 3 years ago)
• Last Synced: 2025-04-12T21:47:17.246Z (about 1 year ago)
• Language: Vue
• Homepage: https://fairyever.com/d2-admin/doc/zh/ecosystem-d2-crud/
• Size: 3.01 MB
• Stars: 310
• Watchers: 17
• Forks: 97
• Open Issues: 62
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://raw.githubusercontent.com/d2-projects/d2-crud/master/doc/image/banner.png)

![npm](https://img.shields.io/npm/v/@d2-projects/d2-crud.svg)

![npm](https://img.shields.io/npm/dt/@d2-projects/d2-crud.svg)

![GitHub license](https://img.shields.io/github/license/d2-projects/d2-crud.svg)

## 介绍

[D2-Crud](https://github.com/d2-projects/d2-crud)是一套基于[Vue.js 2.2.0+](https://cn.vuejs.org/)和[Element UI 2.0.0+](http://element-cn.eleme.io/#/zh-CN)的表格组件。`D2-Crud` 将 `Element` 的功能进行了封装，并增加了表格的增删改查、数据校验、表格内编辑等常用的功能。大部分功能可由配置 `json` 实现，在实现并扩展了 `Element` 表格组件功能的同时，降低了开发难度，减少了代码量，大大简化了开发流程。

## 文档和示例

文档：   

示例：

## 功能

- 继承了 Element 中表格所有功能

- 新增表格数据

- 修改表格数据

- 删除表格数据

- 使用 Element 中的组件渲染表格内容和表单内容

- 表单校验

- 表格内编辑

- 渲染自定义组件

## 安装

使用npm

``` bash

npm i element-ui @d2-projects/d2-crud -S

```

使用yarn

``` bash

yarn add element-ui @d2-projects/d2-crud

```

## 在项目中使用

在`main.js`中写入以下内容：

``` js

import Vue from 'vue'

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

import D2Crud from '@d2-projects/d2-crud'

Vue.use(ElementUI)

Vue.use(D2Crud)

new Vue({

  el: '#app',

  render: h => h(App)

})

```

之后就可以在项目中使用 `D2-Crud` 了。

## CDN

externals: D2Crud

https://cdn.d2.pub/packages/@d2-projects/d2-crud@2.0.5/d2-crud.js