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