怎么使用formBuilder以拖拽方式编写页面

1、以admin用户登录系统，打开formbuilder

http://localhost:8081/framework/main/formbuilder





2、从右方组件中，用鼠标拖拽页面所需的组件到左边！例如:





 





 

3、鼠标点击左边的元素，修改属性！例如：





 





保存以后变成：





 

4、修改其他元素的属性，制作所需页面！完成后例如：





5、点击Rendered，将内容拷贝到blank.jsp文件中





 

\src\main\webapp\WEB-INF\views\modules\formbuilder\blank.jsp





拷贝完成后，如下：





保存blank.jsp

6、查看所编写页面的效果！

打开链接：

http://localhost:8081/framework/main/formbuilder/blank

 





 

效果非常不错。接下来呢？复制刚才的blank.jsp，用java写一个控制器，在页面绑定一些变量。页面就可以真实使用啦！

完美！