快速业务通道

了解Tapestry,第2部分 - 规划和开发Tapestry应用程序 - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-20
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. 添加销售报表的结构

<html>   <head><title>Sales Report Prototype</title></head>   <body>   <h1>Prototype Sales Report</h1>   <div id="sales">    <table>    <tr><th>Total Sold</th><td><span id="total-sold">1012</span></td></tr>    <tr><th>Sales Price</th><td>contentlt;span id="board-cost">29.95</span></td></tr>    <tr><th>Manufacturing Cost</th><td>contentlt;span id="man-cost">8.22</span></td></tr>    </table>    <h2>Net Profit: contentlt;span id="net-profit">167718.76</span></h2>    <form method="GET">    <input value="Get Updated Sales" type="button" />    </form>   </div>   </

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号