10.Web组件复用
1.静态包含(一个指令)
在软件工程中构建可复用组件可极大的提高软件生产效率、增强系统的可维护性
HTML标记对于一个web应用系统中的页面都是通用的,比如公司标志、版权声明、导航菜单
JSP中引用的web组件复用的两种方式:静态包含、动态包含。
在JSP源文件转换成对应Servlet源文件时将当前JSP文件和其包含的所有其他文件合并成一个Servlet文件
JSP中的include伪指令实现静态包含
include标准语法:<%@include file=“地址”%>
包含文件中要避免使用<html><body>等可能会影响原JSP网页中标签的元素
<%@include %>指令只有一个属性file
<%@include%>指令可以放在JSP页面的任意位置,其file所指的路径是相对路径
静态包含规则:
1.file属性值不能是一个动态表达式
错误示例:<% String myUrl=“copy.html” %><%@ include file=“<%=myUrl%>” %>
2.
错误示例:<%@ include file=“other.jsp?abc=qwe”%>
由于被包含文件之间可以共享变量,尽量减少文件之间的联系,降低耦合度,增强可复用度
2.动态包含
动态包含是指客户端请求时,将请求转发给当前JSP文件包含的其他对象
使用JSP的include动作指令和forward动作指令实现动态包含
include 和forward相当与Servlet中的RequestDispatcher.include()和RequestDispatcher.forward()方法
include动作指令:
include允许当前页面将客户端请求暂时转交给所包含的对象,一旦对象执行完毕,返回当前JSP页面
include动作指令相当于方法的调用
标准语法:<jsp:include page=“地址” flush=“true”>
动态包含作用域范围:
动态包含中的包含文件和被包含文件各自独立编译、执行,彼此之间不能访问各自定义的变量(即page作用域范围内的对象),只能共享request范围、session范围、application范围对象
include 动作指令规则:
page属性值可以是相对路径或代表相对路径的表达式;
page属性指向的文件既可以是动态文件也可以是静态文件
两种包含的比较:
|
include伪指令 |
include动作指令 |
|
|
规则 |
<%@include %> |
<jsp:include /> |
|
编译时间 |
较慢(资源必须被解析) |
较快 |
|
执行时间 |
较快 |
较慢(因为每次请求资源必须被解析) |
|
灵活性 |
较差(页面内容必须固定) |
较好(页面在运行时可动态选择) |
|
动作发生的时间 |
页面转换期间 |
请求期间 |
|
被包含的内容 |
文件的内容 |
页面的输出 |
|
产生Servlet数目 |
1 |
n |
变静态包含被包含页面可以访问包含页面中的变量
静态包含所包含的文件能够含有影响整个页面的JSP内容(如:import语句,声明)
参数的传递:
静态包含不存在参数传递的问题
动态包含可以传递参数:
直接在包含动作中传递
使用<jsp:param>
使用request.set/getAttribute()方法
使用注意事项:
静态包含:
被包含页面中的指令不能与包含页面中有冲突(要注意变量多次声明问题)
动态包含:
使用XML格式,不要忘记标签封口
forward动作指令:
forward动作指令允许将客户请求转发到另一个资源文件,即每当遇到此动作指令就停止执行当前的JSP,转而执行被转发的指定资源
语法格式:<jsp:forward page=“地址”/>
page属性必须存在,用于指定要包含的静态或动态文件,可以是字符串或表达式
forward指令与include动作指令
forward动作指令在调用转发操作后不会继续处理指令后的任何代码
include动作指令在调用转发操作后,完成转发操作后将继续处理指令后的代码
动态指令的参数传递:
使用<jsp:param name=“” value=“”/>可以传递一个或多个参数给动态页面
与include动作指令、forward动作指令一起使用
注意:<jsp:param />标签传递参数时,会替换request对象同名的参数值

