{"id":18408779,"url":"https://github.com/d2-projects/d2-crud","last_synced_at":"2025-04-12T21:47:20.797Z","repository":{"id":32915546,"uuid":"140134745","full_name":"d2-projects/d2-crud","owner":"d2-projects","description":"D2 Crud 是一个基于 Vue.js 和 Element UI 的表格组件，封装了常用的表格操作。","archived":false,"fork":false,"pushed_at":"2022-12-10T01:37:43.000Z","size":3152,"stargazers_count":310,"open_issues_count":62,"forks_count":97,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-12T21:47:17.246Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fairyever.com/d2-admin/doc/zh/ecosystem-d2-crud/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/d2-projects.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-08T03:35:05.000Z","updated_at":"2025-04-07T15:53:18.000Z","dependencies_parsed_at":"2023-01-14T22:39:02.870Z","dependency_job_id":null,"html_url":"https://github.com/d2-projects/d2-crud","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2-projects%2Fd2-crud","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2-projects%2Fd2-crud/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2-projects%2Fd2-crud/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2-projects%2Fd2-crud/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/d2-projects","download_url":"https://codeload.github.com/d2-projects/d2-crud/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248637832,"owners_count":21137538,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T03:21:23.409Z","updated_at":"2025-04-12T21:47:20.760Z","avatar_url":"https://github.com/d2-projects.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://raw.githubusercontent.com/d2-projects/d2-crud/master/doc/image/banner.png)\n\n![npm](https://img.shields.io/npm/v/@d2-projects/d2-crud.svg)\n![npm](https://img.shields.io/npm/dt/@d2-projects/d2-crud.svg)\n![GitHub license](https://img.shields.io/github/license/d2-projects/d2-crud.svg)\n\n\n## 介绍\n\n[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` 表格组件功能的同时，降低了开发难度，减少了代码量，大大简化了开发流程。\n\n\n## 文档和示例\n\n文档：\u003chttps://d2.pub/zh/doc/d2-crud-v2\u003e   \n示例：\u003chttps://d2.pub/d2-admin/preview/#/demo/d2-crud/index\u003e\n\n## 功能\n\n- 继承了 Element 中表格所有功能\n- 新增表格数据\n- 修改表格数据\n- 删除表格数据\n- 使用 Element 中的组件渲染表格内容和表单内容\n- 表单校验\n- 表格内编辑\n- 渲染自定义组件\n\n## 安装\n\n使用npm\n``` bash\nnpm i element-ui @d2-projects/d2-crud -S\n```\n\n使用yarn\n``` bash\nyarn add element-ui @d2-projects/d2-crud\n```\n\n## 在项目中使用\n\n在`main.js`中写入以下内容：\n\n``` js\nimport Vue from 'vue'\nimport ElementUI from 'element-ui'\nimport 'element-ui/lib/theme-chalk/index.css'\nimport D2Crud from '@d2-projects/d2-crud'\n\nVue.use(ElementUI)\nVue.use(D2Crud)\n\nnew Vue({\n  el: '#app',\n  render: h =\u003e h(App)\n})\n```\n\n之后就可以在项目中使用 `D2-Crud` 了。\n\n## CDN\n\nexternals: D2Crud\n\nhttps://cdn.d2.pub/packages/@d2-projects/d2-crud@2.0.5/d2-crud.js","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd2-projects%2Fd2-crud","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fd2-projects%2Fd2-crud","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd2-projects%2Fd2-crud/lists"}