了解 Tapestry，第 2 部分：规划和开发 Tapestry 应用程序

核心提示： 页面包含一两个单词时的样子，与包含多行文本时的样子，了解 Tapestry，第 2 部分：规划和开发 Tapestry 应用程序(9)，会有显著不同，同样，所有这些变化，都会给页面添加新的结构层和样式，只有二、三位数字的数值与有五、六位数字的值看起来也不同，我不是在建议您需要去做无数的调研

页面包含一两个单词时的样子，与包含多行文本时的样子，会有显著不同。同样，只有二、三位数字的数值与有五、六位数字的值看起来也不同。

我不是在建议您需要去做无数的调研，然后在页面中使用正确的、实时的数据。只需要对于数据最后在页面上会是什么样子有良好的认识就可以。例如，如果销售价格的范围预计是在 $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 元素一起，区分页面不同区域并设置区域的样式。现在开始要认真了，可能还需要改变一些页面结构，例如从占位符列表转换成表格，或者反过来。所有这些变化，都会给页面添加新的结构层和样式，使它们更加可用于应用程序中。