第17章 Web应用开发基础.ppt

1、第17章Web应用开发基础,客户端开发技术Tomcat应用服务器安装与配置Servlet技术JSP技术,17.1客户端开发技术,HTML简介HTML（HypertextMarkupLanguage）即超文本标记语言，是用于描述网页文档的一种标记语言。HTML之所以称为超文本标记语言，是因为文本可以包含超链接。超链接就是一种URL指针，用户通过点击它，可使浏览器跳转到新的网页，这也是HTML获得广泛应用的最重要原因之一。HTML文件包含大量标记符，标记符包括开始标记和结束标记，通常成对出现。,17.1客户端开发技术,HTML标记,17.1客户端开发技术,HTML标记,17.1客户端开发技术,HT

2、ML文件示例,17.1客户端开发技术,HTML文件示例（续）,17.1客户端开发技术,HTML简介将上面的代码输入到记事本中，并保存为book.html文件。在book.html文件上双击鼠标，在浏览器中打开此文件，显示效果如图。,17.1客户端开发技术,JavaScript技术JavaScript是一种基于对象和事件驱动、并具有相对安全性的客户端脚本语言；同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能。,17.1客户端开发技术,JavaScript主要语法,17.1客户端开发技术,JavaScript主要语法（续）,17.1客户端开发技术,JavaScrip

3、t的主要作用表单数据验证动态HTML效果用户交互数据查找数据绑定,17.1客户端开发技术,JavaScript脚本示例对book.html文件进行修改，在图书信息表格上方加入一个按钮，即在标记的前一行增加下面的代码，将文件另存为bookWithButton.html。是否选中,17.1客户端开发技术,JavaScript脚本示例增加JavaScript脚本响应按钮点击事件。在标记的后面增加标记对：,17.1客户端开发技术,JavaScript脚本示例在浏览器中运行bookWithButton.html，单击按钮，则转去执行JavaScript脚本代码，在代码中判断图书信息前的单选按钮是否被选中

4、，给出相应的提示信息。,17.1客户端开发技术,JavaApplet技术JavaApplet是包含在网页中的“小应用程序”，它不能独立运行，而必须嵌入在HTML文件中。当用户在网上浏览含有Applet的网页时，Applet就随网页一起下载到客户端的浏览器中，并借助浏览器中的Java虚拟机运行。,17.1客户端开发技术,JavaApplet示例定义AppletDemo类，将代码保存为AppletDemo.java，然后使用Java编译器将其编译为AppletDemo.class。,17.1客户端开发技术,JavaApplet示例下面编写一个HTML文件applettest.html，并将Appl

5、etDemo.class嵌入到applettest.html文件中。,17.1客户端开发技术,JavaApplet示例将applettest.html和AppletDemo.class放在同一个目录下，使用浏览器打开applettest.html文件。,17.2Tomcat应用服务器安装与配置,在Windows上安装Tomcat在安装使用Tomcat之前，先安装JDK。Tomcat软件可在Tomcat官方站点（/dist/jakarta/tomcat-6/）下载。,17.2Tomcat应用服务器安装与配置,在Windows上安装Tomcat安装Tomca

6、t的步骤：单击下载后的可执行文件apache-tomcat-6.0.32.exe。在弹出的窗口中单击【Next】按钮开始安装。在弹出的界面中选择要安装的组件，可以选择“full”，然后单击【Next】按钮。,17.2Tomcat应用服务器安装与配置,在Windows上安装Tomcat安装Tomcat的步骤：配置Tomcat，输入用户名及密码，如图所示。,17.2Tomcat应用服务器安装与配置,在Windows上安装Tomcat安装Tomcat的步骤：选择已经安装的Java虚拟机的位置，如图所示。,17.2Tomcat应用服务器安装与配置,在Windows上安装Tomcat安装Tomcat的步

7、骤：选择Tomcat的安装目录，如图所示。然后单击【Install】按钮开始安装。,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用Tomcat服务器的配置在“我的电脑”上单击鼠标右键，选择“属性”“高级”“环境变量”，在“环境变量”窗口中添加如下环境变量（本文中Tomcat安装在D:Tomcat6.0）：CATALINA_HOME=D:Tomcat6.0CATALINA_BASE=D:Tomcat6.0TOMCAT_HOME=D:Tomcat6.0,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用Tomcat服务器的配置确认JAVA_HOME的

8、设置。在Windows操作系统下，所使用的JDK安装在目录D:jdk1.6下，则将JAVA_HOME设置如下：JAVA_HOME=D:jdk1.6,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用Tomcat服务器的配置修改环境变量中的classpath，将Tomcat安装目录下的libservlet-api.jar追加到classpath中去，即在classpath原来设置的最后增加字符串：“%CATALINA_HOME%libservlet-api.jar;”。,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用启动Tomcat服务器在Wind

9、ows操作系统下，可以通过运行菜单开始所有程序ApacheTomcat6.0ConfigureTomcat，对Tomcat服务器进行配置。,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用Tomcat服务器启动、停止在Windows操作系统下，可以通过运行菜单开始所有程序ApacheTomcat6.0ConfigureTomcat，对Tomcat服务器进行配置。在配置界面中的“General”标签下点击【Start】按钮（见图(a)所示），Tomcat服务器开始启动，启动后的界面如图(b)所示。,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用T

10、omcat服务器的监控在Windows操作系统下，也可以通过运行菜单开始所有程序ApacheTomcat6.0MonitorTomcat，则启动Tomcat服务器监控。在屏幕右下角的任务栏上出现图标，表示Tomcat服务器已经启动；出现图标，表示Tomcat服务器已经停止。在图标上双击，弹出配置界面，可以启动或停止Tomcat服务器。,17.2Tomcat应用服务器安装与配置,Tomcat服务器的配置与使用测试Tomcat服务器启动Tomcat服务器，在浏览器地址栏中输入http:/localhost:8080，如果显示如图17-10所示的首页面，则说明安装成功了。,17.3Servlet技术

