一个基于 bootstrap 的表单构建工具,bsFormBuilder v1.0.0 发布

前端APP 投稿 42800 1 评论

一个基于 bootstrap 的表单构建工具,bsFormBuilder v1.0.0 发布

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

编程笔记 » 一个基于 bootstrap 的表单构建工具,bsFormBuilder v1.0.0 发布

赞同 (66) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 让像身临其境。
    幻影突击队 2023-10-13 12:30 (1年前) 回复