礼拜一log~SiteMesh技术 & 一些css技巧

SiteMesh技术：SiteMesh 是一个网页布局和修饰的框架，基于 Servlet 中的 Filter。利用它可以将网页的内容和页面结构分离，以达到页面结构共享的目的。

Servlet知识科普：Servlet（Server Applet），全称Java Servlet。是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。Servlet工作模式为：客户端发送请求至服务器；服务器启动并调用 Servlet，Servlet 根据客户端请求生成响应内容并将其传给服务器；服务器将响应返回客户端。

例如，在目前我所涉及的项目中，使用SiteMesh就可以在同一个站点内共享本站点的主题样式：例如头部head和尾部footer。

需要在web.xml文件中配置SiteMesh，在一个新建的layouts文件中放入公共样式，并配置decorators.xml文件来将layouts文件夹中具体jsp文件的地址写入。
例如：

<decorator name="exhibition_layout" page="exhibition/layouts/exhibition.jsp" />

在被装饰的文件中则需要写入：

<meta name="decorator" content="exhibition_layout" />

注意decorator中name与meta中的content保持一致。

在装饰文件中，需要引入例如：

<sitemesh:head />
<sitemesh:body />

的代码～bingo～这个棒棒哒，代码复用效率高，而且还有主题风格，100分～

CSS技巧1：让一个未知高度的图片在一个已知高度的div中垂直居中的方法：

首先，在div和img之间需要再次嵌套一个标签，a标签或者span都可以。
在css中，设置div：

display:table;text-align:center;

设置a标签：

display:table-cell;vertical-align:middle;

妥妥的啦～～～

另外，在前端开发的过程中，一个很重要的思想就是代码重用！能复用的地方尽量复用，酱紫不仅是为了省时省力，更是为了减少开销改良性能。