在Java Web应用开发中,经常遇到的一种情况是,许多的页面中都包含着“公共页面”,这部分动态页面的特征是:访问量大,会带来较大的性能压力。功能设计上会动态地改变自身的元素。比如在登录前和登录后所展示的页面有所不同,比如以下代码:

 <div class="col-md-3" style="padding-top:20px">
<ol class="list-inline">
<%-- 根据Session中的loginUser是否为空, 来判断展示的内容 --%>
<c:if test="${empty loginUser}">
<li><a href="${pageContext.request.contextPath}/UserServlet?method=loginUI">登录</a></li>
<li><a href="${pageContext.request.contextPath}/UserServlet?method=registUI">注册</a></li>
</c:if> <c:if test="${not empty loginUser}">
<li>欢迎${loginUser.username}</li>
<li><a href="${pageContext.request.contextPath}/UserServlet?method=logOut">退出</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/cart.jsp">购物车</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/order_list.jsp">我的订单</a></li>
</c:if>
</ol>
</div>

这是一段前端JSP代码,实现的是根据服务器处理登录功能后,session对象中的loginUser值是否为空,来判断是否登录完成,从而决定显示哪一段的标签内容。

事实上,因为这是一段顶层页面的公共菜单栏,从而在成百上千的网页中都包括这段代码。如果每个页面都要更改这是不可想象的。

解决的方法是通过动态包含机制来解决。

相关的Java开发技巧可见:

Java Servlet开发的轻量级MVC框架最佳实践

以用户注册功能模块为例浅谈MVC架构下的JavaWeb开发流程

静态包含和动态包含

以JSP为例说明页面的静态包含和动态包含

JSP中有两种包含:

静态包含:<%@include file="被包含页面"%>

动态包含:<jsp:include page="被包含页面"flush="true">。下面以一个例子来说明如何使用包含。

实例
项目文件树:

header.jsp文件中内容:

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
</head>
<body>
<h1>This is header</</h1>

content.jsp文件中内容

 <table border="1">
<tr>
<td>col1</td>
<td>col2</td>
</tr>
<tr>
<td>col1</td>
<td>col2</td>
</tr>
</table>

footer.jsp文件中内容:

 <hr>
copyright: 1999-2010
</body>
</html>

静态包含:
index.jsp文件中内容:

 <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@ include file="/header.jsp" %>
<%@ include file="/content.jsp" %>
<%@ include file="/footer.jsp" %>

页面显示结果:

被编译成的java文件:

动态包含

index.jsp文件中内容:

 <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<jsp:include page="/header.jsp"></jsp:include>
<jsp:include page="/content.jsp"></jsp:include>
<jsp:include page="/footer.jsp"></jsp:include>

页面显示结果:

被编译成的java文件:

这个例子说明,使用静态包含和动态包含最终的执行结果相同,但是实现过程不同,很明显编译成的java文件数目不同。

静态和动态包含的区别与联系

注:下文将包含有其它文件的jsp文件称为主体文件,比如上文中的index.jsp文件.将被包含的文件称为包含文件,比如上文中的header.jsp文件.

  1. <%@ include file="" %>是指令元素。<jsp:include page=""/>是行为元素
  2. 最终编译成java文件的数目不同。(从上面的例子可以看出)
    • 静态包含在转换成为java文件的时候将包含文件的内容“复制”到主体文件,然后作为一个整体编译。最终编译为一个java文件。
    • 动态包含是各个jsp文件分别转换,分别编译。最终编程成多个java文件。
  3. 执行时间不同
    • 静态包含发生在:JSP编译为java文件阶段。
    • 动态包含发生在:执行class文件阶段。动态加入。
  4. 静态包含在两个文件中不能有相同的变量,动态包含允许。
    • 由于静态包含相当于将包含文件内容直接复制到主体文件中,如果出现相同的变量,就会出现覆盖等问题,导致文件出错。而动态包含相当于调用不同的jsp,变量所在的空间不同,自然不会出现覆盖等现象。
  5. 无论是动态包含还是静态包含,其request对象都是相同的。也就是同一个request对象。
    • 静态包含最终编译成一个java文件,有一个request对象很好理解。而动态包含最终编译成多个jsp文件,为何会使用一个request对象呢?其实这些jsp组合的过程是一个请求转发的过程,自然也使用同一个request对象了。

