d2-crud-plus基础使用

最新推荐文章于 2025-06-20 09:00:00 发布
原创 最新推荐文章于 2025-06-20 09:00:00 发布 · 3.2k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #vue

d2-crud-plus是d2-crud-x的增强版，无需依赖d2admin，提供更简洁的配置方式，助力快速开发CRUD操作。只需几步简单配置，即可实现列表及增删改功能，大大提升开发效率。通过安装、引入和基本页面开发，即可实现后台管理界面的高效搭建。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、是什么？

简单来说，d2-crud-plus是d2-crud-x的plus版（plus懂的），保持d2-crud-x原有功能的情况下，对配置方式进行了简化。它和d2admin没有依赖关系。

二、干什么？

官方文档一句话，以最少的配置帮助你简化crud开发。开发crud，快的不可思议！！！

这怎么理解呢，想像一个画面，一个列表然后是增删改的操作。。。 只需要写下配置代码，点击相关按钮就能对应增删改弹框以及对应接口；

它就是能让你开发如图这种需求的。

三、怎么干？

创建一个vue2项目

1、安装

npm i  d2-crud-x  d2-crud-plus element-ui -S

2、引入

main.js

3、开发

业务页面

 

 

以上是代码量最少的方式，我圈住的几个地方，方法名是必须这么写的。

