栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

JSP技术(2)和阶段案例:传智书城

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JSP技术(2)和阶段案例:传智书城

学习目标

1.JSP 动作元素
2.阶段案例:传智书城JSP页面

学习内容 1.JSP 动作元素

SP动作元案用来控制JSP的行为,执行一些常用的JSP页面动作。通过动作元素可以吸 91现使用多行Java代码能够实现的效果,如包含页面文件、实现请求转发等。
1.1 jsp:include 动作元素:动态包含
动态包含:把其它资源页面的内容,合并到当前要包含的页面,最后一块输出。
基本语法格式:


动态包含特点:多个页面的内容合并输出,多个jsp页面生成多个java文件,编译成多个class文件
静态包含特点:多个页面的内容合并输出,多个jsp页面最终生成一个java文件,编译一个class文件。
在JSP页面中,为了把其他资源的输出内容插入到当前JSP页面的输出内容中,JSP技术提供了jsp:include动作元素,jsp:include动作元素的具体语法格式如下所示。

在上述语法格式中,page属性用于指定被引入资源的相对路径;flush属性用于指定是否将当前页面的输出内容刷新到客户端,默认情况下,flush属性的值为false。
jsp:include包含的原理是将被包含的页面编译处理后将结果包含在页面中。当浏览器第1次请求一个使用jsp:include包含其他页面的页面时,Web容器首先会编译被包含的页面,然后将编译处理后的返回结果包含在页面中,之后编译包含页面,最后将两个页面组合的结果回应给浏览器。为了使读者更好地理解jsp:include动作元素,接下来,通过一个案例来演示jsp:include动作元素的使用 具体如下:

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



 Insert titlehere


 <%Thread.sleep(5000);%>
included页面的中文yanmin-→这个就是被包含页面。
 
 

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

=
= 

dynamicInclude page
 

 dynamicInclude页面的中文---》包含页面
 

  


1.2 jsp:forward动作元素:请求转发。
它的作用实现请求转发,效果等同于RequestDispathcer对象的forward方法。
基本语法格式:


转发页面的url地址:不需要携带项目名称,因为转发动作是服务器内部行为。

首先编写一个用于实现转发功能的jspforward.jsp页面和一个用于显示当前时间的welcome.jsp页面,具体如下:

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




Insert title here


a1 转发到欢迎页面 page="welcome.jsp">


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




Insert title here


欢迎yanmin您来访问,当前访问时间
<% out.println(new java.util.Date().toLocaleString());%>

 

启动Tomcat服务器,通过浏览器访问“http://localhost:9999/chapter06/jspforward.jsp”,浏览器显示界面如下图所示:

2.阶段案例:传智书城JSP页面

【任务目标】
通过所学的JSP知识,使用JSP技术,完成传智书城首页的展示。
【实现步骤】
1.首页设置
在chapter06项目的WebContent目录下创建一个名称为index.jsp的页面文件,该文件使用jsp:forword动作元素跳转到项目客户端展示的首页,其主要代码如下所示。




2.文件移植
将第1章中传智书城案例中的client文件夹复制到WebContent目录下,并将client文件夹下的所有.html文件改为.jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
  1. 修改了JSP页面中的地址和链接
    虽然此时表面上看,index.jsp可以正常访问了,但是当点击页面右上角的“新用户注册”时,会发现浏览器未显示出注册页面,而是报出“404"” 错误,

新用户注册

4.抽取页面代码
重然已成功将HTML文件改为了JSP文件,并能够成功访问,但是在indexjsp和1regster sog相含了大量的重复代码(如两个页面中的头部、菜单列表以及页面底部代码通常结头部和底部代码是固定的,如果每一个页面都有这些代码,会使项目十分照肿,不利于项目开发和维护。此时,可以将项目中的重复代码抽取出到一个新的JSP页面,然后通过JSP的noude指令来引入这些抽取出的JSP页面。具体如下。
把client目录下面的首页面分离出来几个jsp文件,分离的jsp文件比较通用性,在其它页面也能用到,分离的目的:提高代码的复用性。
1、创建head.jsp文件
在web工程的WebContent目录下创建一个名称为client的文件

在其中创建一个head.jsp文件,用来盛放网页的头部,相关代码如下:

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

2、创建menu_search.jsp文件
此文件用来盛放网页的菜单项

代码如下:

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

Search
JSP技术(2)和阶段案例:传智书城

3、创建foot.jsp文件
此文件是用来盛放网页的尾部

代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
ConTACT US
COPYRIGHT 2015 © BookStore All Rights RESERVED.

4、创建index.jsp文件
并使用include指令将上述三个文件插入到index.jsp中,

代码如下:

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




首页







	  <%@include file="head.jsp"%>

 

	<%@include file="menu_search.jsp" %>

 

	

  • JSP技术(2)和阶段案例:传智书城

  • JSP技术(2)和阶段案例:传智书城

  • JSP技术(2)和阶段案例:传智书城

  • JSP技术(2)和阶段案例:传智书城

  • JSP技术(2)和阶段案例:传智书城

JSP技术(2)和阶段案例:传智书城
尊敬的网上书城用户,   
  为了让大家有更好的购物体验,3月25日起,当日达业务关小黑屋回炉升级!
具体开放时间请留意公告,感谢大家的支持与理解,祝大家购物愉快!
3月23日
传智播客 网上书城系统管理部

JSP技术(2)和阶段案例:传智书城

JSP技术(2)和阶段案例:传智书城


JSP技术(2)和阶段案例:传智书城

<%@ include file="foot.jsp" %>

5、创建register.jsp文件
此文件是用来显示注册页面的

代码如下:

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




用户注册





       <%@include file="head.jsp"%>


       <%@include file="menu_search.jsp" %>


	

新会员注册

会员邮箱: 请输入有效的邮箱地址
会员名: 字母数字下划线1到10位, 不能是数字开头
密码: 密码请设置6-16位字符
重复密码:  
性别:    男          
联系电话:  
个人介绍:  
<%@ include file="foot.jsp" %>

6、测试
将web项目发布到tomcat服务器中,输入http://localhost:8080/web-chapter06/client/index.jsp进行访问,结果如下:


2020080605041

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/572923.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号