PowerPoint 演示文稿

Size: px

Start display at page:

Download "PowerPoint 演示文稿"

秽贝
5 years ago
Views:

1 Dalian MinZu University 实训单元 2 JSP 基础语法李腾信息与通信工程学院

2 目录一实训目的二实训设备三实训内容

3 一实训目的学习如何建立 JSP 页面, 实践 JSP 声明表达式和注释 JSP 指令 JSP 动作等知识, 结合实际案例, 让学生进行知识的巩固实训时长 : 2 课时

4 二实训设备 PC 机 :Intel Core i3 CPU ; 4G 内存 ;1T 硬盘 OS:Microsoft Windows 7 Professional sp1 应用软件 :JDK1.8 TOMCAT 8.0 Eclipse for Java EE 4.5

5 三实训内容 1. JSP 页面的建立 2. JSP 页面注释声明及表达式 3. include 指令 4. <jsp:include> 动作 5. <jsp:forward> 动作 6. <jsp:param> 动作

6 1 JSP 页面的建立 1 首先建立一个名叫 shixun2 的 Web 工程打开 eclipse 工程, 如下图新建一个动态的 Web 工程 (Dynamic Web Project) 命名工程为 shixun2, 然后直接选择 finish 完成

7 2 创建第一个 JSP 页面 Shixun2 工程建立的目录结构如下图, 其中 WebContent 文件夹为 Web 资源文件夹, 用于存在所有的 Web 相关资源, 如页面图片文档等在 WebContent 文件夹上单击右键, 选择 New JSP File; 然后输入文件名 index.jsp, 单击 finish 即可完成创建

8 3 运行 JSP 页面在刚建立好的 index.jsp 的页面上右键, 选择 run as run on server Eclipse 会自动将工程部署到服务器中 ( 如果是第一次运行, 需要选择运行的服务器,tomcat8, 如下图 ); 最后自动启动浏览器, 访问运行的页面由于还未添加内容, 所以是空白

9 2 JSP 页面注释声明及表达式 JSP 的注释分为 3 种, 第一种是 HTML 注释, 如下图注释 1,JSP 页面在返回响应时会原封不动的将其放在页面源码中 ; 第二种是 JSP 注释, 如注释 2,JSP 页面会在编译时自动屏蔽掉, 浏览器中无法看到 ; 第三种即一般的 Java 注释, 写在 Java 脚本中打开前面建立的 index.jsp 文件, 输入以下内容, 运行查看效果

10 JSP 的声明用于定义 JSP 中的变量方法及静态方法, 实际上它本质上 Java 中定义全局变量公共方法一致, 可以在 JSP 页面中使用或调用,Jsp 文件最终也会被 JSP 引擎编译成 Java 代码 Jsp 声明的基本语法是 :<%! 变量定义 / 方法定义 / 类 %> 下图定义 3 个变量 x,y,date 和 add 方法并演示如何使用这些变量和方法, 请自行测试由于 JSP 页面最终会被编译成 Java 页面, 所以和 Java 源码一样, 在使用 Date 类时, 需要引入相应的包接下页

11 Out 对象专门用来进行页面打印, 可以理解为 System.out, 都有 println 方法, 只是打印的目标位置不同后续章节会详细介绍 Jsp 页面最终会被转换成 html 页面, 你可以使用浏览器查看源代码的功能来查看生成的 html 页面源码请自行上网查找浏览器查看源码方法可以注意到其与 Java 中对类变量和方法的定义十分相似, 使用方法也一致

12 JSP 表达式的作用是将动态信息显示在页面中, 与 out.println() 作用类似语法形式 :<%= 变量或者表达式 %> 请编写下图的页面, 自行测试

13 3 include 指令 Include 指令的基本语法 file= URL %>, 它可以将 URL 指定的文件内容包含进当前页面中创建一个动态 Web 工程, 并在 WebContent 文件夹下建立一个 index.jsp 文件

14 在 index 页面中, 使用 include 指令引入了两个文件, 分别是 john.html 和 copyright.jsp 其中的 File 属性指定了引入文件的相对路径 John.html 文件内容如下 : copyright.jsp 文件内容如下 :

15 右键 index.jsp 文件, 选择 run as run on server, 查看运行效果可以看到 index 中在 include 指令的位置, 包含进了 john.html 和 copyright.jsp 的内容

16 4 <jsp:include> 动作 Include 指令和 include 动作的作用相似, 都用来引入文件内容到目标页面区别 : include 指令是静态引入, 即在 JSP 引擎编译时导入 ;include 动作是动态引入, 即在页面被访问时导入, 被引入的文件在编译时会被编译成单独的 servlet 文件将第一个例子中的 include 指令换为 include 动作在 tomcat 服务器上运行, 比较两者的显示效果

17 3 <jsp:forward > 动作 <jsp:forward > 动作的作用是转发请求道另外一个页面, 在请求过程中会连同请求的参数数据一起被转发到目标页面中基本语法 :<jsp:forward page= relative URL 基本语法 :<jsp:forward page= relative URL

18 5 <jsp:forward > 动作 <jsp:forward > 动作的作用是转发请求道另外一个页面, 在请求过程中会连同请求的参数数据一起被转发到目标页面中基本语法 :<jsp:forward page= relative URL 下面是一个实例, 如果随机数能被 2 整除, 则跳转到 even.jsp, 否则跳转到 odd.jsp 首先建立一个 forwarde.jsp 页面

19 在上述代码中, 第 2-14 行代码使用 Java 判断 url 的返回值自行建立 even 和 odd 页面其中 even.jsp 中的内容为能被 2 整除, 跳转到偶数页界面,odd.jsp 中的内容为不能被 2 整除, 跳转到奇数页界面, 效果如下图所示注意 : 通过 forward 跳转页面, 页面地址不会发生变化

20 6 <jsp:param> 动作 <jsp:param> 动作用来传递参数信息, 他经常与其他动作一气使用, 如 <jsp:forward> <jsp:param> 等, 将主页面的参数传递到目标页面下面演示子页面如何从主页面获取参数, 首先建立 main.jsp 文件, 如右图 :

21 子页面 subpage.jsp 文件核心代码如下 : 其中第 23,26,29 行代码用于获取主页面传递的参数值注意 : 所有页面的编码格式要统一, 否则在传递中文时会出现乱码问题 <jsp:param> 在 <jsp:include> <jsp:forward> 中用法基本一致, 只是将 <jsp:include> 替换为 <jsp:forward> 即可

附件2

附件2 附件 2 辽宁省普通高等学校本科优势特色专业申报书专业名称 : 软件工程专业代码 : 080902 推荐学校 ( 公章 ): 大连交通大学推荐学校代码 : 10150 专业带头人 : 梁旭联系电话 ( 手机 ): 13842899132 辽宁省教育厅制 2015 年 6 月一