第2章 JSP页面

1、JSP大学实用教程(第2版) Power Point 制作 耿祥义 张跃平,配合JSP大学实用教程 (第2版) 例子源代码一起使用,第2章 JSP页面,2020/7/28,2,第2章 JSP页面,本章导读,1. 知识点：掌握JSP页面的基本结构以及运行原理 。,2. 重点：学习怎样声明JSP页面的成员变量、方法；掌握怎样使用Java程序片和Java表达式 。,4. 关键实践：上机编写两个JSP页面。一个JSP页面重点测试JSP页面的成员变量和局部变量的不同；另一个JSP页面着重尝试怎样分解一个Java程序片 。,3. 难点：掌握Java程序片的执行原理 。,2.1 JSP页面的基本结构,2.2

2、 JSP的运行原理,2.3 JSP页面的成员变量 和方法,2.4 JSP页面中的Java 程序片,2.5 JSP页面中的Java 表达式,2. 6 JSP中的注释,2.7 在JSP页面中使用 HTML标记,2020/7/28,3,在传统的HTML页面文件中加入Java程序片和JSP标签，就构成了一个JSP页面。 JSP页面可由5种元素组合而成： 普通的HTML标记符； JSP标记，如指令标记、动作标记； 变量和方法的声明； Java程序片； Java表达式,2.1 JSP页面的基本结构,查看【例2-1】源代码,下一页,2020/7/28,4,【例2-1】源文件及页面效果,返回,【例2-1】ex

3、ample2_1.jsp, 程序片创建Date对象： +date); sum=add(12,34); % 在下一行输出和: ,2020/7/28,5,2.2 JSP的运行原理,把JSP页面中普通的HTML标记符号，交给客户的浏览器执行显示。 JSP标记、数据和方法声明、Java程序片由Tomcat服务器负责执行，将需要显示的结果发送给客户的浏览器。 Java表达式由Tomcat服务器负责计算，将结果转化为字符串，交给客户的浏览器负责显示。,2020/7/28,6,1.在JSP页面的标记符 之间声明的变量称作JSP页面的成员变量 例： P12【例2-2】 查看源代码,2.3 JSP页面的成员变量

4、和方法,2. JSP页面在之间声明定义若干个方法，这些方法可以在Java程序片中被调用执行。 P12【例2-3】查看源代码,下一页,2020/7/28,7,【例2-2】源文件及页面效果,返回,【例2-2】example2_2.jsp, 您是第个访问本站的客户。 ,2020/7/28,8,【例2-3】源文件及页面效果,返回,【例2-3】example2_3.jsp, 调用add方法计算200与123之和：); int a=add(200,123); out.println(a); out.println(调用sub方法计算200与123之差：); int b=sub(200,123); out.

5、println(b); % ,2020/7/28,9,2.4 JSP页面中的Java程序片,在“”之间插入Java程序片。 程序片中声明的变量称为JSP页面的局部变量 多个客户请求一个JSP页面时 , Java程序片将被执行多次，分别在不同的线程中执行 。,查看: P14【例2-4】 查看: P14【例2-5】 查看: P15【例2-6】,下一页,2020/7/28,10,【例2-4】源文件及页面效果,返回,【例2-4】example2_4.jsp, 1100的连续和： ,2020/7/28,11,【例2-5】源文件及页面效果,返回,【例2-5】example2_5.jsp, ,2020/7/

6、28,12,【例2-6】源文件及页面效果,返回,【例2-6】example2_6.jsp, 大家好! +sum+); % 是偶数. +sum+); % 是奇数. ,2020/7/28,13,之间可以是一个Java表达式 。 表达式的值由服务器负责计算，并将计算结果用字符串形式发送到客户端显示。,2.5 JSP页面中的Java表达式, Sin(0.9)除以3等于 3的平方是： 12345679乘72等于 5的平方根等于 99大于100吗？回答： 100% ,【例2-7】example2_7.jsp 源代码及效果,2020/7/28,14,1. HTML 注释格式: 2. JSP 注释格式: 注：

