FastCrud(简称fs) 是基于Vue3的面向配置的crud开发框架,快速开发crud功能,可作为低代码平台的基础框架。
入门简单,可扩展性强,拥有丰富的示例,让你可以快速完成搬砖任务,更多的时间划水吹逼。
示例地址: 演示预览
文档地址:http://fast-crud.docmirror.cn/
注意:本项目的主要目标是实现一个
fs-crud
组件,帮助快速开发crud功能,admin脚手架
并不是本项目的重点。
你可以通过如下几种方式使用fast-crud
- 直接使用示例中的
fs-admin
,特点是简单- 也可以采用其他的
admin开源项目
,然后集成fast-crud
- 我们也挑选了一些比较好的
admin项目
集成fast-crud
之后做成了admin-starter,助你快速上手
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、NaiveUI,你喜欢哪个就用哪个
- battcn/wemirr-platform :中台管理系统,java做后台 预览地址 , 配套前端ui
- django-vue3-admin :基于python ,django的后台管理系统
- 极兔速递,内部使用
- 海豹信息,内部使用
- IoTSharp: IOT管理平台,采用fast-crud做前端
- SuperApi 无代码CRUD开发平台,后台基于NetCore,前端使用soybean集成fast-crud
欢迎bug反馈,需求建议,技术交流等(请备注fs)
1、 加群
微信群 QQ群
2、 加作者好友
媳妇儿说:“一天到晚搞开源,也不管管老婆孩子!😡😡😡”
拜托各位捐赠支持一下,让媳妇儿开心开心,我也能有更多时间进行开源项目,感谢🙏🙏🙏
- 群里问问题免费解答
- 提供远程控制付费技术支持:
- 半小时内解决,88元。(问题描述清晰,小问题快速解决)
- 高于半小时,188元(疑难杂症)
- 解决不了,不收费
- Antdv 3x 、Element-Plus 、NaiveUI 三选一
示例admin脚手架
感谢这些优秀的项目
logo | 项目 | 简介 |
---|---|---|
袖手GPT | ChatGPT,国内可用,无需FQ,每日免费额度 | |
certd | 免费通配符域名证书全自动申请部署工具 | |
dev-sidecar | 直连访问github工具,无需FQ,解决github无法访问的问题 |
---------------来都来了点个star再走呗-----------------↗↗↗↗↗↗↗↗
DevSidecar解谜提示
谜题共三层,前两层是两种不同的编码方式,第三层这里就不剧透了,留一点小乐趣。
-
jetbrains :感谢jetbrains提供的免费开源license