建立复合页面的四种方法

最新推荐文章于 2024-04-15 17:50:43 发布
最新推荐文章于 2024-04-15 17:50:43 发布
阅读量1k 收藏 2
点赞数
分类专栏： java相关 文章标签： insert include border html java file
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llbupt/article/details/6597888
版权
 

1、使用JSP页面的包含命令建立

（1）建立复合页面的各个部分header.jsp，menu.jsp，contentIndex.jsp，footer.jsp

（2）将各个页面包含进来，其中file指定页面要包含的文件

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

    <head>

       <title>产品信息反馈平台</title>

    </head>

    <body>

       <div align="center">

           <table border="0">

              <tr align="center">

                  <td><%@ include file="header.jsp" %></td>

              </tr>

              <tr align="right">

                  <td><%@ include file="menu.jsp" %></td>

              </tr>

              <tr align="center">

                  <td><%@ include file="contentIndex.jsp" %></td>

              </tr>

              <tr align="center">

                  <td><%@ include file="footer.jsp" %></td>

              </tr>

           </table>

       </div>

    </body>

</html>

 

2、使用tiles标签来建立

（1）建立复合页面的各个部分header.jsp，menu.jsp，contentIndex.jsp，footer.jsp

（2）将各个页面包含进来，这种方法使用了Tiles标签

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

<html>

    <head>

       <title>产品信息反馈平台</title>

    </head>

    <body>

       <div align="center">

           <table border="0">

              <tr align="center">

                  <td><tiles:insert page="header.jsp"/></td>

              </tr>

              <tr align="right">

                  <td><tiles:insert page="menu.jsp"/></td>

              </tr>

              <tr align="center">

                  <td><tiles:insert page="contentIndex.jsp"/></td>

              </tr>

              <tr align="center">

                  <td><tiles:insert page="footer.jsp"/></td>

              </tr>

           </table>

       </div>

    </body>

</html>

 

在使用<tiles:insert>标签之前需要完成以下过程：

[1]在项目的lib目录下引入下列jar包：struts.jar,commons-beanutils.jar,commons-digester.jsr,commons-logging.jsr

[2]   在web.xml文件中引入struts Tiles标签库

<taglib>

     <taglib-uri>/WEB-INF/struts-tiles.tld</taglib-uri>

     <taglib-location>/WEB-INF/struts-tiles.tld</taglib-location>

</taglib>

[3]   在页面中添加使用标签的语句

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

 

3、利用Tiles标签和复合页面模板建立

（1）建立复合页面的各个部分header.jsp，menu.jsp，contentIndex.jsp，footer.jsp

（2）建立复合页面模板：basePage.jsp

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

<html>

    <head>

       <title>产品信息反馈平台</title>

    </head>

    <body>

       <div align="center">

           <table border="0">

              <tr align="center">

                  <td><tiles:insert attribute="header"/></td>

              </tr>

              <tr align="right">

                  <td><tiles:insert attribute="menu"/></td>

              </tr>

              <tr align="center">

                  <td><tiles:insert attribute="content"/></td>

              </tr>

              <tr align="center">

                  <td><tiles:insert attribute="footer"/></td>

              </tr>

           </table>

       </div>

    </body>

</html>

 

<tiles:insert>标签的attribute属性来表示页面的各个部分，这些表示将在复合页面中被引用。

（3）建立复合页面

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

<html>

    <head>

       <title>产品信息反馈平台</title>

    </head>

    <body>

       <tiles:insert page="basePage.jsp">

          <tiles:put name="header" value="menu.jsp"></tiles:put>

          <tiles:put name="menu" value="header.jsp"></tiles:put>

          <tiles:put name="content" value="contentIndex.jsp"></tiles:put>

          <tiles:put name="footer" value="footer.jsp"></tiles:put>

       </tiles:insert>

    </body>

</html>

 

页面首先使用<tiles:insert>标签引入模板页面，然后使用<tiles:put>标签引入各个独立的页面。这些<tiles：put>标签的顺序不起作用，可以随意排列，最终还是按照模板定义的位置来决定页面的显示。

4、利用Tiles框架来建立

（1）建立复合页面的各个部分header.jsp，menu.jsp，contentIndex.jsp，footer.jsp

（2）建立复合页面模板：basePage.jsp

（3）建立配置文件tiles-defs.xml

 

<?xml version="1.0" encoding="UTF-8" ?>

