JavaWeb应用技术基础.ppt

第二章 Java Web应用技术基础 本章要点 HTML网页设计基本知识 CSS的基本知识 Servlet技术基础及应用 JSP的基本知识及应用 使用JDBC访问数据库 实现基于数据库的登录验证 2.1 HTML网页设计 HTML网页基本标记 HTML（Hyper Text Mark-up Language，超文本标记语言），是目前网络上应用最为广泛的语言，也是构成网页的主要语言。HTML文档的内容一般都位于html和/html之间，分为首部（head）和主体（body）两个部分。文档中的命令一般采用“标记”和“/标记”形式配对出现，有些标记也可以单个出现，标记符不区分大小写。 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是用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类的