JSP框架Tiles，好东西。

其他 2018-06-20 16:35:41 阅读次数: 4

下面主要演示了Tiles的基本用法，已经SpringMVC整合Tiles。
Tiles 是一种JSP布局框架，主要目的是将复杂的jsp页面分割成部分，比如头部模块、主体模块、尾部模块，然后将各模块组合成一个最终表示用页面用的，这样的话，便于对页面的各个机能的变更及维护。并且更容易实现代码的重用。
相当于JSP中可以通过include标签动态插入一个JSP页面的替代方案。

首先导入相关Jar包，Maven的pom声明如下：

<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-extras</artifactId>
    <version>3.0.7</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-jsp -->
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-jsp</artifactId>
    <version>3.0.7</version>
</dependency>
<dependency>
    <groupId>org.apache.tiles</groupId>
    <artifactId>tiles-servlet</artifactId>
    <version>3.0.7</version>
</dependency>
<!-- https://mvnrepository.com/artifact/commons-digester/commons-digester -->
<dependency>
    <groupId>commons-digester</groupId>
    <artifactId>commons-digester</artifactId>
    <version>2.0</version>
</dependency>
<!-- https://mvnrepository.com/artifact/commons-beanutils/commons-beanutils -->
<dependency>
    <groupId>commons-beanutils</groupId>
    <artifactId>commons-beanutils</artifactId>
    <version>1.9.3</version>
</dependency>
<!-- https://mvnrepository.com/artifact/javax.servlet/servlet-api -->
 <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
 </dependency>

在WEB-INF下编写一个tiles.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="base" template="/page.jsp">
        <put-attribute name="header" value="/header.jsp" />
        <put-attribute name="footer" value="/footer.jsp" />
    </definition>
    <definition name="home" extends="base">
        <put-attribute name="body" value="/home.jsp" />
    </definition>
</tiles-definitions>

上面的home继承base，因此home等价于

<definition name="base" template="/page.jsp">
    <put-attribute name="header" value="/header.jsp" />
    <put-attribute name="body" value="/home.jsp" />
    <put-attribute name="footer" value="/footer.jsp" />
</definition>

其中page.jsp当成模板使用，即用与定义header.jsp、home.jsp、footer.jsp之间的排版，如图所示。

这里写图片描述

如果你想编写成上图的排版，获取其它样式的排版，只需修改page.jsp即可
page.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="t"%>
<%@ page session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>page</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="text-align: center;margin: auto;">
    <div id="header">
        <t:insertAttribute name="header"/>
    </div>
    <div id="content">
        <t:insertAttribute name="body"/>
    </div>
    <div id="footer">
        <t:insertAttribute name="footer"/>
    </div>
</body>
</html>

page.jsp中利用tiles的标签进行映入相关jsp。同时里可以加入些共同的css、js等。

注意:要导入tiles的标签库

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="t"%>

各模块界面

header.jsp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>header</title>
</head>
<body>
<h1 style="font-weight: bold;color: silver;">Tiles</h1>
</body>
</html>

home.jsp

扫描二维码关注公众号，回复： 1661780 查看本文章 
...
<body>
hello tiles,I'm home.
</body>
...

footer.jsp

...
<body>
    <div>
        <footer>
        <p class="pull-right">
            <a href="#">Back to top</a>
        </p>
        <p>
            © 2016 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a>
        </p>
        </footer>
    </div>
</body>
...

在web.xml中配置Tiles的dispatchServlet与CompleteAutoloadTilesListener

    <servlet>
        <servlet-name>Tiles Dispatch Servlet</servlet-name>
        <servlet-class>org.apache.tiles.web.util.TilesDispatchServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>Tiles Dispatch Servlet</servlet-name>
        <url-pattern>*.tiles</url-pattern>
    </servlet-mapping>
    <!-- Bootstraps the root web application context before servlet initialization -->
    <listener>
        <listener-class>org.apache.tiles.extras.complete.CompleteAutoloadTilesListener</listener-class>
    </listener>

OK，运行试试。
由于我项目名为RanderWeb，输入http://localhost:8080/RanderWeb/home.tiles
后可以看到如下运行效果

这里写图片描述

SpringMVC 整合Tiles

或许，我们更多情况下是使用SpingMVC进行整合开发
首先导入相关jar包，maven的pom配置如下：

<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context</artifactId>
    <version>4.3.5.RELEASE</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>4.3.5.RELEASE</version>
</dependency>

