小二十七的博客 的专栏

关注公众号 drak-phoenix 定时为你推送高质量的技术信息

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 的效果图:


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiao2shiqi/article/details/51542407
想对作者说点什么? 我来说一句

SSM+AdminLTE(BootStrap) 整合项目

2016年11月10日 6.73MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