d2-crud-plus代码生成器的使用
fanfan的博客
06-29 646
一、克隆java代码 git clone https://github.com/greper/d2-crud-plus-server.git 二、新建 d2p_pm数据库，然后导入代码中的数据库表 三、执行代码 @Test void pm() { GenerateRequest request = GenerateRequest.builder() .moduleName("gm") //模块名 ...
d2-crud-plus 使用小技巧（一）——新增与编辑时添加时间范围（可手动添加与删除），并且时间范围可设置多个，时间重叠校验。
xuelong的博客
02-28 632
在使用d2-crud-plus时，需要在新增与编辑时添加时间范围，并且时间范围可设置多个。需要一个添加按钮，点击后新增一个时间范围，新增的时间范围可删除。
d2-crud-plus:面向配置的crud框架，基于d2-admin的d2-crud,简化d2-crud配置，快速开发crud功能；支持远程数据字典，国际手机号校验，alioss、腾讯云cos、七牛云文件上传、头像裁剪，省市区选择，权限管理，代码生成
08-04
【d2-crud-plus】面向配置的crud编程 基于d2-admin 的 d2-crud 的扩展,简化d2-crud配置，快速开发crud功能。 fast-crud 支持vue3的fast-crud已发布，开发crud更快、更强、更爽。 文档地址： 示例地址： / 仓库地址： / 帮助文档 %%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↓%%%%%%%%%%%%%%%%%%%%%%%%%%%% GitHub Pages 码云（国内访问推荐 ） 示例演示 %%%%%%%%%%%%%%%%%%%%%%% 帮助文档 ↑%%%%%%%%%%%%%%%%%%%%%%%%%%%% 特性 简洁至上： 以最少的配置帮助你简化crud开发。 字段类型： 丰富的字段类型，大幅减少代码量。 快： 开发crud，快的不可思议！！！ 自定义： 再困难的需求，也能实现。 权限管理： R
Vue-dvadmin-d2-crud-plus-自定义后台菜单-添加页面
插件开发
10-25 1952
dvadmin 能够以简易快捷的方式构建一套后台管理系统，能够快速进行后台表格的管理，十分友好便捷，缺点就是文档，不是很全面，遇到bug需要自己诊断一下源码，找出问题所在。
d2-crud-plus：快速开发CRUD功能的强大工具
最新发布
gitblog_00149的博客
06-20 402
d2-crud-plus：快速开发CRUD功能的强大工具 在当今快速发展的Web应用开发中，CRUD（创建、读取、更新、删除）操作是基础且必要的功能。为了简化开发流程，提升效率，d2-crud-plus项目应运而生。以下是对d2-crud-plus项目的详细介绍。 项目介绍 d2-crud-plus是基于d2-admin的d2-crud的扩展，它通过简化配置，使得CRUD功能的开发变得更为迅速和高...
d2-crud-plus树形菜单
fanfan的博客
06-24 1415
一、api.js import { request } from '@/api/service' const apiPrefix = '接口地址' export function GetList (query) { return request({ url: apiPrefix + '/list', method: 'get', params: query }).then(ret => { ret.data = ret.data ? ret.data : {
d2-crud-plus行内编辑
fanfan的博客
07-05 1484
一、 crud.js import dayjs from 'dayjs' import { GetDetail } from './api' import { request } from '@/api/service' export const crudOptions = (vm) => { return { rowHandle: { // width: 230, // dropdown: { // 操作列折叠 // atLeast: 1, /
d2-crud-plus-with-d2admin-starter:d2-admin集成d2-crud-plus启动模版
05-14
d2-crud-plus与d2-admin集成启动项目 修改之处 main.js import './busienss' business/index.js 进行d2-crud-plus的初始化工作 请求返回结果去掉.data，将{code,msg,data}整体传递到下层 views/demo 为示例页面 带...
fast-crud:fast-crud，d2-crud-plus的vue3升级版
04-08
- `fast-crud`是`d2-crud-plus`的升级版，继承了其原有的强大功能，并针对Vue3进行了优化。 - 改进了`d2-crud-plus`中的部分设计，修复已知问题，提升了用户体验。 - 增强了对新特性的支持，如Suspense、Teleport...
基于Java的d2-crud-plus后端示例项目设计源码
10-05
它不仅提供了使用d2-crud-plus框架的具体实现，也为后端开发人员在架构设计、代码组织、配置管理等方面提供了宝贵的参考。 此外，该项目通过readme.txt和LICENSE文件提供了必要的文档说明和许可信息，确保了项目...
d2-crud-plus显示视频
fanfan的博客
07-05 496
index.vue <template> <d2-container :class="{'page-compact':crud.pageOptions.compact}"> <template slot="header">视频管理</template> <d2-crud-x ref="d2Crud" v-bind="_crudProps" v-on="_crudListeners"&g...
d2-crud-plus 使用小技巧（二）—— 路由跳转查询
xuelong的博客
03-04 810
项目中要在a.vue界面点击表格中数据，携带参数跳转到b.vue界面，并进行查询。需要在d2-crud-plus框架下实现。
Vue-dvadmin-d2-crud-plus-常用配置-row-handle-columns-options
插件开发
10-24 1320
说明: 对数据进行排序的时候使用的方法，仅当 sortable 设置为 true 的时候有效，需返回一个数字，和 Array.sort 表现一致。说明: 表头单元格的 className 的回调方法，也可以使用字符串为所有表头单元格设置一个固定的 className。说明: 表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。说明: 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。
d2-crud-plus 使用小技巧（七）—— 表单动态校验（跟进前置条件的值，校验其他的字段）
xuelong的博客
11-04 414
vue2 + elementUI + d2-crud-plus，文档中没有关于表单动态校验的内容，但需求是前置条件满足时，后面的字段需要校验必填，前置条件不满足，后面的字段不校验必填。
d2-crud-plus 使用小技巧（四）—— 搜索限制只能输入数字
xuelong的博客
03-15 655
搜索时有些字段需要限制，比如只能输入数字，不能存在其他字符包括空格。
d2-crud-plus 使用小技巧（五）—— 搜索时间（或下拉列表）后，点击X清除按钮后返回值为null，导致异常
xuelong的博客
05-27 438
使用vue2+elementUI+d2-crud-plus，时间组件自动清除按钮，点击清除按钮后对应的值被设置为null，原本应该是空数组（[]），导致数据传到后端后报错。不仅适用于搜索，表单一样有效果。
D2 Crud，一款简单易用的表格组件
weixin_33828101的博客
09-04 1583
D2-Crud 是一套基于Vue.js 2.2.0+ 和 Element UI 2.0.0+ 的表格组件。D2-Crud 将 Element 的功能进行了封装，并增加了表格的增删改查、数据校验、表格内编辑等常用的功能。大部分功能可由配置 json 实现，在实现并扩展了 Elememt 表格组件功能的同时，降低了开发难度，减少了代码量，大大...
Vue3版fast-crud：d2-crud-plus的升级与革新
d2-crud-plus是fast-crud的前身或基础，是一个在Vue2环境下广泛使用的前端数据表格工具。d2-crud-plus提供了丰富的功能组件和配置选项，使得开发人员能够快速实现复杂的管理界面和操作逻辑。升级到Vue3版本后，fast-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值