开发学院软件开发 Java 了解 Tapestry，第 2 部分：规划和开发 Tapestry ... 阅读

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

　2009-11-11 00:00:00　来源：WEB开发网　　　

核心提示： 如果想用 JavaScript 给页面添加动态值或处理图片交换，现在可以把这个代码加到页面里了，了解 Tapestry，第 2 部分：规划和开发 Tapestry 应用程序(10)，也可以给页面添加图片，不论做什么，实际上是在准备 Tapestry 交互，在清单 3 中可以看出这点，请记住，正在

如果想用 JavaScript 给页面添加动态值或处理图片交换，现在可以把这个代码加到页面里了。也可以给页面添加图片。不论做什么，请记住，正在处理的页面，会实际地由 Tapestry 用来驱动应用程序，所以正在执行的是有用的工作，而不再是浪费时间在完善模型上。

添加结构到模板

在这个阶段所做的全部工作是创建更好的模板。而且，对于 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>$<span　id="board-cost">29.95</span></td></tr>　　　<tr><th>Manufacturing　Cost</th><td>$<span　id="man-cost">8.22</span></td></tr>　　　</table>　　　<h2>Net　Profit:　$<span　id="net-profit">167718.76</span></h2>　　　<form　method="GET">　　　<input　value="Get　Updated　Sales"　type="button"　/>　　　</form>　　</div>　　</body>　 </html>　