用JSP实现动态交互.ppt

1、用JSP实现动态交互,第二章,回顾及作业点评,B/S结构与C/S结构的区别？ 请说出一个完整的URL由几部分组成？ 如何修改Tomcat服务器的默认端口号？ 如何配置Web应用的欢迎页面？,预习检查,什么是JSP？（java服务页面） 请描述JSP页面的执行过程 创建Web项目的步骤包含哪些内容？ JSP页面由哪些页面元素构成？,本章任务,使用JSP页面元素 实现计算闰年 实现方法声明和注释 实现在JSP页面中获取客户端请求信息 实现在JSP页面中与数据库的访问交互,本章目标,掌握JSP基本语法 掌握使用request对象获取请求信息,为什么需要JSP 2-1,为什么需要基于B/S技术的动态网

2、页？ B/S技术的特点是什么？,使用动态网页，可以动态输出网页内容、同用户进行交互、对网页内容进行在线更新,应用 服务器,IE,IE,解释执行 HTML文件,从服务器端检索到的信息,返回响应,客户端的请求信息,发送请求,运行JSP等 服务器端程序,1,用户输入,2,3,4,数据库 服务器,为什么需要JSP 2-2,如何在浏览器上动态输出当前日期？, 输出当前日期 你好，ACCP！ 今天是 ,显然，无法通过静态HTML完成这个效果，试一试JSP，看看是否可行,什么是JSP,JSP (Java Server Pages)是指： 在HTML中嵌入Java脚本代码 由应用服务器中的JSP引擎来编译和执

3、行嵌入的Java脚本代码 然后将生成的整个页面信息返回给客户端,3,执行,2,翻译,编译,1,请求,响应,JSP 执行过程 2-1,Web容器处理JSP文件请求需要经过3个阶段： 翻译阶段 编译阶段 执行阶段,应用服务器,客户端,JSP文件,.java,.class,执行,第二次请求,响应,JSP 执行过程 2-2,第一次请求之后，Web容器可以重用已经编译好的字节码文件,应用服务器,客户端,.class,注意：如果对JSP文件进行了修改，Web容器会重新对JSP文件进行翻译和编译,JSP 页面组成,JSP 页面的元素包括：,静态内容,指 令,表达式,小脚本,HTML静态文本,以“ ” 结束。

4、 比如：,声 明,注释, ,什么是page指令,page指令 通过设置内部的多个属性来定义整个页面的属性 语法： page指令常用属性,小脚本与表达式,在JSP页面中计算两个数的和，将结果输出显示, 计算求和 两个数的求和结果为： ,指令,小脚本,表达式,什么是声明,声明就是在JSP页面中定义Java的变量和方法 语法：, 你好，今天是 ,方法声明后可在页面中多处调用,JSP中的注释,合理、详细的注释有利于代码后期的维护和阅读 在JSP文件的编写过程中，共有三种注释方法： HTML的注释： JSP注释： 在JSP脚本中注释： ,缺点：不安全，加大网络传输负担,练习方法和注释的应用,需求说明：

5、编写JSP页面，计算20002010年中有几个闰年 使用表达式输出结果,完成时间：25分钟,Web程序的调试与排错,在运行Web程序时，常犯的一些错误有： 未启动Tomcat服务，或者没有在预期的端口中启动Tomcat服务 未部署Web应用，就试图运行Web程序 运行时，URL输入错误 存放文件的目录无法对外引用，如：文件放入了WEB-INF、META-INF等文件夹,错误1：未启动Tomcat,排除错误： 启动Tomcat服务 如果控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致，按照实际端口号重新运行,错误现象,排错方法： 检查Tomcat服务能否正确运行,1,2,3,错

6、误2：未部署Web应用,排除错误： 部署Web应用,排错方法：检查Web应用是否正确部署,尚未部署,错误现象,1,2,3,错误3：URL输入错误,排除错误：使用正确的URL,错误现象,排错方法： 检查URL,http:/localhost:8080/news/index.html,文件名称与路径要写对,协议,主机IP地址,1,2,3,错误4：目录不能被引用,排除错误：把index.html文件拖至WebRoot文件夹下,错误现象,排错方法： 检查文件的存放位置,META-INF，WEB-INF文件夹下的内容无法对外发布,1,2,3,什么是JSP内置对象,JSP内置对象是 Web 容器创建的一组

7、对象 JSP内置对象的名称是JSP 的保留字 JSP内置对象是可以直接在JSP页面使用的对象，无需使用“new”获取实例,没有出现new关键字，但却可以使用request对象,JSP内置对象,常用的JSP内置对象,常用内置对象,request,response,out,application,session,JSP内置对象request 6-1,request对象主要用于处理客户端请求,request 对象,客户端,请求,请求信息,JSP内置对象request 6-2,request对象常用方法,JSP内置对象request 6-3,编程实现ACCP学员的注册功能 注册信息包括：用户名、密码、

8、你从哪里知道ACCP 页面提交后，显示学员输入的数据,1,2,JSP内置对象request 6-4,学员注册页面, 用户名 密码 你从哪里知道ACCP 报刊 网络 朋友推荐 电视 ,JSP内置对象request 6-5,信息读取显示页面,为什么我们输入的中文都是乱码显示？,JSP内置对象request 6-6,在进行页面开发时，存在多种字符集编码设置，我们只需要在页面设置支持中文字符的字符集就可以了,练习注册页面请求信息获取,需求说明： 编写注册页面 通过表单提交注册信息 在提交页面中获取表单提交数据 将获取的数据输出显示,完成时间：25分钟,练习制作新闻发布页面,需求说明： 编写新闻发布页面 使用JavaScript在表单提交时进行验证 在浏览器中能够访问此页面,完成时间：25分钟,练习制作添加主题页面,需求说明： 编写新闻主题添加页面 使用JavaScript在表单提交时进行验证 在浏览器中能够访问此页面,完成时间：20分钟,共性问题集中讲解,常见调试问题及解决办法 代码规范问题,共性问题集中讲解,总结,创建Web项目的步骤有哪些？ JSP页面组成包