静态包含和动态包含的使用
简单总结一下,就一句话:被包含的页面是静态页面就用静态包含,是动态页面就用动态包含。(当然不是很绝对,但是这样用没有错)

Ajax动态获取公共页面元素的JSON格式数据

公共页面,除了经常作为Header或Footer被多个页面引入外,更主要的是动态获取后台数据库Category数据作为菜单选项元素。在经典MVC架构中,这对应着一个Service和Dao服务如下:

Servlet层

             CategoryService CategoryService=new CategoryServiceImp();
List<Category> list = CategoryService.getAllCats();
req.setAttribute("CatList", list);
return "/jsp/info.jsp";

Service层

     CategoryDao CategoryDao=new CategoryDaoImp();
return CategoryDao.getAllCats();

Dao层

      String sql="select * from category";
QueryRunner qr=new QueryRunner(JDBCUtils.getDataSource());
return qr.query(sql, new BeanListHandler<Category>(Category.class));

但如果有成百上千的页面都需要用到这个公共页面,那就要在成百上千的交互中添加这段Servlet代码,这样的话代价很高。

实践中主要是利用Ajax和Json格式来实现这样的菜单功能。

基于JQuery的Ajax功能代码实现如下:

 $(function(){
//向服务端CategoryServlet__>gteAllCats发起ajax请求,服务端经过处理,
//将所有分类信息以JSON格式的数据返回,获取到返回的所有分类绑定在页面的显示分类区域
var url="/ServletStoreDemo/CategoryServlet";
var obj={"method":"findAllCats"};
$.post(url,obj,function(data){
//alert(data); //获取到服务端响应会的数据,经过观察data中存放的是一个JSON格式数组,遍历数组,动态的显示分类区域代码
$.each(data,function(i,obj){
var li="<li><a href='#'>"+obj.cname+"</a></li>";
$("#myUL").append(li);
}); },"json"); });

同时在CategoryServlet中,将数据库返回的数据,包装成JSON格式返回到客户端浏览器

 jsonStr=JSONArray.fromObject(list).toString();
//将全部分类信息响应到客户端
//告诉浏览器本次响应的数据是JSON格式的字符串
resp.setContentType("application/json;charset=utf-8");
resp.getWriter().print(jsonStr);

原理解析

1. 页面加载后,Ajax会向服务端CategoryServlet发起请求,触发getAllCats方法,服务端会处理该方法。

2. 服务端查询数据库,将所有分类信息以JSON格式的数据返回。前端获取到返回的所有分类,通过使用匿名函数,绑定分类数据到页面的显示分类区域。

3. 对获取的JSON格式数组进行遍历数组,动态的展示分类区域代码。

通过使用Redis缓存,可以大幅提高首页访问的性能,在以后的博文中将介绍其原理。

 

