vue-form-making基于Vue的可视化在线拖拉表单设计器,让表单开发简单而高效

eefc654a6759e8b693fd68232538cb41.png

特性

  • 可视化配置页面
  • 提供栅格布局,并采用flex实现对齐
  • 一键预览配置的效果
  • 一键生成配置json数据
  • 一键生成代码,立即可运行
  • 提供自定义组件满足用户自定义需求
  • 提供远端数据接口,方便用户需要异步获取数据加载
  • 提供功能强大的高级组件
  • 支持表单验证
  • 快速获取表单数据

安装

# npm 安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm install form-making -S

# CDN

目前可以通过 unpkg.com/form-making 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。建议使用 CDN 引入 FormMaking 的用户在链接地址上锁定版本,以免将来 FormMaking 升级时受到非兼容性更新的影响。锁定版本的方法请查看 unpkg.com 。

# Hello world

通过 CDN 的方式我们可以很容易地使用 FormMaking 来加载表单设计页面。

如果是通过 npm 安装,并希望配合 webpack 使用

!DOCTYPE html>

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