《用JSP实现动态交互》由会员分享，可在线阅读，更多相关《用JSP实现动态交互（35页珍藏版）》请在金锄头文库上搜索。
1、电子科大成都学院云计算系 用JSP实现动态交互 第二章 电子科大成都学院云计算系 回顾及作业点评 B/S结构与C/S结构的区别？ 请说出一个完整的URL由几部分组成？ 如何修改Tomcat服务器的默认端口号？ 如何配置Web应用的欢迎页面？ 电子科大成都学院云计算系 预习检查 什么是JSP？ 请描述JSP页面的执行过程 创建Web项目的步骤包含哪些内容？ JSP页面由哪些页面元素构成？ 电子科大成都学院云计算系 本章任务 使用JSP页面元素 实现计算闰年 实现方法声明和 注释 实现在JSP页面中 获取客户端请求 信息 实现在JSP页面中 与数据库的访问 交互 电子科大成都学院云计算系 本章目标
2、 掌握JSP基本语法 掌握使用request对象获取请求信息 电子科大成都学院云计算系 为什么需要JSP 2-1 为什么需要基于B/S技术的动态网页？ B/S技术的特点是什么？ 使用动态网页，可以动态输出网页内容、同用户进行交互、对网页内容使用动态网页，可以动态输出网页内容、同用户进行交互、对网页内容 进行在线更新进行在线更新 应用应用 服务器服务器 IE IE 解释执行解释执行 HTML文件文件 从服务器端检索到的信息从服务器端检索到的信息 返回响应返回响应 客户端的请求信息客户端的请求信息 发送请求发送请求 访问数据库访问数据库 返回结果返回结果 运行运行JSP等等 服务器端程序服务器端程
3、序 1 用户输入用户输入 2 3 4 数据库数据库 服务器服务器 电子科大成都学院云计算系 为什么需要JSP 2-2 如何在浏览器上动态输出当前日期？ 输出当前日期输出当前日期 你好，你好，ACCP！ 今天是今天是 显然，无法通过静态显然，无法通过静态HTML完成这个效果，试一试完成这个效果，试一试JSP，看看是否可行，看看是否可行 演示示例：输出当前日期演示示例：输出当前日期 电子科大成都学院云计算系 什么是JSP JSP (Java Server Pages)是指： 在HTML中嵌入Java脚本代码 由应用服务器中的JSP引擎来编译和执行嵌入 的Java脚本代码 然后将生成的整个页面信息返
4、回给客户端 JSP页面页面 数据库数据库 服务器服务器 应用应用 服务器服务器 客户端客户端 Java脚本脚本 1 2 3 4 电子科大成都学院云计算系 3 执行执行 2 翻译翻译 编译编译 1 请求请求 响应响应 JSP 执行过程 2-1 Web容器处理JSP文件请求需要经过3个阶 段： 翻译阶段 编译阶段 执行阶段 应用服务应用服务 器器 客户端客户端 JSP文件文件 .java .class 电子科大成都学院云计算系 执行执行 第二次请求第二次请求 响应响应 JSP 执行过程 2-2 第一次请求之后，Web容器可以重用已经编译好 的字节码文件 应用服务器应用服务器 客户端客户端 .cla
5、ss 注意：如果对注意：如果对JSP文件进行了修改，文件进行了修改，Web容器会容器会 重新对重新对JSP文件进行翻译和编译文件进行翻译和编译 演示示例：演示示例：JSP页面响应速度页面响应速度 电子科大成都学院云计算系 JSP 页面组成 JSP 页面的元素包括： 静态内容静态内容 指指 令令 表达式表达式 小脚本小脚本 HTML静态文本静态文本 以“以“ ” 结束。结束。 比如：比如： 声声 明明 注释注释 电子科大成都学院云计算系 什么是page指令 page指令 通过设置内部的多个属性来定义整个页面的属性 语法： page指令常用属性 属性属性 描述描述 默认值默认值 language
6、指定指定JSP页面使用的脚本页面使用的脚本 语言语言 java import 通过该属性来引用脚本语通过该属性来引用脚本语 言中使用到的类文件言中使用到的类文件 无无 contentType 用来指定用来指定JSP页面所采用页面所采用 的编码方式的编码方式 text/html, ISO-8859-1 电子科大成都学院云计算系 小脚本与表达式 在JSP页面中计算两个数的和，将结果输 出显示 计算求和计算求和 两个数的求和结果为：两个数的求和结果为： 指令指令 小脚本小脚本 表达式表达式 电子科大成都学院云计算系 什么是声明 声明就是在JSP页面中定义Java的变量和方法 语法： 你好，今天是你好
7、，今天是 方法声明后可在页面方法声明后可在页面 中多处调用中多处调用 电子科大成都学院云计算系 JSP中的注释 合理、详细的注释有利于代码后期的维护 和阅读 在JSP文件的编写过程中，共有三种注释 方法： HTML的注释： JSP注释： 在JSP脚本中注释： 缺点：不安全，加大缺点：不安全，加大 网络传输负担网络传输负担 电子科大成都学院云计算系 练习方法和注释的应用 需求说明：需求说明： 编写编写JSP页面，计算页面，计算20002010年中有几个闰年年中有几个闰年 使用表达式输出结果使用表达式输出结果 完成时间：完成时间：25分钟分钟 电子科大成都学院云计算系 Web程序的调试与排错 在运
8、行Web程序时，常犯的一些错误有： 未启动Tomcat服务，或者没有在预期的端口中 启动Tomcat服务 未部署Web应用，就试图运行Web程序 运行时，URL输入错误 存放文件的目录无法对外引用，如：文件放入 了WEB-INF、META-INF等文件夹 电子科大成都学院云计算系 错误1：未启动Tomcat 排除错误： 启动Tomcat服务 如果控制台上显示Tomcat服务已启动，观察 端口号是否与预期端口号一致，按照实际端 口号重新运行 错误现象错误现象 排错方法：排错方法： 检查检查Tomcat服务能否正确运行服务能否正确运行 1 2 3 电子科大成都学院云计算系 错误2：未部署Web应用
9、 排除错误： 部署Web应用 排错方法：检查排错方法：检查Web应用是否正确部署应用是否正确部署 尚未部署尚未部署 错误现象错误现象 1 2 3 电子科大成都学院云计算系 错误3：URL输入错误 排除错误：使用正确的URL 错误现象错误现象 排错方法：排错方法： 检查检查URL http:/localhost:8080/news/index.html 文件名称与路径要写对文件名称与路径要写对 协议协议 主机主机IP地址地址 1 2 3 电子科大成都学院云计算系 错误4：目录不能被引用 排除错误：把index.html文件拖至WebRoot文件 夹下 错误现象错误现象 排错方法：排错方法： 检查
10、文件的存放位置检查文件的存放位置 META-INF，WEB-INF文件夹文件夹 下的内容无法对外发布下的内容无法对外发布 1 2 3 电子科大成都学院云计算系 什么是JSP内置对象 JSP内置对象是 Web 容器创建的一组对象 JSP内置对象的名称是JSP 的保留字 JSP内置对象是可以直接在JSP页面使用的 对象，无需使用“new”获取实例 没有出现没有出现new关键关键 字，但却可以使用字，但却可以使用 request对象对象 电子科大成都学院云计算系 JSP内置对象 常用的JSP内置对象 常用内置对象常用内置对象 request response out application sess
11、ion 电子科大成都学院云计算系 JSP内置对象request 6-1 request对象主要用于处理客户端请求对象主要用于处理客户端请求 JSP 页面页面 request 对象对象 客户端客户端 请求请求 请求信息请求信息 电子科大成都学院云计算系 JSP内置对象request 6-2 方法名称方法名称 说说 明明 String getParameter(String name) 根据页面表单组件名称获取页面根据页面表单组件名称获取页面 提交数据提交数据 String getParameterValues(String name) 获取一个页面表单组件对应多个获取一个页面表单组件对应多个 值
12、时的用户的请求数据值时的用户的请求数据 void setCharacterEncoding(String charset) 指定每个请求的编码，在调用指定每个请求的编码，在调用 getParameter( )getParameter( )之前进行设定，之前进行设定， 可以解决中文乱码问题可以解决中文乱码问题 String getRemoterAddr() 返回提交请求的客户机的返回提交请求的客户机的IPIP地址地址 request对象常用方法对象常用方法 电子科大成都学院云计算系 JSP内置对象request 6-3 编程实现学员的注册功能 注册信息包括：用户名、密码、你从哪里知道 页面提交后
13、，显示学员输入的数据 1 2 电子科大成都学院云计算系 JSP内置对象request 6-4 学员注册页面 用户名用户名 密码密码 你从哪里知道你从哪里知道ACCP 报刊报刊 网络网络 朋友推荐朋友推荐 电视电视 电子科大成都学院云计算系 JSP内置对象request 6-5 信息读取显示页面 为什么我们输入的中文都是乱码显示？为什么我们输入的中文都是乱码显示？ 电子科大成都学院云计算系 JSP内置对象request 6-6 在进行页面开发时，存在多种字符集 编码设置，我们只需要在页面设置支 持中文字符的字符集就可以了 教员演示：乱码处理过程教员演示：乱码处理过程 电子科大成都学院云计算系 练
14、习注册页面请求信息获 取 需求说明：需求说明： 编写注册页面编写注册页面 通过表单提交注册信息通过表单提交注册信息 在提交页面中获取表单在提交页面中获取表单 提交数据提交数据 将获取的数据输出显示将获取的数据输出显示 完成时间：完成时间：25分钟分钟 电子科大成都学院云计算系 练习制作新闻发布页面 需求说明：需求说明： 编写新闻发布页面编写新闻发布页面 使用使用JavaScript在表在表 单提交时进行验证单提交时进行验证 在浏览器中能够访问在浏览器中能够访问 此页面此页面 完成时间：完成时间：25分钟分钟 电子科大成都学院云计算系 练习制作添加主题页面 需求说明：需求说明： 编写新闻主题添加
15、页面编写新闻主题添加页面 使用使用JavaScript在表单提交时进行验证在表单提交时进行验证 在浏览器中能够访问此页面在浏览器中能够访问此页面 完成时间：完成时间：20分钟分钟 电子科大成都学院云计算系 共性问题集中讲解 常见调试问题及解决办法常见调试问题及解决办法 代码规范问题代码规范问题 共性问题集中讲解共性问题集中讲解 电子科大成都学院云计算系 总结 创建Web项目的步骤有哪些？ JSP页面组成包括哪些内容？ JSP注释分为几种情况？有何区别？ request对象的作用？包含哪些常用的方 法？ 电子科大成都学院云计算系 作业 课后作业 必做 教员备课时在此添加内容 选做 教员备课时在此添加内容 提交时间：xxx 提交形式：xxx 预习作业 背诵英文单词 教员备课时在此添加内容