通过动态包含和Ajax机制抽取Web应用的公共页面的更多相关文章

  1. java web jsp原理图 ,静态包含,动态包含,out与response.getWrite()

    jsp原理图 ,静态包含,动态包含,out与response.getWrite() 

  2. java Web jsp页面的静态包含和动态包含

    现在有头 体 尾 三个jsp页面 top.jsp <%@ page language="java" contentType="text/html; charset= ...

  3. Python基础篇【第3篇】: Python异常处理、反射、动态导入、利用反射的web框架

    异常处理 什么是异常? 异常即是一个事件,该事件会在程序执行过程中发生,影响了程序的正常执行. 一般情况下,在Python无法正常处理程序时就会发生一个异常.异常是Python对象,表示一个错误.当P ...

  4. 【Ajax 1】Ajax与传统Web开发的区别

    导读:从用户体验度的角度来说,利用Ajax进行开发的网站,其体验度高于利用传统Web开发技术,那么,是什么因素导致了这一现象呢?难道说Ajax开发,就一定优于传统Web技术吗?本篇文章,将主要介绍Aj ...

  5. MyBatis框架——动态SQL、缓存机制、逆向工程

    MyBatis框架--动态SQL.缓存机制.逆向工程 一.Dynamic SQL 为什么需要动态SQL?有时候需要根据实际传入的参数来动态的拼接SQL语句.最常用的就是:where和if标签 1.参考 ...

  6. JSP运行过程 JSP脚本 静态动态包含 jsp指令 jsp内置对象jsp四大作用域 jsp动作元素 EL表达式 JSTL 设计模式 JSP开发模式 EL内置对象

    Day38 JSP JSP的运行过程具体如下: (1)客户端发出请求,请求访问JSP文件. (2)JSP容器先将JSP文件转换成一个Java源文件(Java Servlet源程序),在转换过程中,如果 ...

  7. jsp-静态包含和动态包含的区别

    include指令是静态包含.静态包含的意思就是:把文件的代码内容都包含进来,再编译! include指令是静态包含,include行为是动态包含.其实include行为就是封装了request.ge ...

  8. 浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

    在<浏览器环境下JavaScript脚本加载与执行探析之defer与async特性>中,我们研究了延迟脚本(defer)和异步脚本(async)的执行时机.浏览器支持情况.浏览器bug以及 ...

  9. JSP中的动态包含和静态包含的区别

    本文转载自http://blog.csdn.net/xuxu198899223/article/details/8501044 1. 语法格式 (1)静态包含:<%@ include file= ...

随机推荐

  1. C语言中几种类型所占字节数

    其实C标准并没有具体给出规定哪个基本类型应该是多少个字节数,而且这个也与OS.编译器有关,比如同样是在32位操作系统,VC++的编译器下int类型为4个字节,而在tuborC下则是2个字节. 下面给出 ...

  2. mybatis的一对一,一对多查询,延迟加载,缓存介绍

    一对一查询 需求 查询订单信息关联查询用户信息 sql语句 /*通过orders关联查询用户使用user_id一个外键,只能关联查询出一条用户记录就可以使用内连接*/ SELECT orders.*, ...

  3. P1522 牛的旅行 Cow Tours

    题目描述 农民 John的农场里有很多牧区.有的路径连接一些特定的牧区.一片所有连通的牧区称为一个牧场.但是就目前而言,你能看到至少有两个牧区通过任何路径都不连通.这样,Farmer John就有多个 ...

  4. 微信小程序开发 [02] 页面注册和基本组件

    1.页面注册 既然我们希望跳转到新的页面,那自然要新建页面相关的文件才行.在开篇已经讲过,一个小程序页面由四个文件组成,假如我们的页面名为welcome,那么这四个文件则是: welcome.js w ...

  5. php判断一个数组是否为另一个数组子集的方法

    原文地址http://www.jbxue.com/article/14703.html // 快速的判断$a数组是否是$b数组的子集  $a = array(135,138);  $b = array ...

  6. OSS介绍

    1 基本概念介绍 1.1 存储空间(Bucket) 存储空间是您用于存储对象(Object)的容器,所有的对象都必须隶属于某个存储空间.您可以设置和修改存储空间属性用来控制地域.访问权限.生命周期等, ...

  7. 20155238 2016-2017-2 《JAVA程序设计》第九周学习总结

    教材学习内容总结 第十六章 JDBC SQL的解决方案是JDBC,在Java中,JDBC API主要用来存取数据库. *JDBC API是一个Java API,可以访问任何类型表列数据,特别是存储在关 ...

  8. 20155301 《网络攻防》 Exp5 MSF基础应用

    20155301 <网络攻防> Exp5 MSF基础应用 基础问题 1.用自己的话解释什么是exploit,payload,encode 答:exploit就是利用一些工具的,用来收集目标 ...

  9. Kubernetes学习之路(二十五)之Helm程序包管理器

    目录 1.Helm的概念和架构 2.部署Helm (1)下载helm (2)部署Tiller 3.helm的使用 4.chart 目录结构 5.chart模板 6.定制安装MySQL chart (1 ...

  10. [BZOJ3693]圆桌会议[霍尔定理+线段树]

    题意 题目链接 分析 又是一个二分图匹配的问题,考虑霍尔定理. 根据套路我们知道只需要检查 "区间的并是一段连续的区间" 这些子集. 首先将环倍长.考虑枚举答案的区间并的右端点 \ ...