IDEA maven web项目 Tiles框架学习心得

IDEA maven web项目 Tiles框架学习心得

Tiles

Tiles是一种JSP布局框架， 主要目的是将复杂的jsp页面分割成部分，比如头部模块、主体模块、尾部模块，然后将各模块组合成一个最终表示用页面用的。以便减少公共页面元素的重复或嵌入，便于对页面的各个机能的变更及维护，并且更容易实现代码的重用。

基于复合模式，为了简化用户界面的开发而构建，为现代Java应用程序提供一个免费的开源模板框架。与MVC的各种框架结合使用，如springmvc、struts等。

页面布局：

Tiles增加了layout的概念，其实就是把一个页面划分为几块。通常的来说一个页面大概可以划分为如下几块：并且更容易实现代码的重用

head页面头部：存放一个运用的公共信息：logo等，如果是网站可能是最上面的一块。

menu页面菜单：放置一个运用中需要使用的菜单，或者在每一个页面都使用的连接。

footer页面尾部：如版权信息等。

body页面主题内容：每个页面相对独立的内容。

如果按上面的划分那对每一个页面我们只要写body里面的内容，其他的就可以共享重用。

如果大多数页面的布局基本相同我们甚至可以使用一个jsp文件根据不同的参数调用不同的body。

Tiles基本配置

IDEA maven web项目 Tiles框架简单实例：

（一）布局文件：

WEB-INF下新建 mainLayout.jsp，各个块页面位置的布局（模板文件）-----确定块页面的位置

<%@ page language="java" import="java.util.*" pageEncoding="utf-8" isELIgnored="false" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles-extras" prefix="tilesx" %>
<div>
    <tiles:insertAttribute name="header"/>
    <tiles:insertAttribute name="body"/>
    <tiles:insertAttribute name="footer"/>
</div>

（二）配置文件：

WEB-INF下新建 layout.xml文件 ，定义了每一个页面的组成元素和形式。-----确定块页面的内容

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>

<!-- 主布局 -->
<!--定义一个主布局的名字，然后指明布局文件（模板文件）-->
<definition name="layout" template="/mainLayout.jsp">
<put-attribute name="header" value="/WEB-INF/views/header.jsp"/>
<put-attribute name="footer" value="/WEB-INF/views/footer.jsp"/>
</definition>
<!-- 主布局 -->

<!-- 项目 -->
<!--定义myView继承于主布局layout-->
<!--方法一：加入要添加的body页面-->
<definition name="myView1" extends="layout">
<put-attribute name="body" expression="/WEB-INF/views/body.jsp"/>
</definition>
<!--方法二：使用EL表达式-->
<definition name="myView" extends="layout">
<put-attribute name="body" expression="/WEB-INF/views/${item}.jsp"/>
</definition>
<!--项目-->

</tiles-definitions>

（三）视图解析器：

springmvc中配置 TilesConfigurer和Tiles的视图解析器---------视图解析器

<bean id="tilesViewResolver" class="org.springframework.web.servlet.view.tiles3.TilesViewResolver" p:order="1"/>
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
        <property name="definitions">
            <list>
                <value>/WEB-INF/layout.xml</value>
            </list>
        </property>
</bean>

（四）Controller中：

    //方法一，使用该页面模板返回"myView1"、"myView2"等各自定义的页面
    @RequestMapping(value = "/people1")
    public ModelAndView test(ModelAndView modelAndView, People people) {
        modelAndView.addObject("body", "body");
        modelAndView.setViewName("myView1");
        return modelAndView;
    }
    //方法二，只要使用该页面模板都返回"myView"
    @RequestMapping(value = "/people2")
    public ModelAndView test2(ModelAndView modelAndView, People people) {
        modelAndView.addObject("item", "body");
        modelAndView.setViewName("myView");
        return modelAndView;
    }

参考文献：https://blog.csdn.net/qq_28077405/article/details/51884198

 

技能树.IT修真院

“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。

这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导，这里的老大超级帅。快来与我一起学习吧~

你可以直接点击此链接：http://www.jnshu.com/login/1/26712252