网络编程
位置:首页>> 网络编程>> 网页设计>> 表单制作方式大比拼(2)

表单制作方式大比拼(2)

作者:jasoncode  发布时间:2008-10-09 11:32:00 

标签:表单,设计,编辑器

推荐方式二:CSS2.0。

CSS2.0是一套全新的样式表结构,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一样,CSS2.0推荐的是一套内容和表现效果分离的方式,HTML元素可以通过CSS2.0的样式控制显示效果,可完全不使用以往HTML中的table和td来定位表单的外观和样式,只需使用div和Li此类HTML标签来分割元素,之后即可通过CSS2.0样式来定义表单界面的外观。

CSS2.0提供给我们了一个机制,让程序员开发时可以不考虑显示和界面就可以制作表单和界面,显示问题可由美工或是程序员后期再来编写相应的CSS2.0样式来解决。不过由于CSS2.0目前尚未见过很好的编辑软件,所以无法做到所见即所得,编写起来不易!国内纯美工能编写CSS2.0样式的我还没见过。呜呼,还是要程序员自己来写。但是CSS2.0起码已经给我们开启了一个美好的明天。

方式三(重点推荐):NoahWeb引擎所提供的表单制作方式。

NoahWeb不愧为新一代的轻量级B/S应用开发引擎,NoahWeb提供了一整套非常强大的表单制作机制,使用NoahWeb开发B/S应用时,程序人员完全可以不用考虑表单的外观,用NoahWeb提供的XML格式结构化标签可定义表单,表单的最终显示效果完全由美术设计的表单模板决定。表现和结构分离,重用性也非常的好。

假设需要制作一个下面这样一个登陆表单界面:如下图:

在NoahWeb中定义的时候就可以用下面的代码(大家不要被这些代码吓倒,仔细看,非常容易懂):

在NoahWeb中的逻辑层调用这个表单时,方法非常简单。使用下面的语法就可以。

<ViewForm FormLink="login" TemplateLink="ominibasefrom" Action="" FormTitle="" />

其中的

login指的是刚才结构化描述的表单代码中的form id。

ominibasefrom指的就是表单模板名。要使表单呈现不同的外观,使用不同的模板就可以。

比如下图是调用ominibasefrom模板的显示结果:

下图是调用baset2form模板的显示结果:

下图是调用oaTemplate模板的显示结果:

下图是调用ovipbaseform模板的显示结果:

这些表单所生成的外观不一样,可是内容和结构全部是一样,更换表单模板就能生成不同的外观,NoahWeb的表单模板可方便的由美工进行定义,用任何的HTML或是xml或css2.0的文本内容都可以定义成表单模板,你也可以从网络上找一个现成的界面来抄成模板。

刚才的例子仅是一个很小的表单,下一页有制作大一些的表单例子,感觉非常爽!

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com