第2章JavaWeb应用技术基础.pptVIP

第二章 Java Web应用技术基础 ;本章要点;2.1 HTML网页设计 ;body及其属性 body/body是HTML文档的主体部分，在此标记对之间可包含p、/p、h1、/h1、br、hr等等许多标记，它们所定义的文本、图像等将会在浏览器窗口显示出来。 ;文本及格式标记 ;超级链接 ;表格 table/table标记对用来创建一个表格。 ;图像 ;表单 表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个HTML文档中，当用户填写完信息后做提交（Submit）操作，表单的内容就从客户端的浏览器传送到服务器上，经过服务器处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。 form/form标记对用来创建一个表单。form标记具有action、method和target属性。 ;表单域 input input type=“”标记用来定义一个用户输入区或操作按钮。它的主要属性有type、name和value。type属性指定表单域的类型；name属性指定表单域的名称（服务器将通过这个名字获得表单域的数据）；value属性指定表单域的缺省值。这种类型的表单域有8种类型，如表2-6所示。 select/selectoption select/select标记对用来创建一个下拉列表框或可以复选的列表框。 textarea/textarea ? textarea/textarea用来创建一个可以输入多行的文本框，即文本区。 ;案例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有三种方法： 实现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的响应对象。请求对象中包含了客户端请求的一些细节，如请求的方法，请求的文件头等。响应对象中包含了服务器端在响应时的一些细节，如响应的文件类