7、程序片中的行注释用 /,2.6 JSP中的注释,【例2-8】example2_8.jsp代码及效果, 大家要注意了，成员变量是大家共享的 ,2020/7/28,15,JSP页面可以含有HTML标记，当客户通过浏览器请求一个JSP页面时，Tomcat服务器将该JSP 页面中的HTML标记直接发送给客户的浏览器，由客户的浏览器负责执行这些HTML标记。 而JSP 页面中的变量声明、程序片以及表达式由Tomcat服务器处理后，再将有关的结果用文本方式发送给客户端的浏览器。 JSP页面中的HTML标记是页面的静态部分，即不需要服务器做任何处理，直接发送给客户的信息。 以下介绍 JSP页面中使用的HTM

8、L标记。,2.7 在JSP页面中使用HTML标记,2020/7/28,16,2.7.1 表单标记,表单的一般格式如下： 数据提交手段部分 ,: 是表单标记 Method: 取值get或post. 提交手段包括: 通过文本框、通过列表、通过文本区等。 一个表单的数据提交手段部分经常包括如下子标记符号： 例如: ,2020/7/28,17,在表单中用Input标记来指定表单中数据的输入方式以及表单的提交键。 其基本格式如下： 服务器通过属性name指定的名字来获取输入对象的GUI类型中提交的数据。 输入对象的GUI类型可以是:text(文本框)、checkbox(检查框)、submit(提交键)、

9、hidden(隐藏)等 . 详细的输入对象的GUI类型介绍见p18-19 P19【例2-9】,2.7.2 标记,下一页,2020/7/28,18,【例2-9】源文件input.jsp,返回,2020/7/28,19,【例2-9】源文件receive.jsp,返回,2020/7/28,20,【例2-9】页面效果,返回,2020/7/28,21,下拉式列表和滚动列表通过在标记中使用若干个子标记来定义。其基本格式如下： 文本信息 文本信息 文本信息 服务器通过属性name的值获取下拉列表中被选中的Option的值。 在Select标记中增加size属性，就变成滚动列表。size的值确定滚动列表中选项

10、的可见数目。滚动列表的基本格式如下： 文本信息 文本信息 文本信息 服务器通过属性name的值获取滚动列表中被选中的option的值.,2.7.3 、标记,2020/7/28,22,是一个能输入或显示多行文本的文本区。在表单中使用作为子标记，能使用户提交多行文本给服务器。 其基本格式如下： ,2.7.4 标记,2020/7/28,23,表格由、标记定义，一般格式如下： 单元格中的数据 单元格中的数据 其中，定义表格的行，行标记通过使用或子标记来定义该行的单元格，标记定义的单元格中的数据加粗显示，不加粗显示。在中增加border属性，可指定该表格所带边框的宽度，如. P21【例2-10】,2.7

11、.5 表格标记,下一页,2020/7/28,24,【例2-10】源文件及页面效果,返回,2020/7/28,25,使用图像标记可以显示一幅图像 标记的基本格式为： 描述文字 图像文件的URL: 如果图像文件和当前页面在同一Web服务目录中，那么图像文件的URL 就是该图像文件的名字； 如果图像文件在当前Web服务目录的一个子目录中，如image子目录中，那么图像文件的URL 就是 image/图像文件的名字。 标记中可以使用width和height属性指定被显示图像的宽和高。如果省略width和height属性，标记将按图像的原始宽度和高度来显示图像。,2.7.6 图像标记,2020/7/28,26,使用标记可以播放音乐和视频，当浏览器执行到该标记时，会把浏览器所在机器中的默认播放器嵌入到浏览器中，以便播放音乐或视频文件。其基本格式为： 描述文字 音乐或视频文件和当前页面在同一Web应用目录中，音乐或视频文件的地址就是该文件的名字。 标记中经常使用的属性及取值如下： Autostart: 取值true或false，autostart属性的值用来指定音乐或视频文件传送完毕后是否立刻播放，该属性的认值是false。 Loop: 取值为正整数，该属性的值用来指定音乐或视频文件重复播放的次数。 Width