在线可视化快速开发表单前端-第一篇

前端利用bootstrap 响应式布局UI框架，数据加载与绑定使用JqueryTemplate.js，弹出层layer.js ，拖拽布局Sortable.min.js，ace.js在线js代码智能提示，改造bootstrap  layoutit实现了一个可视化在线表单平台，快速拖拽布局，无代码实现各种表单设计功能，同时支持屏幕响应式布局，支持手机和PC端。

下图是可视化在线表单设计，制作了个人简历信息表单界面，包含个人基本信息，学历，教育信息，工作经历，家庭成员等等一系列信息：

表单设计界面由工具箱，表单属性，表单设计区，基本操作四大部分组成。

工具箱：是各类常用组件的集合，拖拽各种控件到表单设计区，就可以产生各种控件，支持可继续扩展。

表单属性：定义表单可修改，可必填的权限，还有一些事件的生成。以及表单的名称。

表单设计区：表单设计展示的区域。

通用功能：表单信息通用基础操作功能。

因为录入动态图时间有限制，智能简单实施一个表单了，如下图：

本章介绍完毕

有感兴趣的，欢迎加入qq群讨论 QQ群号：109434403 联系微信号：danran0007

在线体验地址：http://106.53.234.69:85/ 用户名admin 密码是  123456