bsFormBuilder v1.0.0 发布了,这是一个基于 Bootstrap v4.x + JQuery 的、拖拽的表单构建工具。
bsFormBuilder 的特点:
1、基于 JQuery + Bootstrap (v4.x,简单易用
2、拖动的 html 组件,支持通过 Json 自定义扩展
3、组件的属性面板,支持通过 Json 自定义扩展
4、支持导出 json,然后自己通过 json 来构建自己的 UI 页面
5、支持导入 json 到 bsFormBuilder,用来进行二次编辑
6、丰富的 API,方便二次开发和扩展
7、支持 “模板” 功能,可以选择已有模板进行二次开发
8、内置轻量的 html 渲染引擎,速度极快,极好用~~
所有的组件、属性面板都可以通过 json 自由扩展。添加一个可拖拽组件,就是在初始化的时候,添加一个 json 配置而已...。
开始使用:
<div id="builder"></div>
<script>$('#builder'.bsFormBuilder({...};</script>
在使用前,需要导入 bootstrap 和 jquery 的相关文件。
<link href="path/bootstrap.min.css" rel="stylesheet">
<link href="path/bootstrap-icons.css" rel="stylesheet">
<script src="path/jquery.min.js"></script>
<script src="path/bootstrap.bundle.min.js"></script>
<!-- 导入 bs-form-builder 依赖-->
<link href="path/bs-form-builder.min.css" rel="stylesheet">
<script src="path/bs-form-builder.min.all.js"></script>
另外,bsFormBuilder 提供了丰富的 API,方便二次开发和扩展,详情:https://gitee.com/fuhai/bs-form-builder