关闭

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

2717人阅读 评论(0) 收藏 举报

布局效果:

   

之前一直使用 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 的效果图:


1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:166013次
    • 积分:1677
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:7篇
    • 译文:0篇
    • 评论:18条
    最新评论