了解Tapestry,第2部分 - 规划和开发Tapestry应用程序 - 编程入门网
quo;假” 数据不能代表真实数据在页面上会占据的空间。
页面包含一两个单词时的样子,与包含多行文本时的样子,会有显著不同。同样,只有二、三位数字的数值与有五、六位数字的值看起来也不同。 我不是在建议您需要去做无数的调研,然后在页面中使用正确的、实时的数据。只需要对于数据最后在页面上会是什么样子有良好的认识就可以。例如,如果销售价格的范围预计是在 $50.00 和 $5,000.00 之间,那么这对开发真实的原型就是足够的信息。对于文本长度来说,也是一样,不过,可能需要更具体一些的范围;如果文本要在 1,500 和 3,000 字之间,可以规划得很好。如果文本会在 1,500 和 30,000 字之间,那么就很难编写出能容纳两端范围之间的标记(所以也应当让利益相关者知道这一点)。 对于数据的范围和类型有了主意之后,可以开发能够显示范围两端的原型;例如,对一个页面,使用 $50.00 的值,另一个页面用 $5,000.00 的值。这样可以保证所有可能的值都会适合所分配的空间,按照预期形式换行,格式化也正确。对于文本、标题、表单字段等,也是一样的。在页面上出现的任何包含数据的内容,都应当用真实数据而不是一堆 “程序员” 值进行测试。 添加结构元素 现在,可以添加 JavaScript、图片和活动导航了。在许多 Web 开发框架下,可能就是在这里抛弃原型,开始把标记转换成 servlet、JSP 或视图组件的。但是,使用 Tapestry,可能已经得到了有用的模板,只需要添加一些 “分隔和修饰”,好让原型更适合使用。 可以从为页面添加 CSS 样式表开始,与 div 和 span 元素一起,区分页面不同区域并设置区域的样式。现在开始要认真了,可能还需要改变一些页面结构,例如从占位符列表转换成表格,或者反过来。所有这些变化,都会给页面添加新的结构层和样式,使它们更加可用于应用程序中。 如果想用 JavaScript 给页面添加动态值或处理图片交换,现在可以把这个代码加到页面里了。也可以给页面添加图片。不论做什么,请记住,正在处理的页面,会实际地 由 Tapestry 用来驱动应用程序,所以正在执行的是有用的工作,而不再是浪费时间在完善模型上。 了解Tapestry,第2部分 - 规划和开发Tapestry应用程序(6)时间:2011-01-31 IBM Brett McLaughlin添加结构到模板 在这个阶段所做的全部工作是创建更好的模板。而且,对于 div 和 span 元素,实际上是在准备 Tapestry 交互。在清单 3 中可以看出这点,清单 3 是清单 2 所示的原型的 HTML,只是新添加了一些 div 和 spans: 清单 3. 添加销售报表的结构
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |