Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/greper/d2-crud-plus

面向配置的crud框架，基于d2-admin的d2-crud,简化d2-crud配置，快速开发crud功能；支持远程数据字典，国际手机号校验，alioss、腾讯云cos、七牛云文件上传、头像裁剪，省市区选择，权限管理，代码生成
https://github.com/greper/d2-crud-plus

admin cropper crud d2-admin d2-crud permission upload

Last synced: 5 days ago
JSON representation

面向配置的crud框架，基于d2-admin的d2-crud,简化d2-crud配置，快速开发crud功能；支持远程数据字典，国际手机号校验，alioss、腾讯云cos、七牛云文件上传、头像裁剪，省市区选择，权限管理，代码生成

Host: GitHub
URL: https://github.com/greper/d2-crud-plus
Owner: greper
License: mit
Created: 2019-09-18T06:28:44.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2023-02-28T17:13:48.000Z (almost 2 years ago)
Last Synced: 2025-01-10T17:12:53.265Z (12 days ago)
Topics: admin, cropper, crud, d2-admin, d2-crud, permission, upload
Language: JavaScript
Homepage: http://preview.d2-crud-plus.docmirror.cn/D2CrudPlusExample/
Size: 39.4 MB
Stars: 280
Watchers: 10
Forks: 92
Open Issues: 52
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

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

# 【d2-crud-plus】面向配置的crud编程

基于d2-admin 的 d2-crud 的扩展,简化d2-crud配置，快速开发crud功能。   





    

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



## 警告：不再维护通知

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 停止维护 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓      

抱歉，由于精力有限，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)