Need help with d2-crud-plus?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

greper
210 Stars 62 Forks MIT License 1.4K Commits 30 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 64,813
fontawe...
axios
vue-cli
CSS
1111 commits
# 612,582
PHP
HTML
Shell
cropper
1 commit

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

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

star GitHub stars

lerna

fast-crud

支持

vue3
fast-crud
已发布,开发crud更快、更强、更爽。

文档地址: http://fast-crud.docmirror.cn/
示例地址: antdv版 / element版
仓库地址: Github / Gitee

帮助文档

%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%

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就出来了

3. 现在就去开始吧

帮助文档

%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%%

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

%%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%%

他们在用

联系作者

欢迎bug反馈,需求建议,技术交流等(请备注d2-crud-plus)

赞赏

支持维护,给我打打鸡血,抱拳抱拳

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.