# d2-crud-plus

> d2-admin的d2-crud的扩展

Latest version **2.17.9** (published 2021-10-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install d2-crud-plus
pnpm add d2-crud-plus
yarn add d2-crud-plus
bun add d2-crud-plus
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.17.9 |
| Published | 2021-10-26 |
| First published | 2019-09-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 4.3 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 278 |
| Author | Greper |
| Maintainers | greper |
| Keywords | d2-crud, table, d2-projects, vue, element, d2-crud-plus, d2-admin, config-crud, 配置化crud |

## Links

- npm: https://www.npmjs.com/package/d2-crud-plus
- Repository: https://github.com/greper/d2-crud-plus
- Homepage: https://github.com/greper/d2-crud-plus#readme
- Issues: https://github.com/greper/d2-crud-plus/issues
- npm.io page: https://npm.io/package/d2-crud-plus

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [dayjs](https://npm.io/package/dayjs.md) ^1.8.17
- [vuedraggable](https://npm.io/package/vuedraggable.md) ^2.24.0

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 2.17.9 (latest) — 2021-10-26
- 2.17.8 — 2021-10-08
- 2.17.7 — 2021-09-13
- 2.17.6 — 2021-07-23
- 2.17.5 — 2021-07-19
- 2.17.3 — 2021-07-16
- 2.17.2 — 2021-07-15
- 2.17.1 — 2021-07-13
- 2.16.9 — 2021-06-18
- 2.16.8 — 2021-06-16
- 2.16.7 — 2021-06-11
- 2.16.6 — 2021-06-09
- 2.16.3 — 2021-04-28
- 2.16.2 — 2021-03-26
- 2.16.1 — 2021-02-22
- … 84 more at https://npm.io/package/d2-crud-plus/versions

## README

![](http://greper.docmirror.cn/extends/banner1.png)


# 【d2-crud-plus】面向配置的crud编程
基于d2-admin 的 d2-crud 的扩展,简化d2-crud配置，快速开发crud功能。   

<a href='https://gitee.com/greper/d2-crud-plus'><img src='https://gitee.com/greper/d2-crud-plus/badge/star.svg?theme=dark' alt='star'/></a>
<a href='https://github.com/greper/d2-crud-plus'><img alt="GitHub stars" src="https://img.shields.io/github/stars/greper/d2-crud-plus?logo=github"></a>
    

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)

<a href="https://github.com/d2-projects/d2-admin" target="_blank"><img src="https://raw.githubusercontent.com/d2-projects/d2-admin/master/docs/image/d2-admin%402x.png" width="200"></a>

## 警告：不再维护通知
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 停止维护 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓      
抱歉，由于精力有限，d2-crud-plus将不再维护（不加新功能、不修bug、可能也不再回复问题）。        
如果你是新项目，强烈建议直接使用fast-crud        
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓     

## fast-crud

支持`vue3`的`fast-crud`已发布，开发crud更快、更强、更爽。

文档地址： http://fast-crud.docmirror.cn/    
示例地址： [antdv版](http://fast-crud.docmirror.cn/antdv/)  /  [element版](http://fast-crud.docmirror.cn/element/)   /  [native-ui版](http://fast-crud.docmirror.cn/native/)     
仓库地址： [Github](https://github.com/fast-crud/fast-crud)  /  [Gitee](https://gitee.com/fast-crud/fast-crud)

注意：fast-crud仅支持vue3，不兼容d2-crud-plus，无法从d2p直接升级到fast-crud


## 帮助文档 
%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%
> 
>GitHub Pages   
>https://greper.github.io/d2-crud-plus/
>
>码云（国内访问推荐 ）  
>http://d2-crud-plus.docmirror.cn/d2-crud-plus/   
>
>示例演示   
>http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html
>
%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%%
## 特性

1. 简洁至上： 以最少的配置帮助你简化crud开发。
2. 字段类型： 丰富的字段类型，大幅减少代码量。
3. 快： 开发crud，快的不可思议！！！
4. 自定义： 再困难的需求，也能实现。
5. 权限管理： RBAC权限管理示例。
6. 代码生成： 根据数据表生成前后端代码，一气呵成。  

## 面向配置的crud编程
 
### 1. 简单的crud配置
开发过程中主要对crud.js进行代码编写 
```js
export const crudOptions = (vm)=>{ // vm即this
   return {
     columns: [
       {
         title: '日期',
         key: 'createDate',
         type: 'date', //字段类型为时间选择器datepicker,根据类型可自动生成默认配置
         search: {//查询配置，默认启用查询
           disabled: true //【可选】true禁止查询,默认为false
         },
         form: {//form表单的配置
           disabled: true, //禁止添加输入与修改输入【可选】默认false
         }
       },
       {
         title: '状态',
         key: 'status',
         search: {},//启用查询
         type: 'select', //字段类型为选择框
         form: { //配置添加和编辑，根据form的配置自动生成addTemplate和editTemplate
           rules: [//【可选】添加和修改时的校验规则，不配置则不校验
             { required: true, message: '请选择状态' }
           ]
         },
         dict: { //数据字典配置
           url: '/api/dicts/StatusEnum' //远程获取数据字典
         }
       },
       {
         title: '地区', 
         key: 'province', 
         search: {},//启用查询
         type: 'select', //字段类型为选择框
         form: {
           rules: [{ required: true, message: '请选择地区' }],
           component: { //添加和修改时form表单的组件，支持任何v-model组件
             props: { //配置自定义组件的属性
               filterable: true, //可过滤选择项
               multiple: true, //支持多选
               clearable: true //可清除
             }
           }
         },
         dict: {  //本地数据字典
           data: [
             { value: 'sz', label: '深圳' }, 
             { value: 'gz', label: '广州' }, 
             { value: 'wh', label: '武汉' }, 
             { value: 'sh', label: '上海' }
           ]
         }
       }
     ]
   }
}
``` 
### 2. 一个完全体crud就出来了   

![](./packages/d2-crud-plus/doc/image/list.png)

![](./packages/d2-crud-plus/doc/image/add.png)

![](./packages/d2-crud-plus/doc/image/edit.png)

### 3. 现在就去开始吧
* [帮助指南](http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/)

* [快速开始](http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/quickstart.html)


## 帮助文档 
%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%
> 
>GitHub Pages   
>https://greper.github.io/d2-crud-plus/
>
>码云（国内访问推荐 ）  
>http://d2-crud-plus.docmirror.cn/d2-crud-plus/   
>
>示例演示   
>http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/index.html
>
%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%%

## 他们在用

* [甘肃某门票分时预约及数据分析系统](https://tms.yougansu.com/orderManage/)
* [表格后台生成](https://cloud.battcn.com/)  crud配置从后台获取，通过后台配置即可生成crud表格 [开源地址](https://gitee.com/battcn/wemirr-platform)   
* [ji-admin-ui](https://github.com/power4j/ji-admin-ui) , 配套后端[ji-admin](https://github.com/power4j/ji-boot)
* 还有很多的小伙伴做的是内部管理系统，没法分享出来  
  
## 联系作者

[欢迎bug反馈，需求建议，技术交流等（请备注d2-crud-plus）](http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/contact.html)

![](http://d2p.file.docmirror.cn/greper/contact.png)

## 赞赏
支持维护，给我打打鸡血,抱拳抱拳    
![](http://d2p.file.docmirror.cn/greper/donate.jpg-400_400)

---
_Source: https://npm.io/package/d2-crud-plus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._