为受数据驱动的 Web 站点构建定制模板

很多开发人员都不太敢使用 HTML 表和单元格来构建 Web 站点。其中的一个原因是 HTML 表会使日后修改站点或更改其外观变得十分困难。通过本文，您会接触到一些编写 Web 站点的基本技巧，使您可以在后期使用模板替换站点初始创建时所设计站点外观。此外，您还会了解为何要对自己的 Web 站点使用数据驱动技术。

后端开发人员必须要应对的一个棘手问题就是 HTML。在我的从业生涯中，我发现很少有开发人员特别热衷于编写和修改前端代码，这些工作对于向站点的访问者展示特定的输出而言非常必要。尽管这不太容易又有点单调乏味，但有些时候还是十分有必要的。很多开发人员都习惯于编写中间层和数据库代码，但却非常不愿意触及 HTML 和 CSS 所带来的前端的格式化、表、标记列表、属性和样式等。

常用的缩写词 CSS：级联样式表 HTML：超文本标记语言 XML：可扩展标记语言 XHTML：可扩展超文本标记语言 XSL：可扩展样式表语言

尽管极力想要成功处理 HTML，但很多 Web 站点在每次需要新的站点感观时无一例外地都要重写。要为站点重新设计皮肤，很多时候既费时又费力 — 尤其是当站点的代码已经相当一段时间没有被碰过的时候。

更糟糕的是，随着 Web 2.0 的出现，很多开发人员都对开发应采取何种方案颇感困惑。我们知道合适的方案必须是要提前计划好的（提供可靠的设计和架构），但由于预算和期限的问题，我们常常不得不牺牲质量。除非在下一次再次更新站点的外观时，您或您的客户均不在意从头制作 Web 站点，否则就必须确保代码整洁、最优化并在前端使用了最严格的代码编写技术以便为过渡到 Web 2.0（包括 Asynchronous JavaScript™ + XML，Ajax）打下稳固的基础。

此外，如果开发的 Web 站点有一个受数据驱动的组件，那么进行内容更改可能会更简单一些 — 可以使用一种基于 Web 的方式修改 Web 站点的内容，而不必在每次想要增加站点内容时都必须要修改实际的页面本身。本文讨论了上述问题以及这些问题的解决方法。

注意：本文使用的源代码均可在本文下面的 参考资料 一节找到。

典型的架构方式

本文讨论了编写整洁、最优化和严格代码背后的一些概念，尤其强调了在开发 Web 站点模板时要使用这些技术。首先，我将深入讨论一下这些概念，然后再向您展示如何将这些概念付诸实践来使用模板构建 Web 站点，模板有时又称为皮肤（skin）。

如 图 1 所示，一个 Web 站点常常会被分成几个互相连接的块，比如保存客户有用数据的数据库以及站点的配置信息。数据库经常由组件和对象访问，而组件和对象又由另一层代码调用，这一层通常就是所谓的中间层。中间层是从浏览器发出的请求所途经的第一站。此请求通常是在用户单击某个动作时触发的。

图 1. 一个典型的架构

服务器处理了请求之后，响应（包括文本和图形）会以几种方式返回给浏览器，包括：

 

本文转自IBM Developerworks中国

        请点击此处查看全文