如何提升码农产量,基于ASP.NET MVC的敏捷开发框架之自定义表单开发


“厂长, 上一次咱们讲过了工做流的总体规划,今天我要动手作啦!我想先把工做流的自定义表单作出来。”html

“好的,之前我作这方面的东西,我给你设计了一份表结构,你先拿去看看。”json

http://img1.mukewang.com/5dbbc88c00017fdc03540314.jpg

“厂长,是否是没有发完,怎么就一个表?”ide

我就知道你会这么问,我如今给你解释一下重点字段的含义。”工具

数据表:将表单上的内容保存到那个表。布局

关联表的主键:要保存表单数据张表的主键。spa

是否须要建表:是否要把表单中的数据存入到表中,这里的意思是,是将表单上面的栏位与数据表的字段--对应仍是直接将整个表单的内容打包一块。这里呢就看用户的须要啦,若是须要做统计汇总之类的数据分析,就按字段保存好了,若是不是就能够不用为表单上面每个栏位都对应数据字段,这样操做起来也简单。设计

表单内容:注意啦!就是这里,其实我是想把表单上全部的内容以json形式所有保存到一个字段里这样后台不用再单独去建一张表来保存这些东西,前台统一去解析就行了。3d

“明白了,这样作确实好,能够少用到多表。”orm

“好的,”闲话少说,我给你看第一个界面,咱们在作界面布局的时候要考虑用户操做便捷性因此能够作成向导式中。”htm

http://img3.mukewang.com/5dbbc8fb0001bc3c12670713.jpg

“厂长,这里点一下一步就是跳到一个新的页面吗?”

“固然不是,实际上是多个DIV之间的切换。来我给你看看代码。”

“别个这个页面看起来很复杂的样子,其实就是几个div+js实现的。先看html”

http://img2.mukewang.com/5dbbc9dd0001a1b809440625.jpg

再来看一下JS

http://img1.mukewang.com/5dbbc9eb000188ff09610593.jpg

http://img3.mukewang.com/5dbbc9ec0001dda912670713.jpg

“哇,真的呢,这种效果好,果真是能够跳来跳去的,那你如今讲一下这个拖拽的表单是怎么实现的吧。”

“恩,你看看,这个东西的原理其实就是拼接html,左边放工具栏,工具栏上选择不一样的工具其实就是不一样类型的控件,右边设置控件的属性。中间显示效果。”

http://img3.mukewang.com/5dbbca210001871a09450725.jpg

http://img2.mukewang.com/5dbbca21000116ee09610358.jpg

后台代码:

http://img3.mukewang.com/5dbbca33000194a609330318.jpg

http://img.mukewang.com/5dbbca330001a33e09580610.jpg

就这么简单,一个功能就完成了。

相关文章
相关标签/搜索