其application-action.xml配置如下，注意tiles部分的配置。

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xmlns:p="http://www.springframework.org/schema/p"
    xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
        http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd">
    <!-- 自动扫描该包，使SpringMVC认为包下用了@controller注解的类是控制器，控制器全部放在这个包下 -->
    <context:component-scan base-package="priv.hgs">
        <!-- 制定扫包规则 ,只扫描使用@Controller注解的JAVA类 -->
        <context:include-filter type="annotation"
            expression="org.springframework.stereotype.Controller" />
    </context:component-scan>
    <bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>
    <!-- tiles整合 start-->
    <bean class="org.springframework.web.servlet.view.tiles3.TilesViewResolver" p:order="1"> 
        </bean> 
    <bean id="tilesConfigurer"
        class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
        <property name="definitions">
            <list>
                <value>/WEB-INF/tiles/tiles.xml</value>
            </list>
        </property>
    </bean>
    <!-- tiles整合 end-->
    <!-- 对静态资源文件的访问(使静态资源由WEB服务器默认的Servlet来处理) -->
    <mvc:default-servlet-handler />
    <mvc:annotation-driven />
</beans>

同时我们可以删除上方在web.xml中对tiles的配置，并配置SpringMVC的DispatcherServlet.

<!-- SpringMVC servlet -->
    <servlet>
        <servlet-name>springDispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:application-action.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springDispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

为了确保jsp页面不被直接访问，我们将所有的jsp页面移动到WEB-INF目录下,同时注意在tiles.xml中的路径加上/WEB-INF/
做为测试我们简单写一个控制器。

@Controller
public class UserHandler {
    @RequestMapping(value="tileHome")
    public String tileHome(){
        return "home";
    }
}

运行测试下。如果出现jstl相关类未找到，请在pom加入如下配置

<!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>

运行后输入地址http://localhost:8080/RanderWeb/tileHome 可以看到如下，和非整合方法相同的页面效果

这里写图片描述

后话，摘与他人博客

为何选用Tiles

刚接触Java Web开发的人都知道，JSP中可以通过include标签动态插入一个JSP页面。在了解这个功能后可能会兴奋不已，因为这样可以实现多个JSP页面共用一个JSP的内容。

现在，假如有一个超级大的电子商务网站，网站拥有10万个JSP页面（悄悄告诉你，这仅仅是一个假设），并且每个JSP都引用了同一个JSP（我们称这个JSP页面为A吧）。现在你就是这个网站的开发人员，有一天老板跑到你面前说：“大量用户反馈页面A设计得太丑，严重影响用户体验，如果不在今天之内改进，他们就集体去竞争对手那里购物，所以你今天必须要让页面A从网站上消失，否则炒鱿鱼走人”，这个凶神恶霸的老板说完就甩手走出去了，你没有任何辩解的机会。这时，恐怕你不会觉得自己一人能够搞定，那怎么办？程序员都有很多好基友，找一百个基友来一起改，每人只需要改1000个页面。不然，只有垂头丧气地收拾好东西离职了。

那么，要是有一天老板又跑过来找你，让你为每个JSP页面的底部加一个跳舞的小黄人，又该怎么办呢？先找前端工程师设计好跳舞的小黄人，然后用include标签插入到10万个JSP页面。10万个啊，又得请一百个好基友帮忙了！要是老板后面又要在网站顶端加一只唱歌的小鸟、在网站右边加一个工具栏…估计你的好基友要用砖头来砸你了。

那有没有一种方法，可以不用请一百个好基友帮忙，就可以在十分钟之内完成老板交给你的任务？也许你会觉得这简直是胡说八道，在十分钟内改完10万个JSP页面就是一种疯狂的想法。也许这是对的，就是一个疯狂的想法，不清楚Tiles的设计者当初也是否受到过这种老板的虐待，所以才设计出了这样一个疯狂的产品—— Tiles 。

没错，Tiles就是为你遇到的这种需求服务的。一旦你在网站系统中使用了Tiles技术，若老板让你删除10万个页面所引用的一个JSP，如果你的速度快的话，你可以在10秒钟之内解决。那要想再让这10万个页面去引用一个JSP呢？也是一样的操作，非常简单。

转载 注明
http://blog.csdn.net/it_faquir/article/details/72510495

猜你喜欢

转载自blog.csdn.net/it_faquir/article/details/72510495
今日推荐
周排行
成为C++高手之宏与枚举
在CAD二次开发中使用进度条
Js插件ECharts，HighCharts学习网址整理
Celery提交任务出错(on windows.)
cephfs内核客户端性能追踪
thinkphp中PHPExcel用法
EntityFramework动态组合多排序字段
汇编语言（八）实验9 根据材料编程
安装ubuntu后必须做的事情（对我而言）
JS函数式编程
每日归档
更多
2024-10-22(0)
2024-10-21(0)
2024-10-20(0)
2024-10-19(0)
2024-10-18(0)
2024-10-17(0)
2024-10-16(0)
2024-10-15(0)
2024-10-14(0)
2024-10-13(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022