javaWeb使用siteMesh和adminLTE美观CRM系统搭建

布局效果：

   

之前一直使用 EasyUi、  ExtJs 等重型高等级封装js控件，控件性能不好不说、BUG也不少，界面美化也不是很好看，诸多考虑，打算抛弃重型封装js控件，转向轻巧的css库bootstrap，并且使用 siteMesh 2.4.2 作为布局，完成后台CRM系统UI框架的搭建

搭建过程中，发现网上相关资料匮乏，索性记录过程，帮助其他新手更快上手，具体如下：

maven项目，在pom.xml添加：

<dependency>
<groupId>opensymphony</groupId>
<artifactId>sitemesh</artifactId>
<version>2.4.2</version>
</dependency>

AdminLTE 在官网下载相关css、js包

这里不过多阐述

web.xml 加载：

<!-- 装饰容器 sitemesh -->
<filter>
        <filter-name>sitemesh</filter-name>
        <filter-class>com.opensymphony.module.sitemesh.filter.PageFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>sitemesh</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

/WEB-INF/ 下新增 decorators.xml 配置文件

decorators.xml模板内容：大意为设置 /decorators目录下的 mian.jsp 为母模板，设置login登录页面为例外

/WEB-INF/ 同级目录下新增decorators目录，

main.jsp 页面的主要内容：

<decorator:title default="start" />  母模板引入子模板内容，已经设置无子模板时的默认值

<decorator:head /> 母模板引入，子模板head内容

<decorator:body /> 母模板在自己的区域，输出子模板的body

测试：

index.jsp 实际内容，

访问 index.jsp 的效果图：