11、,测试Tomcat服务器Servlet是由服务器端调用和执行的Java程序，它介于浏览器（或其他HTTP客户端）与服务器之间，起到桥梁的作用。Servlet可以在启用Java的Web服务器或应用服务器上运行，使服务器的能力得到扩展。,17.3Servlet技术,Servlet的基本结构在ServletAPI中最重要的是Servlet接口，所有的servlets都必须实现该接口，可以直接实现该接口，也可以通过扩展HttpServlet类来实现。这个Servlet接口提供了Servlet类与客户端联系的方法。,17.3Servlet技术,Servlet的基本结构Servlet类的一般结构：,17.

12、3Servlet技术,Servlet的基本结构doGet方法用来处理HTTP的GET请求，允许客户从服务器上获得（GET）资源。doPost方法用来处理HTTP的POST请求（如以POST方式提交表单时，指定Servlet为请求处理者）。,17.3Servlet技术,Servlet的生命周期Servlet的生命周期包括创建、运行和销毁Servlet对象。创建对象时，会调用Servlet的init方法；在运行期间，针对每个客户端的每个请求，都会创建一个线程，该线程调用Servlet实例的service方法。service方法根据收到的HTTP请求的类型，调用doGet、doPost或者其他方法。

13、如果需要销毁某个Servlet对象，服务器将调用Servlet的destroy方法。,17.3Servlet技术,Servlet的生命周期Init方法publicvoidinit(ServletConfigconfig)throwsServletExceptionServlet第一次被请求加载时，服务器初始化一个Servlet对象，该对象调用init方法完成必要的初始化工作。,17.3Servlet技术,Servlet的生命周期Service方法publicvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)thr

14、owsServletException,IOException当Servlet对象成功创建和初始化之后，就调用service方法来处理用户的请求并返回响应。,17.3Servlet技术,Servlet的生命周期destroy方法publicdestroy()Servlet类可直接使用继承的这个方法，一般不需要重写。,17.3Servlet技术,Servlet的生命周期Servlet示例：HelloServlet.java将在页面中输出“helloworld”字符串。importjava.io.IOException;importjavax.servlet.ServletException;im

15、portjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;/*ServletimplementationclassHelloServlet*/,17.3Servlet技术,Servlet的生命周期Servlet示例：publicclassHelloServletextendsHttpServletprivatestaticfinallongserialVersionUID=1L;publicHelloSer

16、vlet()super();protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOExceptionresponse.getOutputStream().println(helloworld);,17.3Servlet技术,Servlet的生命周期Servlet示例：protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletExceptio

17、n,IOExceptiondoGet(request,response);,17.3Servlet技术,Servlet的创建、编译及运行使用Servlet需要具备以下条件：JDKWeb服务器。例如，Apache、Tomcat等。Servlet容器。Servlet容器是用来加载、初始化和执行Servlet的组件。Tomcat是一个很好的选择。开发工具。可以使用最简单的文本编辑器，如记事本。也可以使用集成开发工具，如JCreator、Eclipse等。客户端浏览器。调用Servlet需要由客户端浏览器触发。,17.3Servlet技术,Servlet的创建、编译及运行在Tomcat服务器下，创建、

18、编译及运行Servlet创建Web应用：在Tomcat安装目录的webapps目录中，新建一个目录testapp（即Web应用）。创建Servlet在testapp下新建目录WEB-INFclassestest；在test目录下创建HelloServlet.java文件。,17.3Servlet技术,Servlet的创建、编译及运行在Tomcat服务器下，创建、编译及运行Servlet(续)编译Servlet：在命令窗口中使用下面的命令来编译Servlet。javacHelloServlet.java新建文件web.xml：Servlet必须使用D:Tomcat6.0webappstestap

19、pWEB-INF目录下的web.xml文件进行注册。web.xml文件,17.3Servlet技术,Servlet的创建、编译及运行在Tomcat服务器下，创建、编译及运行Servlet(续)运行Servlet：启动Tomcat服务器，在地址栏中输入http:/localhost:8080/testapp/HelloServlet,17.4JSP技术,JSP（JavaServerPages）也是JavaEE规范之一，是一种动态网页技术标准。JSP是在传统的网页HTML文件（*.htm，*.html）中插入Java程序段和JSP标记，从而形成JSP文件（*.jsp）。,17.4JSP技术,JSP

20、的基本运行原理,17.4JSP技术,JSP的指令include指令：用于包含一个文件，在JSP页面被编译成Servlet时引入静态文件（可能是HTML文件、JSP文件或其他类型的文件）；page指令：能够控制从JSP页面生成的Servlet的属性和结构；taglib指令：允许用户自定义新的标记。,17.4JSP技术,JSP的主要指令与语法,17.4JSP技术,JSP的主要指令与语法（续）,17.4JSP技术,JSP的内置对象,17.4JSP技术,JSP的内置对象（续）,17.4JSP技术,JSP示例：currentTime.jsphelloworld示例Currenttimeis:,17.4JSP技术,JSP动作JSP动作使用动作标签来标记Servlet引擎的行为，可以完成在程序中动态插入文件、JavaBean组件、重定向到其他页面等功能。JSP动作标签分为两类，Resource动作和JavaBean动作。JSP动作格式:,17.4JSP技术,Resource动作Resource动作：,17.4JSP技术,Resource动作：动作标签告诉JSP页面动态包含一个文件，即JSP页面运行时才将文件