FastCrud is an options-oriented crud development framework based on vue3. It can rapidly develop crud functions and can be used as the basic framework of a low code platform.
It is easy to get started, has strong scalability, and has rich examples so that you can quickly complete the task of moving bricks.
source :Github / Gitee
demo: demo list
document:http://fast-crud.docmirror.cn/
1、Just write the crud options
const crudOptions= {
columns: { //field conf
id: {// id
title: "ID",
type: "number", //field type
column: { width: 50},
form: { show: false }
},
name: { // name field
title: "name",
type: "text", //text type field
search: { show: true } // show search
},
city: { // city field
title: "city",
type: "dict-select", // select type field
search: { show: true }, // show search
dict: dict({ //local dict
value: "id",
label: "text",
data: [
{ id: "sz", text: "shenzhen", color: "success" },
{ id: "gz", text: "guangzhou", color: "primary" },
{ id: "bj", text: "beijing" },
{ id: "wh", text: "wuhan" },
{ id: "sh", text: "shanghai" }
]
})
},
radio: {
title: "status",
search: { show: true }, //show search
type: "dict-radio", //radio type field
dict: dict({ //remote dict
url: "/dicts/OpenStatusEnum?single"
})
}
}
}
2、 Get a complete crud
column.type
Extend the custom type by extending the custom component
Support antdv, element, you can use which you like
git clone https://gitee.com/fast-crud/fast-crud.git
# run antdv demo
cd fast-crud/packages/demo-antdv
# or run element demo
cd fast-crud/packages/demo-element
# run
npm install
npm run demo
Libaries and demos are build using vitejs
Antdv
Element-Plus
NaiveUI
Choose one of them
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。