目录:
3.1 JSP页面的基本构成
3.1.1 一个JSP页面
- 在HTML静态页面文件中加入和java相关的动态元素就构成了一个JSP页面。JSP页面由以下四种基本元素构成。
- 普通的HTML标记
- JSP注释
- Java脚本元素,包括声明、Java程序片和Java表达式
- JSP标记,例如指令标记、动作标记和自定义标记等
JSP页面注释
- HTML注释格式:
<!--HTML-->
- JSP注释格式:
<%--JSP注释--%>
==========================================================================
3.2 jsp脚本元素
3.2.1 java程序片:
放在<% 内容%>中的被称为java程序片
3.2.2 JSP成员变量和局部变量:
通常来说:定义在<%! 内容%>中的为成员变量,定义在<% 内容%>中的为局部变量。
- 例如以下代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>example3_2.jsp</title>
</head>
<%!
int n=0;
int add(int x,int y){
return x+y;
}
%>
<body>
<%
int m=0;
n++;
m++;
int result=add(1,2);
out.print("成员2变量n的值为:"+n+"<br>");
out.print("成员变量m的值为:"+m+"<br>");
out.print("1+2 = "+result+"<br>");
out.print("第"+n+"个客户");
%>
</body>
</html>
n是成员变量,被所有客户共享
m是局部变量,为每个客户独享
3.2.3 java表达式
<%=%>之间用来放表达式,中间不能有其他内容
3.2.4 java基础知识实践
- 打印15*10的表格
<body>
<!--打印15*10的表格-->
<%
int i=0;
%>
<table border="2px">
<%
for (i=0;i<10;i++){
%>
<tr>
<% for (int j=0;j<15;j++){
%>
<td>
<%=(j+1)*(i+1)%>
</td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
- 利用成员变量统计访问客户量
<%!
int visited=1;
%>
<body>
<p>
您是第<%=visited%>访问的顾客
<%
visited++;
%>
</p>
</body>
==============================================================================
3.3 JSP指令标记
3.3.1 Page指令
- page指令称为页面指令,用来定义JSP页面的全局属性,该配置会作用于整个页面。 定义JSP文件中的全局属性.
语法格式:
<%@ page attribute="value" %>
属性
属性 | 描述 |
---|---|
contentType | 指定当前JSP页面的MIME类型和字符编码 |
import | 导入要使用的Java类 |
language | 定义JSP页面所用的脚本语言,默认是Java |
pageEncoding | 是值JSP文件自身存储所用的编码 |
3.3.2 include指令
- JSP可以通过include指令来包含其他文件。被包含的文件可以是JSP文件、HTML文件或文本文件。包含的文件就好像是该JSP文件的一部分,会被同时编译执行。
语法格式
<%@ include file="文件相对 url 地址" %>
注:include 指令中的文件名实际上是一个相对的 URL 地址。如果您没有给文件关联一个路径,JSP编译器默认在当前路径下寻找。
3.3.3 实践环节-制作一个导航栏
- 编写三个页面index.jsp、main.jsp和header.jsp,在index.jsp和main.jsp页面中分别使用include指令静态嵌入header.jsp。页面效果如下
实例:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>index.jsp</title>
</head>
<body>
<%@include file="header.jsp"%>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>header</title>
</head>
<style>
.banner{
width: 100%;
height: 60px;
margin: auto;
}
.banner .baner_con{
height: 40px;
margin: 0px auto 0px;
width: 400px;
}
.baner_con .ban_one{
width: 80px;
float: left;
}
</style>
<body>
<div class="banner">
<ul class="baner_con">
<li class="ban_one">首页</li>
<li class="ban_one">体育</li>
<li class="ban_one">热点</li>
<li class="ban_one">股市</li>
<li class="ban_one">经济</li>
</ul>
</div>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>main.jsp</title>
</head>
<body>
<%@include file="header.jsp"%>
</body>
</html>
==============================================================================
3.4 JSP动作标记
3.4.1 include动作标记
- jsp:include动作元素用来包含静态和动态的文件。该动作把指定文件插入正在生成的页面。前面已经介绍过include指令,它是在JSP文件被转换成Servlet的时候引入文件,而这里的jsp:include动作不同,插入文件的时间是在页面被请求的时候。
语法格式:
<jsp:include page="相对 URL 地址" flush="true" />
实例
以下我们定义了两个文件 date.jsp 和 main.jsp,代码如下所示:
- date.jsp文件代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<p>
今天的日期是: <%= (new java.util.Date()).toLocaleString()%>
</p>
- main.jsp文件代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>include 动作实例</h2>
<jsp:include page="date.jsp" flush="true" />
</body>
</html>
现在将以上两个文件放在服务器的根目录下,访问main.jsp文件。显示结果如下:
include 动作实例
今天的日期是: 2016-6-25 14:08:17
3.4.2 forward动作标记
- jsp:forward动作把请求转到另外的页面。jsp:forward标记只有一个属性page。
语法格式:
<jsp:forward page="相对 URL 地址" />
实例
以下实例我们使用了两个文件,分别是: date.jsp 和 main.jsp。
- date.jsp 文件代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<p>
今天的日期是: <%= (new java.util.Date()).toLocaleString()%>
</p>
- main.jsp文件代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>forward 动作实例</h2>
<jsp:forward page="date.jsp" />
</body>
</html>
现在将以上两个文件放在服务器的根目录下,访问main.jsp文件。显示结果如下:
今天的日期是: 2016-6-25 14:37:25
3.4.3 param动作标记
- 该标记不能独立使用,但可以作为include、forward动作标记的子标记配合使用,该标记以“名字-值”对的形式为对应页面传递参数。
语法格式:
<jsp:父标记 page="接收参数页面的URL">
<jsp:param name="参数1" value="参数值1"/>
<jsp:param name="参数2" value="参数2"/>
<jsp:param name="参数3" value="参数3"/>
···
</jsp:父标记>
实例:
以下创建了一个rec.sp界面和一个computer.jsp界面
- rec.jsp代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>rec.jsp</title>
</head>
<body>
加载computer.jsp页面计算矩形的面积<br><br>
<jsp:include page="computer.jsp">
<jsp:param name="length" value="10"/>
<jsp:param name="width" value="6"/>
</jsp:include>
</body>
</html>
- computer.jsp代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>computer</title>
</head>
<body>
<%
String m= request.getParameter("length");
String n =request.getParameter("width");
double a= Double.parseDouble(m);
double b=Double.parseDouble(n);
out.print("我是被加载的页面,负责计算矩形的面积"+"<br>");
out.print("给我传递的矩形的长度是:"+a+",宽度是:"+b+"<br>");
out.print("矩形的面积是:"+a*b);
%>
</body>
</html>
通过param标记将矩形的长宽传入,显示结果如下:
我是被加载的页面,负责计算矩形的面积
给我传递的矩形的长度是:10.0,宽度是6.0
矩形的面积是:60.0