JavaWeb应用技术基础.ppt

第二章 Java Web应用技术基础,本章要点,HTML网页设计基本知识 CSS的基本知识 Servlet技术基础及应用 JSP的基本知识及应用 使用JDBC访问数据库 实现基于数据库的登录验证,2.1 HTML网页设计,HTML网页基本标记 HTML（Hyper Text Mark-up Language，超文本标记语言），是目前网络上应用最为广泛的语言，也是构成网页的主要语言。HTML文档的内容一般都位于和之间，分为首部（head）和主体（body）两个部分。文档中的命令一般采用“”和“”形式配对出现，有些标记也可以单个出现，标记符不区分大小写。,body及其属性 是HTML文档的主体部分，在此标记对之间可包含、等等许多标记，它们所定义的文本、图像等将会在浏览器窗口显示出来。,文本及格式标记,超级链接,表格 标记对用来创建一个表格。,图像,表单 表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个HTML文档中，当用户填写完信息后做提交（Submit）操作，表单的内容就从客户端的浏览器传送到服务器上，经过服务器处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。 标记对用来创建一个表单。标记具有action、method和target属性。,表单域 标记用来定义一个用户输入区或操作按钮。它的主要属性有type、name和value。type属性指定表单域的类型；name属性指定表单域的名称（服务器将通过这个名字获得表单域的数据）；value属性指定表单域的缺省值。这种类型的表单域有8种类型，如表2-6所示。 标记对用来创建一个下拉列表框或可以复选的列表框。 用来创建一个可以输入多行的文本框，即文本区。,案例2-1 登录和注册网页设计 设计一个登录网页和一个注册网页，登录网页的运行效果如图2-1所示。单击【注册】按钮，可进入注册页面，注册页面的运行效果如图2-2所示。,技术要点 在【Web页】文件夹下建立登录网页login.html和注册网页register.html。 在NetBeans下选择【窗口】【组件面板】菜单命令打开【组件面板】，利用【组件面板】中的组件设计HTML网页。,用JavaScript验证表单 验证表单就是对表单中输入的数据进行检验，如，用户名是否为空？电子邮件地址是否符合格式？如果表单中填入的数据不符合要求，则禁止提交，并给用户适当的提示信息，以便用户重新输入。表单验证有两种：一种是在客户端，一种是在服务器端。这里介绍的是客户端表单验证。 CSS CSS（Cascading Style Sheet，层叠样式表），简称样式表。它是一种用户增强控制页面样式并允许将样式信息与页面内容分离的标记性语言。其作用可以概括为以下几点： 内容与表现分离。 可以使网页的表现非常统一，并且容易修改。 减少重复的代码编写。 增加网页的浏览速度。 减少存储。,案例 2-2 用样式表修饰登录和注册网页 案例2-1设计的网页不够美观，可以通过样式表来修饰登录和注册网页。登录网页的运行效果如图2-4所示，注册网页的运行效果如图2-3所示。,2.2 Servlet技术,什么是Servlet Servlet是用Java编写的与平台无关的服务器端组件，它可以接收Web浏览器或其他HTTP客户程序发出的请求，生成动态的Web页面，或担当HTTP服务器上的数据库和应用程序的中间层（控制器）。 Servlet框架是由javax.servlet和javax.servlet.http两个Java包组成。在javax.servlet包中定义了所有的Servlet类都必须实现或扩展的通用接口和类。在javax.servlet.http包中定义了采用HTTP协议通信的HttpServlet类。,如何建立Servlet 创建Servlet有三种方法： 实现Servlet接口 创建一个Servlet类，必须直接或者间接实现javax.servlet.Servlet接口。 继承GenericServlet Servlet API提供了Servlet接口的直接实现，称为GenericServlet。 继承HttpServlet HttpServlet类是javax.servlet.GenericServlet类的一个子类。,案例2-3 建立用户登录Servlet 利用案例2-2设计的登录网页login.html，采用Servlet进行登录验证，登录成功显示如图2-5所示界面，登录失败显示如图2-6所示界面。,技术要点 建立一个HttpServlet接收用户请求。在processRequest()方法中处理用户请求。NetBeans生成的Servlet自动增加了processRequest()方法，该方法被doGet()和doPost()方法调用。 通过request.getParameter()方法获得用户提交的数据。 通过response.getWriter()方法获得输出流，向客户端输出验证结果。,处理请求和响应 客户端向服务器端发送一个请求，服务器端获得该请求后，处理请求并把处理的结果返回到客户端，这个过程建立在HTTP协议“请求-响应”模式基础上。在服务器端，Servlet程序的运行需要两个基本的Servlet对象，一个是Servlet的请求对象，一个是Servlet的响应对象。请求对象中包含了客户端请求的一些细节，如请求的方法，请求的文件头等。响应对象中包含了服务器端在响应时的一些细节，如响应的文件类型，响应的编码等。,HttpServletRequest接口 HttpServletRequest接口继承了ServletRequest接口。ServletRequest接口封装了客户请求信息，如客户请求方式、参数名和参数值、客户端正在使用的协议，以及发出客户请求的远程主机信息等。它还为Servlet提供了直接以二进制数方式读取客户请求数据流的ServletInputStream。HttpServletRequest可以为Servlet提供更多的与HTTP协议相关的数据，如提供了读取HTTP Head信息的方法，获取Session和Cookie的方法。,HttpServletResponse接口 HttpServletResponse接口继承了ServletResponse接口。ServletResponse接口封装了响应客户请求的方法，如设置响应的内容类型，设置响应的编码方式，获取输出流ServletOulputStream等。HttpServletResponse可以为Servlet提供更多的与HTTP协议相关的方法，如提供了设置响应头，添加Cookie等。,案例2-3 使用Servlet实现验证码 为登录网页增加验证码功能，运行效果如图2-7所示。,技术要点 建立一个缓冲区图像（BufferedImage）对象，在此对象上先生成图像，再用javax.imageio.ImageIO的write()方法将图像输出到客户端。 随机产生字符的方法是：事先将10个数字和26个英文字母都存放在一个字符串中，然后通过Math.random()随机确定一个位置，再从该位置取出字符。取得的字符利用Graphics的drawString()方法画到图像对象上。 输出图像时，要设置contentType：response.setContentType(“image/jpeg“)，同时要设置不缓存。,2.3 JSP页面设计,什么是JSP JSP（Java Server Page），是Servlet的扩展，其目的是简化Web程序的开发。在传统的网页HTML文件(*.htm, *.html)中加入Java程序片段(ScriptLet)和JSP 标签(tag)，就构成了JSP网页(*.jsp)。Java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大大降低了对客户浏览器的要求，即使客户浏览器端不支持Java，也可以访问JSP网页。,当Web浏览器端发送过来一个页面请求时，Web服务器先判断是否是JSP页面请求。如果该页面只是一般的HTML/XML页面请求，则直接将HTML/XML页面代码传给Web浏览器端。如果请求的页面是JSP页面，则由JSP引擎检查该JSP页面，如果该页面是第一次被请求、或不是第一次被请求但已被修改，则JSP引擎将此JSP页面代码转换成Servlet代码，然后JSP引擎调用服务器端的Java编译器javac.exe对Servlet代码进行编译，把它变成字节码(.class)文件，然后再调用JAVA虚拟机执行该字节码文件，最后将执行结果传给Web浏览器端。如果该JSP页面不是第一次被请求，且没有被修改过，则直接由JSP引擎调用Java虚拟机执行已编译过的字节码.class文件，然后将结果传送给Web浏览器端。,JSP网页的组成 JSP基本元素 HTML注释() 在客户端显示的注释。 JSP注释() 不发送给客户端，但保留在JSP页面中的注释。 HTML页面元素 普通的HTML页面组成元素。 表达式() 符合JSP语法的表达式。 Java程序片段（ScriptLet）() 符合JSP语法的代码段。例如： ,JSP指令 JSP指令主要用来提供整个JSP页面的相关信息和设置JSP页面的相关属性，如设置网页的编码方式、脚本语言，以及包含外部文件等。 Include指令 用于包含一个文本或代码的文件，属于静态包含。例如： Page指令 定义整个JSP页面的全局属性，参见表2-4的说明。 Taglib指令 用来引用标签。其属性uri指明标签库文件的存放位置，prefix指明该标签使用时的前缀。例如： ,JSP行为标签 JSP行为标签即action标签，属于服务器端的JSP元素，它执行服务器端的任务而不需编写Java代码，可大大提高了开发效率。,JSP隐含对象 所谓JSP隐含对象，是指那些在JSP中不用显式声明就能使用的特定对象。JSP有9个隐含对象：request、response 、session、application、out、page、config、exception、pageContext。前5个对象分别与Servlet中的HttpServletRequest、HttpServletResponse、Htt