JavaWeb应用技术基础.ppt

第二章 Java Web应用技术基础 本章要点uuHTML网页设计基本知识uuCSS的基本知识uuServlet技术基础及应用uuJSP的基本知识及应用uu使用JDBC访问数据库uu实现基于数据库的登录验证2.1 HTML网页设计网页设计 uuHTML网页基本标记HTMLHTML（HyperTextMark-upLanguageHyperTextMark-upLanguage，超文本标记语言），是目前网络上应用最为广超文本标记语言），是目前网络上应用最为广泛的语言，也是构成网页的主要语言。泛的语言，也是构成网页的主要语言。HTMLHTML文档的内容一般都位于文档的内容一般都位于和和之之间，分为首部（间，分为首部（headhead）和主体（）和主体（bodybody）两个）两个部分。文档中的命令一般采用部分。文档中的命令一般采用“”和和“/“”形式配对出现，有些标记也可以单形式配对出现，有些标记也可以单个出现，标记符不区分大小写。个出现，标记符不区分大小写。bodybody及其属性及其属性及其属性及其属性 uu是是HTMLHTML文档的主体部分，在此文档的主体部分，在此标记对之间可包含标记对之间可包含、等等许多标记，它们所定义的文本、等等许多标记，它们所定义的文本、图像等将会在浏览器窗口显示出来。图像等将会在浏览器窗口显示出来。文本及格式标记文本及格式标记文本及格式标记文本及格式标记 超级链接超级链接超级链接超级链接 表格表格uu标记对用来创建一个表格。标记对用来创建一个表格。图像图像图像图像 uu表单表单在表单在WebWeb网页中用来给访问者填写信息，从网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个一般是将表单设计在一个HTMLHTML文档中，当用文档中，当用户填写完信息后做提交（户填写完信息后做提交（SubmitSubmit）操作，表）操作，表单的内容就从客户端的浏览器传送到服务器上，单的内容就从客户端的浏览器传送到服务器上，经过服务器处理程序处理后，再将用户所需信经过服务器处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有息传送回客户端的浏览器上，这样网页就具有了交互性。了交互性。标记对用来创建一个表单。标记对用来创建一个表单。标记具有标记具有actionaction、methodmethod和和targettarget属性。属性。表单域表单域uu 标记用来定义一个用户输入区或操作标记用来定义一个用户输入区或操作按钮。它的主要属性有按钮。它的主要属性有typetype、namename和和valuevalue。typetype属性属性指定表单域的类型；指定表单域的类型；namename属性指定表单域的名称（服务属性指定表单域的名称（服务器将通过这个名字获得表单域的数据）；器将通过这个名字获得表单域的数据）；valuevalue属性指定属性指定表单域的缺省值。这种类型的表单域有表单域的缺省值。这种类型的表单域有8 8种类型，如表种类型，如表2-62-6所示。所示。uu 标记对用来创建一个下拉列表框或标记对用来创建一个下拉列表框或可以复选的列表框。可以复选的列表框。uu 用来创建一个可以输入多行用来创建一个可以输入多行的文本框，即文本区。的文本框，即文本区。uu案例2-1登录和注册网页设计设计一个登录网页和一个注册网页，登录网页设计一个登录网页和一个注册网页，登录网页的运行效果如图的运行效果如图2-12-1所示。单击【注册】按钮，所示。单击【注册】按钮，可进入注册页面，注册页面的运行效果如图可进入注册页面，注册页面的运行效果如图2-2-2 2所示。所示。技术要点技术要点技术要点技术要点uu在【在【WebWeb页】文件夹下建立登录网页页】文件夹下建立登录网页login.htmllogin.html和和注册网页注册网页register.htmlregister.html。uu在在NetBeansNetBeans下选择【窗口】下选择【窗口】【组件面板】菜单【组件面板】菜单命令打开【组件面板】，利用【组件面板】中的组命令打开【组件面板】，利用【组件面板】中的组件设计件设计HTMLHTML网页。网页。uu用用JavaScriptJavaScript验证表单验证表单 验证表单就是对表单中输入的数据进行检验，如，用户名是否为验证表单就是对表单中输入的数据进行检验，如，用户名是否为空？电子邮件地址是否符合格式？如果表单中填入的数据不符合空？电子邮件地址是否符合格式？如果表单中填入的数据不符合要求，则禁止提交，并给用户适当的提示信息，以便用户重新输要求，则禁止提交，并给用户适当的提示信息，以便用户重新输入。表单验证有两种：一种是在客户端，一种是在服务器端。这入。表单验证有两种：一种是在客户端，一种是在服务器端。这里介绍的是客户端表单验证。里介绍的是客户端表单验证。uuCSSCSS CSSCSS（CascadingStyleSheetCascadingStyleSheet，层叠样式表），简称样式表。，层叠样式表），简称样式表。它是一种用户增强控制页面样式并允许将样式信息与页面内容分它是一种用户增强控制页面样式并允许将样式信息与页面内容分离的标记性语言。其作用可以概括为以下几点：离的标记性语言。其作用可以概括为以下几点：uu内容与表现分离。内容与表现分离。uu可以使网页的表现非常统一，并且容易修改。可以使网页的表现非常统一，并且容易修改。uu减少重复的代码编写。减少重复的代码编写。uu增加网页的浏览速度。增加网页的浏览速度。uu减少存储。减少存储。uu案例2-2用样式表修饰登录和注册网页案例案例2-12-1设计的网页不够美观，可以通过样式设计的网页不够美观，可以通过样式表来修饰登录和注册网页。登录网页的运行效表来修饰登录和注册网页。登录网页的运行效果如图果如图2-42-4所示，注册网页的运行效果如图所示，注册网页的运行效果如图2-32-3所示。所示。2.2 Servlet技术 uu什么是什么是ServletServlet ServletServlet是用是用JavaJava编写的与平台无关的服务器端组件，编写的与平台无关的服务器端组件，它可以接收它可以接收WebWeb浏览器或其他浏览器或其他HTTPHTTP客户程序发出的请客户程序发出的请求，生成动态的求，生成动态的WebWeb页面，或担当页面，或担当HTTPHTTP服务器上的数服务器上的数据库和应用程序的中间层（控制器）。据库和应用程序的中间层（控制器）。ServletServlet框架是由框架是由javax.servletjavax.servlet和和javax.servlet.httpjavax.servlet.http两个两个JavaJava包组成。在包组成。在javax.servletjavax.servlet包中定义了所有的包中定义了所有的ServletServlet类都必须实现或扩展的通用接口和类。在类都必须实现或扩展的通用接口和类。在javax.servlet.httpjavax.servlet.http包中定义了采用包中定义了采用HTTPHTTP协议通信的协议通信的HttpServletHttpServlet类。类。uu如何建立如何建立ServletServlet创建创建ServletServlet有三种方法：有三种方法：实现实现实现实现ServletServlet接口接口接口接口 创建一个创建一个ServletServlet类，必须直接或者间接实现接口。类，必须直接或者间接实现接口。继承继承继承继承GenericServletGenericServletServletAPIServletAPI提供了提供了ServletServlet接口的直接实现，称为接口的直接实现，称为GenericServletGenericServlet。继承继承继承继承HttpServletHttpServletHttpServletHttpServlet类是类的一个子类。类是类的一个子类。uu案例2-3建立用户登录Servlet利用案例利用案例2-22-2设计的登录网页设计的登录网页login.htmllogin.html，采，采用用ServletServlet进行登录验证，登录成功显示如图进行登录验证，登录成功显示如图2-52-5所示界面，登录失败显示如图所示界面，登录失败显示如图2-62-6所示界面。所示界面。技术要点技术要点技术要点技术要点uu建立一个建立一个HttpServletHttpServlet接收用户请求。在接收用户请求。在processRequestprocessRequest()()方法中处理用户请求。方法中处理用户请求。NetBeansNetBeans生成的生成的ServletServlet自动增加了自动增加了processRequest()processRequest()方法，该方法被方法，该方法被doGetdoGet()()和和doPost()doPost()方法调用。方法调用。uu通过通过request.getParameter()request.getParameter()方法获得用户提交方法获得用户提交的数据。的数据。uu通过通过response.getWriter()response.getWriter()方法获得输出流，向方法获得输出流，向客户端输出验证结果。客户端输出验证结果。uu处理请求和响应客户端向服务器端发送一个请求，服务器端获客户端向服务器端发送一个请求，服务器端获得该请求后，处理请求并把处理的结果返回到得该请求后，处理请求并把处理的结果返回到客户端，这个过程建立在客户端，这个过程建立在HTTPHTTP协议协议“请求请求-响响应应”模式基础上。在服务器端，模式基础上。在服务器端，ServletServlet程序程序的运行需要两个基本的的运行需要两个基本的ServletServlet对象，一个是对象，一个是ServletServlet的请求对象，一个是的请求对象，一个是ServletServlet的响应对的响应对象。请求对象中包含了客户端请求的一些细节，象。请求对象中包含了客户端请求的一些细节，如请求的方法，请求的文件头等。响应对象中如请求的方法，请求的文件头等。响应对象中包含了服务器端在响应时的一些细节，如响应包含了服务器端在响应时的一些细节，如响应的文件类型，响应的编码等。的文件类型，响应的编码等。HttpServletRequestHttpServletRequest接口接口接口接口uuHttpServletRequestHttpServletRequest接口继承了接口继承了接口继承了接口继承了ServletRequestServletRequest接口。接口。接口。接口。ServletRequestServletRequest接口封装了客户请求信息，如客户请求方接口封装了客户请求信息，如客户请求方接口封装了客户请求信息，如客户请求方接口封装了客户请求信息，如客户请求方式、参数名和参数值、客户端正在使用的协议，以及发出客户式、参数名和参数值、客户端正在使用的协议，以及发出客户式、参数名和参数值、客户端正在使用的协议，以及发出客户式、参数名和参数值、客户端正在使用的协议，以及发出客户请求的远程主机信息等。它还为请求的远程主机信息等。它还为请求的远程主机信息等。它还为请求的远程主机信息等。它还为ServletServlet提供了直接以二进制提供了直接以二进制提供了直接以二进制提供了直接以二进制数方式读取客户请求数据流的数方式读取客户请求数据流的数方式读取客户请求数据流的数方式读取客户请求数据流的ServletInputStreamServletInputStream。HttpServletRequestHttpServletRequest可以为可以为可以为可以为ServletServlet提供更多的与提供更多的与提供更多的与提供更多的与HTTPHTTP协议相关的数据，如提供了读取协议相关的数据，如提供了读取协议相关的数据，如提供了读取协议相关的数据，如提供了读取HTTP HeadHTTP Head信息的方法，获信息的方法，获信息的方法，获信息的方法，获取取取取SessionSession和和和和CookieCookie的方法。的方法。的方法。的方法。HttpServletResponseHttpServletResponse接口接口接口接口uuHttpServletResponseHttpServletResponse接口继承了接口继承了ServletResponseServletResponse接口。接口。ServletResponseServletResponse接口接口封装了响应客户请求的方法，如设置响应的内容类封装了响应客户请求的方法，如设置响应的内容类型，设置响应的编码方式，获取输出流型，设置响应的编码方式，获取输出流ServletOulputStreamServletOulputStream等。等。HttpServletResponseHttpServletResponse可以为可以为ServletServlet提供更多的提供更多的与与HTTPHTTP协议相关的方法，如提供了设置响应头，添协议相关的方法，如提供了设置响应头，添加加CookieCookie等。等。uu案例2-3使用Servlet实现验证码为登录网页增加验证码功能，运行效果如图为登录网页增加验证码功能，运行效果如图2-2-7 7所示。所示。技术要点技术要点技术要点技术要点uu建立一个缓冲区图像（建立一个缓冲区图像（BufferedImageBufferedImage）对象，在此对象上）对象，在此对象上先生成图像，再用先生成图像，再用javax.imageio.ImageIOjavax.imageio.ImageIO的的write()write()方法方法将图像输出到客户端。将图像输出到客户端。uu随机产生字符的方法是：事先将随机产生字符的方法是：事先将1010个数字和个数字和2626个英文字母都个英文字母都存放在一个字符串中，然后通过存放在一个字符串中，然后通过Math.random()Math.random()随机确定一随机确定一个位置，再从该位置取出字符。取得的字符利用个位置，再从该位置取出字符。取得的字符利用GraphicsGraphics的的drawStringdrawString()()方法画到图像对象上。方法画到图像对象上。uu输出图像时，要设置输出图像时，要设置contentTypecontentType：response.setContentType(image/jpeg)response.setContentType(image/jpeg)，同时要设置，同时要设置不缓存。不缓存。2.3 JSP页面设计页面设计 uu什么是什么是JSPJSP JSPJSP（JavaServerPageJavaServerPage），是），是ServletServlet的扩展，其目的扩展，其目的是简化的是简化WebWeb程序的开发。在传统的网页程序的开发。在传统的网页HTMLHTML文件文件(*.htm,*.html)(*.htm,*.html)中加入中加入JavaJava程序片段程序片段(ScriptLet)(ScriptLet)和和JSPJSP标签标签(tag)(tag)，就构成了，就构成了JSPJSP网页网页(*.jsp)(*.jsp)。JavaJava程程序片段可以操纵数据库、重新定向网页以及发送序片段可以操纵数据库、重新定向网页以及发送E-E-mailmail等，实现建立动态网站所需要的功能。所有程序等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大大降低了对客户浏览器的要求，得到的结果，这样大大降低了对客户浏览器的要求，即使客户浏览器端不支持即使客户浏览器端不支持JavaJava，也可以访问，也可以访问JSPJSP网页。网页。当当WebWeb浏览器端发送过来一个页面请求时，浏览器端发送过来一个页面请求时，WebWeb服务服务器先判断是否是器先判断是否是JSPJSP页面请求。如果该页面只是一般的页面请求。如果该页面只是一般的HTML/XMLHTML/XML页面请求，则直接将页面请求，则直接将HTML/XMLHTML/XML页面代码页面代码传给传给WebWeb浏览器端。如果请求的页面是浏览器端。如果请求的页面是JSPJSP页面，则由页面，则由JSPJSP引擎检查该引擎检查该JSPJSP页面，如果该页面是第一次被请求、页面，如果该页面是第一次被请求、或不是第一次被请求但已被修改，则或不是第一次被请求但已被修改，则JSPJSP引擎将此引擎将此JSPJSP页面代码转换成页面代码转换成ServletServlet代码，然后代码，然后JSPJSP引擎调用服务引擎调用服务器端的器端的JavaJava编译器编译器javac.exejavac.exe对对ServletServlet代码进行编译，代码进行编译，把它变成字节码把它变成字节码(.class)(.class)文件，然后再调用文件，然后再调用JAVAJAVA虚拟虚拟机执行该字节码文件，最后将执行结果传给机执行该字节码文件，最后将执行结果传给WebWeb浏览浏览器端。如果该器端。如果该JSPJSP页面不是第一次被请求，且没有被修页面不是第一次被请求，且没有被修改过，则直接由改过，则直接由JSPJSP引擎调用引擎调用JavaJava虚拟机执行已编译过虚拟机执行已编译过的字节码的字节码.class.class文件，然后将结果传送给文件，然后将结果传送给WebWeb浏览器浏览器端。端。uuJSPJSP网页的组成网页的组成 JSPJSP基本元素基本元素基本元素基本元素uuHTMLHTML注释注释注释注释()()在客户端显示的注释。在客户端显示的注释。uuJSPJSP注释注释注释注释()()不发送给客户端，但保留在不发送给客户端，但保留在JSPJSP页面中页面中的注释。的注释。uuHTMLHTML页面元素页面元素页面元素页面元素 普通的普通的HTMLHTML页面组成元素。页面组成元素。uu表达式表达式表达式表达式()()符合符合JSPJSP语法的表达式。语法的表达式。uuJavaJava程序片段（程序片段（程序片段（程序片段（ScriptLetScriptLet）()()符合符合JSPJSP语法的代码语法的代码段。例如：段。例如：%for(inti=0;i8;i+)for(inti=0;i%JSPJSP指令指令指令指令uuJSPJSP指令主要用来提供整个指令主要用来提供整个JSPJSP页面的相关信息和页面的相关信息和设置设置JSPJSP页面的相关属性，如设置网页的编码方式、页面的相关属性，如设置网页的编码方式、脚本语言，以及包含外部文件等。脚本语言，以及包含外部文件等。uuIncludeInclude指令指令指令指令 用于包含一个文本或代码的文件，用于包含一个文本或代码的文件，属于静态包含。例如：属于静态包含。例如：uuPagePage指令指令指令指令 定义整个定义整个JSPJSP页面的全局属性，参见表页面的全局属性，参见表2-42-4的说明。的说明。uuTaglibTaglib指令指令指令指令 用来引用标签。其属性用来引用标签。其属性uriuri指明标签库指明标签库文件的存放位置，文件的存放位置，prefixprefix指明该标签使用时的前缀。指明该标签使用时的前缀。例如：例如：JSPJSP行为标签行为标签行为标签行为标签uuJSPJSP行为标签即行为标签即行为标签即行为标签即actionaction标签，属于服务器端的标签，属于服务器端的标签，属于服务器端的标签，属于服务器端的JSPJSP元素，它执行服务器端的任务而不需编写元素，它执行服务器端的任务而不需编写元素，它执行服务器端的任务而不需编写元素，它执行服务器端的任务而不需编写JavaJava代码，可大大提高了开发效率。代码，可大大提高了开发效率。代码，可大大提高了开发效率。代码，可大大提高了开发效率。uuJSP隐含对象所谓所谓JSPJSP隐含对象，是指那些在隐含对象，是指那些在JSPJSP中不用显式中不用显式声明就能使用的特定对象。声明就能使用的特定对象。JSPJSP有有9 9个隐含对象：个隐含对象：requestrequest、responseresponse、sessionsession、applicationapplication、outout、pagepage、configconfig、exceptionexception、pageContextpageContext。前。前5 5个对象分别个对象分别与与ServletServlet中的中的HttpServletRequestHttpServletRequest、HttpServletResponseHttpServletResponse、HttpSessionHttpSession、ServletContextServletContext、ServletConfigServletConfig对象对应。对象对应。uu案例2-4使用JSP实现用户登录验证JSPJSP实质就是实质就是ServletServlet，因此它可以完成，因此它可以完成ServletServlet所完成的功能，而且所完成的功能，而且JSPJSP在输出上具有在输出上具有优势。用优势。用JSPJSP实现用户登录验证运行的界面效实现用户登录验证运行的界面效果和案例果和案例2-32-3的效果一样。的效果一样。技术要点技术要点技术要点技术要点uuJSPJSP中使用中使用加入加入JavaJava程序片段，在程序片段，在JavaJava程序片段中，使用程序片段中，使用JSPJSP的内在对象的内在对象requestrequest获得用户获得用户提交数据，并进行判断。提交数据，并进行判断。uu显示的内容直接以显示的内容直接以HTMLHTML内容输出。内容输出。