3.使用JavaBean组件;
概述:
JavaBean通过封装属性和方法成为具有某种功能或者处理某个业务的对象,简称Bean
JavaBean中所有的属性最好定义为private,每个属性都定义public的setter和getter方法对其进行操作
JavaBean命名规则:
JSP使用JavaBean:
在JSP中使用<jsp:useBean>操作元素来加载JavaBean程序
使用<jsp:setProperty>操作元素来设置JavaBean的属性值
使用<jsp:getProperty>操作元素获取JavaBean的属性值
useBean动作指令:
|
属性 |
功能描述 |
示例 |
|
id |
使用此变量名来分辨不同的Bean |
id=“address” |
|
scope |
JavaBean存在的范围(作用域范围) |
scope=“session” |
|
class |
JavaBean对应的类名 |
class=“AddressBean” |
|
type |
引用JavaBean变量的类型 |
type=“AddressBean” |
|
beanName |
装载序列化JavaBean名或创建实例类名,使用java.beans.Beans.instantiate方法 |
beanName=“AddressBean” |
setProperty动作指令:
|
属性 |
功能描述 |
|
name |
JSP页面中的JavaBean标识名称 |
|
property |
JavaBean的属性名称 |
|
value |
被赋予JavaBean属性的新值 |
|
param |
HttpServletRequest的参数(参数名称与JavaBean名称不相同时需要设置) |
getProperty()动作指令:
|
属性 |
功能描述 |
|
name |
JSP页面中的JavaBean标识名称 |
|
property |
JavaBean的属性名称 |
10.Web组件复用的更多相关文章
- Svelte入门——Web Components实现跨框架组件复用
Svelte 是构建 Web 应用程序的一种新方法,推出后一直不温不火,没有继Angular.React和VUE成为第四大框架,但也没有失去热度,无人问津.造成这种情况很重要的一个原因是,Svelte ...
- 探讨Web组件化的实现
CMS组件化,简单架构示意图: Web组件使用WebPage+WebAPI的好处: Ø 组件复用(组件条件管理页面复用+获取组件数据API复用). Ø 组件是分布式的第三方应用,本身高内聚.组件之 ...
- [阿当视频]WEB组件学习笔记
— 视频看完了,自定义事件还不懂,等完全懂了再更新并完成整篇案例 1. JS分层和组件的种类浏览器底层包括HTML CSS JS(DOM/BOM/Style/Canvas 2D/WebGl/SVG) ...
- 前端UI组件复用工具
"懒"是第一生产力. 代码复用总是程序员喜闻乐见的,前端组件化的最终目的就是复用,今天我们就将深入探讨如何实现UI组件的复用. 通常我们所说的组件往往是包含业务逻辑的前端组件,而这 ...
- Amaze UI 发布基于jQuery新版本v2.0.0之web组件
首先Amaze Ui第一版时我收到邮件邀请去试用,去了官网看了下,是基于zepto.js的一个类似bootstrap的响应式框架,提到框架当然是好事,快速开发呗.这词2.0的弃用zepto.js改用j ...
- atitit. web组件化原理与设计
atitit. web组件化原理与设计 1. Web Components提供了一种组件化的推荐方式,具体来说,就是:1 2. 组件化的本质目的并不一定是要为了可复用,而是提升可维护性. 不具有复用 ...
- atitit.atiHtmlUi web组件化方案与规范v1
atitit.atiHtmlUi web组件化方案与规范v1 1. 如何在现有html 标签基础上定义自己的组件1 2. 组件的构成与定义1 3. 组件的加载1 4. 组件css的加载2 5. 操作组 ...
- SpringMVC内容略多 有用 熟悉基于JSP和Servlet的Java Web开发,对Servlet和JSP的工作原理和生命周期有深入了解,熟练的使用JSTL和EL编写无脚本动态页面,有使用监听器、过滤器等Web组件以及MVC架构模式进行Java Web项目开发的经验。
熟悉基于JSP和Servlet的Java Web开发,对Servlet和JSP的工作原理和生命周期有深入了解,熟练的使用JSTL和EL编写无脚本动态页面,有使用监听器.过滤器等Web组件以及MVC架构 ...
- 【收藏】这么多WEB组件(CSS),攒一个网站够了吧?
简言 总是喜欢简单又精致的东西,美的不繁复也不张扬.这是闷骚程序员的癖好么?闲来无事,把收集到的部分WEB组件整理汇总一下,攒一个逼格高一点的网站够了吧? 1 表单(form)相关 1.1 输入框(i ...
随机推荐
- Codeforces 8C 状压DP
题意:有个人想收拾行李,而n个物品散落在房间的各个角落里(n < 24).现在给你旅行箱的坐标(人初始在旅行箱处),以及n个物品的坐标,你一次只能拿最多两个物品,并且拿了物品就必须放回旅行箱,不 ...
- 32-回文字符串(dp)
http://acm.nyist.edu.cn/JudgeOnline/problem.php?pid=37 回文字符串 时间限制:3000 ms | 内存限制:65535 KB 难度:4 描 ...
- 使用JMeter的Java Sampler轻松定制自己的benchmark
做性能测试,接口测试,非常好 转自 http://www.iteye.com/topic/1123432 以前碰到更多的是WEB APP的性能测试,也许用得最多的是Loadrunner, Web S ...
- [转]CentOS 7.3 安装MySQL
1.下载mysql源 yum -y install wget wget https://dev.mysql.com/get/mysql57-community-release-el7-11.noarc ...
- C# 三元运算
x=,y=; z=x>y? : 结果z= x=,y=; z=x>y? : 结果z=
- ASP.NET MVC Razor语法及实例
1.混合HTML与Razor脚本 知识点:(1).cshtml怎样引用访问数据, (2).if for 与html嵌套 @using System.Data @using CIIC.TCP.Enti ...
- Bat 多个执行操作选择
Bat在日常编程中使用到会帮我们省去很多力气. @echo off Title DataBase Color 0A :caozuo echo. echo ═══════════════════════ ...
- tomcat启动后 项目运行缓慢,要几十到几百秒不等 怎么样./startup.sh 运行加快
修改 linux系统中 /usr/local/jdk1.8.0_11/jre/lib/security/java.security 借力 好文章.我们新的Linux系统,部署了多个 Tomca,同时重 ...
- 解决Eclipse 启动后总是Building WorkSpace(sleeping) Java报错和处理
发布者:Lynn.. 时间:2016-12-20 13:13:55 今天打开eclipse后eclipse总是在Building WorkSpace(sleeping),我的解决方案是 ...
- 视图view没有主键,但可以添加唯一索引
视图没有主键,但可以加上唯一索引 大致可以这样理解:视图是张虚拟的表.视图所对应的数据不进行实际的存储,数据库中只存储视图的定义,对视图的数据进行操作时,系统根据视图的定义去操作与视图相关联的基本表. ...