<tiles-definitions>

    <definition name="index" path="/basePage.jsp">

       <put name="header" value="header.jsp"/>

       <put name="menu" value="menu.jsp"/>

       <put name="content" value="contentIndex.jsp"/>

       <put name="footer" value="footer.jsp"/>

    </definition>

</tiles-definitions>

 

代码说明：

[1] 复合页面的定义通过<definition>标签完成，页面的引用通过name属性值完成

[2] 可以定义多个复合页面，这些定义包含在<tiles-definitions>标签内部

（4）在struts-config.xml文件中配置上述文件，引入Tiles插件

 

<plug-in className="org.apache.struts.tiles.TilesPlugin">

<set-property property="definitions-config" value="/WEB-INF/tiles-defs.xml"/>

</plug-in>

 

（5）若在struts-config.xml文件中使用自定义的RequestProcessor，该RequestProcessor需要继承自TilesRequestProcessor，否则Web启动时会出错，不能引入Tiles插件。

 

<controller processorClass="com.struts.EncodingProcessor"/>

 

public class EncodingProcessor extends TilesRequestProcessor {

     public void process(HttpServletRequest request,

HttpServletResponse response)

               throws IOException, ServletException {

         request.setCharacterEncoding("UTF-8");

         response.setContentType("text/html;charset=UTF-8");

         super.process(request, response);

     }

}

 

（6）建立复合页面

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

<html>

    <head>

       <title>产品信息反馈平台</title>

    </head>

    <body>

       <div align="center">

           <tiles:insert definition="index"></tiles:insert>

       </div>

    </body>

</html>

 

总结：前两种方法基本类似，都是在复合页面中用命令或标签引入各个独立的页面，但是当复合页面的形式发生变化的时候，需要每个页面分别进行调整。第三种方法可以解决这个问题，先建立一个复合页面的模板页面，然后按照模板的定义引入各个页面，一旦需要修改所有的复合页面，只需要修改模板即可。第四种方法将每个复合页面的Tiles标签几种卸载一个配置文件中，既减少了复合页面中的代码量，也使得代码维护更加方便。

llbupt
关注
专栏目录
基于STM32设计的盆栽种植自动管理系统(微信小程序)(201)
08-06 602
基于STM32设计的盆栽种植自动管理系统，通过集成多种传感器监测环境参数，结合WiFi联网功能和微信小程序远程控制，实现了对植物生长环境的自动化、精细化管理。用户可以随时随地查看当前的土壤含水量、环境温湿度、光照强度等信息，并根据实际需求设置相应的阈值以触发自动补水、灯光调节等功能。当环境条件超出设定范围时，系统能够立即通过蜂鸣器报警提醒用户，并采取相应措施调整环境条件，确保植物始终处于最佳生长状态。
巧用复合索引，优化查询性能
Greenplum中文社区
09-25 565
了解更多Greenplum技术干货，欢迎访问Greenplum中文社区网站 ​复合索引，也称作多字段索引，是指建立在表的多个字段上的索引，它是数据库系统中广泛支持的索引使用方式，Greenplum也不例外。在之前的文章中，我们已经介绍了Greenplum的默认索引——B树索引。本文将对Greenplum中的复合索引以及相关的最佳实践进行简要介绍。《深入浅出Greenplum内核》系列直播正在进行中，本周五Greenplum原厂内核研发张桓将为大家介绍Greenplum排序算法，欢迎关注。 建立测试数据 .
新建html页面
gyueh的博客
01-19 1823
新建一个后缀名为html的文件 输入！点击tab键----生成一个html页面 输入h 用箭头符号选中html:5 点击tab键----生成一个html页面
Struts中使用Tiles框架实现复合式网页步骤
renfengjun
03-29 1495
步骤1)      在web.xml中配置如下:    注:http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"                              ----- xsi:schemaLocation="http://java.su
采用基本JSP语句创建复合式网页
翔的窝窝
11-23 141
    创建动态Web页面的最基本的办法是为每个页面创建独立的JSP文件。图16-2和图16-3分别为tilestaglibs应用的主页index.jsp和产品页面product.jsp。     本节介绍的tilestaglibs应用的源程序位于配套光盘的 sourcecode/tilestaglibs/version1/tilestaglibs目录下。如果要在Tomcat上发布这个应用，只要...
