`

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

阅读更多

 

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

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

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

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

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

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

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

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

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

“明白了,这样做确实好,可以少用到多表。”

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

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

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

 

分享到:
评论

相关推荐

    asp.net mvc4 实现用户登录

    asp.net mvc4 实现用户的登录验证

    C#开发1200例(包括1,2卷)+ASP.Net MVC开发1200例

    C#开发1200例(包括1,2卷)+ASP.Net MVC开发1200例+C#编程经典实例,全是经典中的经典书籍

    考试类精品--一个基于ASP.NET MVC实现的简易在线考试系统。.zip

    【标题】中的“考试类精品--一个基于ASP.NET MVC实现的简易在线考试系统”表明这是一个教育信息化领域的项目,它利用了ASP.NET MVC框架构建了一个基本的在线考试平台。ASP.NET MVC是一个微软提供的开源Web应用程序...

    ASP.NET MVC 4 Web编程

    ASP.NET MVC 4 Web编程是微软开发的一种用于构建动态、数据驱动的Web应用程序的框架,它结合了模型-视图-控制器(MVC)设计模式、ASP.NET的强大功能以及Web开发的最佳实践。在这个框架中,开发者可以更清晰地分离...

    虚拟主机 ASP.NET MVC4 WebConfig 模板

    运行于虚拟主机中的ASP.NET MVC4 WebConfig 模板,主要解决虚拟主机无法识别MVC路由问题。

    ASP.NET MVC 5 Professional .PDF

    *** MVC 5是Microsoft推出的一个框架,用于构建动态网站。它提供了一种使用.NET框架创建Web应用程序的模式,该模式具有丰富的功能,灵活性和可扩展性。*** MVC 5 Professional .PDF是一本专门介绍该技术的电子书籍,...

    虚拟主机 ASP.NET MVC5 WebConfig 模板

    在IT行业中,ASP.NET MVC5是一个强大的框架,用于构建动态、数据驱动的Web应用程序。它结合了模型-视图-控制器(MVC)设计模式、ASP.NET的功能以及 Razor 视图引擎,为开发者提供了高效、灵活且易于测试的开发环境。...

    Pro ASP.NET MVC3 Framework

    ASP.NET MVC3框架是微软推出的一款用于构建动态网站的应用程序框架,它基于MVC(Model-View-Controller)设计模式,强调清晰的架构和高度可测试性。与传统的ASP.NET Web Forms相比,MVC3提供了更灵活的控制流、更好...

    十天学会ASP.NET

    ASP.NET是由微软公司推出的用于构建Web应用程序的框架,它基于.NET Framework,为开发者提供了高效、安全且可扩展的平台。在这个“十天学会ASP.NET”的教程中,你将深入理解这一强大的Web开发技术,无论你是有经验的...

    ASP.net Ajax开发

    7. **AJAX Control Extensions**:ASP.NET AJAX框架允许开发者创建自定义的控件,这些控件可以利用AJAX特性进行无刷新更新,增强了开发灵活性。 8. **Error Handling**:ASP.NET AJAX提供了错误处理机制,可以在...

    asp.net+Web+mvc4.0 EasyUI 最新 权限管理系统源码教程.rar

    开发环境 :Asp.net + VS2012 + C# + SQL2008 本次更新内容: 1、代码全部重新优化重写。 2、个性化设置支持皮肤切换,7 种导航菜单表现模式。 3、全部使用jQuery.EasyUI 框架组件。 4、重新权限设置操作方式,使用...

    ASP.NET 2.0网络开发技术

    ASP.NET 2.0是微软推出的用于构建动态网站、Web应用程序和Web服务的框架,它基于.NET Framework,为开发者提供了一种高效、易用且功能强大的工具。在ASP.NET 2.0中,引入了许多新特性,提升了开发效率和应用程序性能...

    Professional ASP.NET 4.5 in C# and VB

    《Professional ASP.NET 4.5 in C# and VB》是一本深入探讨ASP.NET 4.5框架的专业书籍,特别关注C#和VB.NET这两种编程语言的应用。这本书旨在帮助开发者掌握在Web开发中如何高效地利用ASP.NET 4.5的强大功能。 首先...

    基于asp.net商品库存管理系统[源码+论文+演示视频].zip

    系统开发环境: visual studio 2005 + sqlserver2005以上版本 系统后台架构技术: 界面层,业务逻辑层,数据层3层分离技术 系统前台架构技术: div + css布局, ajax实现局部数据更新(采用Json数据格式传输)

    asp.net x64 runtime

    ASP.NET是微软开发的一种用于构建Web应用程序的框架,它提供了丰富的功能和工具,使得开发者能够高效地构建动态网站、Web服务以及复杂的Web应用程序。在标题“asp.net x64 runtime”中,重点提及的是ASP.NET在x64...

    ASP.NET基础教程—C#案例版

    5. **MVC(模型-视图-控制器)架构**:ASP.NET MVC是一种流行的设计模式,它分离了业务逻辑、数据处理和用户界面,提高了代码的可读性和可维护性。 6. **Web Forms和Razor视图**:Web Forms是ASP.NET早期的开发模型...

Global site tag (gtag.js) - Google Analytics