FastCrud 是基于Vue3的面向配置的crud开发框架,快速开发crud功能,可作为低代码平台的基础框架。
继承并优化了D2CrudPlus的设计思想,入门简单,可扩展性强,丰富的示例,让你可以快速完成搬砖任务,更多的时间划水吹逼。
源码地址:Github / Gitee
示例地址:
antdv版 / element版
文档地址:http://fast-crud.docmirror.cn/
1、只需简单编写crud配置
const crudOptions= {
columns: { //字段配置
id: {// id字段
title: "ID",
type: "number", //字段类型
column: { width: 50},
form: { show: false }
},
name: { // 姓名字段
title: "姓名",
type: "text", //文本类型字段
search: { show: true } //显示查询
},
city: { //城市字段
title: "城市",
type: "dict-select", //选择类型字段
search: { show: true }, //显示查询
dict: dict({ //本地数据字典
value: "id",
label: "text",
data: [
{ id: "sz", text: "深圳", color: "success" },
{ id: "gz", text: "广州", color: "primary" },
{ id: "bj", text: "北京" },
{ id: "wh", text: "武汉" },
{ id: "sh", text: "上海" }
]
})
},
radio: {
title: "状态",
search: { show: true }, //显示查询
type: "dict-radio", //单选类型字段
dict: dict({ //远程数据字典
url: "/dicts/OpenStatusEnum?single"
})
}
}
}
- 根据crud配置快速开发crud功能,可作为低代码平台基础框架
- 支持本地和远程获取
- 配合select,轻松实现数据存的是value值,需要对应字典的label来展示的需求
- 通过配置字段类型“column.type”来简化配置
- 根据字段类型不同,自动生成不同的表单组件
- 支持自定义字段类型
通过扩展自定义组件,扩展自定义类型
支持Antdv、Element,你喜欢哪个就用哪个
- battcn/wemirr-platform :中台管理系统 预览地址 , 配套前端ui
- Antdv 2x 、Element-Plus 二选一
示例admin脚手架
感谢这些优秀的项目
---------------来都来了点个star再走呗-----------------↗↗↗↗↗↗↗↗
解谜提示
谜题共三层,前两层是两种不同的编码方式,第三层这里就不剧透了,留一点小乐趣。