HTML内嵌框架
远方水木
03-19 8387
HTML内嵌框架 内嵌框架，也叫画中画，使用灵活，可以嵌在网页的任何一个位置。 &lt;iframe&gt;标签中的常用属性 属性 值 描述 frameborder 0，1 规定是否显示框架周围的边框 name frame_name 规定iframe的名称 scrolling yes, no, auto 规定是否在ifr...
14绿色艺术复合管道制造业交互动态全套网站.rar
最新发布
04-24
标题 "14绿色艺术复合管道制造业交互动态全套网站.rar" 暗示这是一个针对绿色艺术复合管道制造业的完整网站模板资源，包含了交互动态设计。这个资源可能包含HTML、CSS、JavaScript等前端技术，旨在为该行业的企业...
复合肥企业网站模板
02-25
总的来说，复合肥企业网站模板结合了专业设计与实用功能，适合复合肥企业建立线上品牌形象，扩大市场影响力。利用KesionCMS V9作为后台管理系统，企业可以轻松维护网站内容，同时借助模板的SEO优势，提高在线可见度...
HTML框架合并网页功能实例
web开发
02-27 156
HTML对于复杂的网页，提供了各个小网页进行合并的功能。就是说，你可以使用各个小网页最终在一个大的整个的 网页上显示出效果。这样对于开发和维护都是非常有好处的。下面来说一下用法 首先是top.html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&...
html复合选择器
weixin_41174502的博客
03-08 1860
基本选择器：标签选择器、class类名选择器(.name)、id选择器(#name) 高级选择器：后代元素选择器、子代选择器、兄弟元素选择器、相邻元素选择器 后代元素选择器： 后代元素选择器是一个空格，空格前后各有一个选择器。 作用：找到空格前元素的所有符合空格后选择器要求的后代元素。(儿子孙子…都是你的后代) 例子： <style> .test div{ ...
Linux 内核复合页(compound page)原理分析
私房菜
04-15 1137
复合页() 只是将两个或更多物理上连续的页面组合成一个单元，在许多方面可以将其视为单个更大的页面。它们最常用于创建大页面，在hugetlbfs或透明大页(transparent huge pages)子系统中使用，但它们也出现在其他场景中。复合页可以用作匿名内存或用作内核中的buffers；但是，它们不能出现在page cache中，page cache只能处理单个页面。分配复合页面是调用 alloc_pages() 并设置__GFP_COMP分配标志和页帧数大于1, 即order至少为1。
Dreamweaver初级从入门到精通，掌握网页制作
03-13
DW是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，是Web前端从业者的基础学习内容之一。
HTML 内嵌网页框架(iframe)
houyanhua1的专栏
10-28 7273
new document 腾讯
HTML之框架组合网页
qq_45810848的博客
07-31 4703
框架组合网页 通过前面几章的学习，相信大家已经初略掌握了如何开发一个HTML页面。有时呢，我们可能会需要在一个HTML页面中显示多个页面的内容。要开发这种复杂的页面，我们需要使用框架技术。其可以将多个页面组合在一起，页面的结构可以重用，同时也方便布局。 框架是HTML很早就使用的一种技术。使用框架技术，我们可以达到一下几点优势： 在同一个窗口下显示多个页面，能有效地将多个页面组合在一起，但是各个页面间相互独立。 可以实现页面的重用。例如将网站的顶部和底部单独作为一个页面，方便其它页面的使用。 实现典型的*
jQuery案例：复合菜单导航
kilig
06-13 237
前言：我使用的是jQuery版本是jquery-1.11.3.js 寄语：没有太多的代码，也没有太复杂的逻辑。只是想用简单的案例熟悉使用jQuery的应用。 案例逻辑思想：给有二级菜单项的li通过添加一个事先设置好样式的类名，添加一个右箭头风格图标，并给当前的li绑定点击事件，判断事件源li如果有子元素的话，就显示出来，同样给事件源li添加一个事先设置好样式的类名，添加一个下箭头风格图标。 API先知： ① slideToggle( ) 方法通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素
java如何创建一个窗口出来
热门推荐
星空中的一颗星
01-12 2万+
引言： 像C语言有一个窗口特别不容易  那么对于java呢？ 下面介绍如何用简单的几句话在eclipse环境下出现一个窗口。 首先写一个frame类 继承Frame Frame类 是继承widows 。。。 详见 网页链接为在线API http://tool.oschina.net/apidocs/apidoc?api=jdk_7u4 英语要好哦 然后把 出现窗口的语句封装成一个函数
CSS复合选择器详解：后代与子选择器
在CSS中，复合选择器是建立在基础选择器之上的，通过组合基础选择器来实现更精确和高效的元素选取。基础选择器包括标签选择器、类选择器、ID选择器和通配符选择器。复合选择器则将这些基础选择器结合，以满足更为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值