JSP培训（2）——运行原理、文档结构、简单输入输出

目标：

l 掌握Web应用的文档结构；

l 掌握JSP的运行原理；

l 掌握JSP的简单输入和输出。

主要内容：

l 通过一个简单实例介绍Web应用的文档结构和运行原理；

l 通过一个简单的注册功能介绍基本的输入输出。

下次课内容：客户端验证。

1、文档结构

每个应用都有一个根目录，例如ch2；理论上可以放在任何地方，但是需要配置，简单的做法，直接放在了webapps这个目录下，在这个目录的应用会被自动加载。

在根目录下会有一个WEB-INF目录，这个目录中的文件不能被远程访问，主要存放配置文件和类文件、资源文件。

在WEB-INF中的配置文件是web.xml，每个web应用都会有这样一个配置文件。

在WEB-INF有两个文件用于存放类文件和资源文件，lib和classes，lib下面存放以压缩包jar形式存在的类库，classes直接存放类文件（包含包的信息）。

页面文件（包括jsp文件、html文件、图片文件）可以放在根目录（ch2）下面，或者下面的子文件夹（不能放在WEB-INF）中。

2、运行方式

访问方式：http://192.168.0.222:8080/ch2/ch2.jsp

前提：把Web应用部署到服务器上，启动服务器。

下面以ch2.jsp为例介绍访问过程：

1）客户端通过浏览器发送请求；

2）Web服务器接收这个请求，然后转给应用服务器；

3）应用服务器会查找客户要访问的文件，假设访问的文件为ch2.jsp；分两种情况：

第一次访问：应用服务器把JSP文件转换成Java文件；然后编译成class文件；然后加载类；实例化对象并初始化；

后续访问：JSP文件对应的页面对象已经存在，直接查找到这个对象；

4）应用服务器封装请求信息，然后调用相应的方法；

5）应用服务器把方法执行结果（响应客户的内容）传递给Web服务器；

6）Web服务器把这个结果发给客户端；

7）客户端浏览器把接收到的html代码解析成网页。这个就是我们看到的结果。

下面是运行过程中的几个文件内容。

源文件Ch2.jsp的内容：

DDDDDDDDDDDDDDDDDDDDDDDD

<%="FFFFFFFFFFFFFFFF"%>

转换后的文件ch2_jsp.java：

package org.apache.jsp;

import javax.servlet.*;

import javax.servlet.http.*;

import javax.servlet.jsp.*;

public final class ch2_jsp extends org.apache.jasper.runtime.HttpJspBase

implements org.apache.jasper.runtime.JspSourceDependent {

private static java.util.List _jspx_dependants;

private javax.el.ExpressionFactory _el_expressionfactory;

private org.apache.AnnotationProcessor _jsp_annotationprocessor;

public Object getDependants() {

return _jspx_dependants;

}

public void _jspInit() {

_el_expressionfactory = JspFactory.getDefaultFactory().getJspApplicationContext(getServletConfig().getServletContext()).getExpressionFactory();

_jsp_annotationprocessor = (org.apache.AnnotationProcessor) getServletConfig().getServletContext().getAttribute(org.apache.AnnotationProcessor.class.getName());

}

public void _jspDestroy() {

}

public void _jspService(HttpServletRequest request, HttpServletResponse response)

throws java.io.IOException, ServletException {

JspFactory _jspxFactory = null;

PageContext pageContext = null;

HttpSession session = null;

ServletContext application = null;

ServletConfig config = null;

JspWriter out = null;

Object page = this;

JspWriter _jspx_out = null;

PageContext _jspx_page_context = null;

try {

_jspxFactory = JspFactory.getDefaultFactory();

response.setContentType("text/html");

pageContext = _jspxFactory.getPageContext(this, request, response,

null, true, 8192, true);

_jspx_page_context = pageContext;

application = pageContext.getServletContext();

config = pageContext.getServletConfig();

session = pageContext.getSession();

out = pageContext.getOut();

_jspx_out = out;

out.write("DDDDDDDDDDDDDDDDDDDDDDDD\r\n");

out.print("FFFFFFFFFFFFFFFF");

} catch (Throwable t) {

if (!(t instanceof SkipPageException)){

out = _jspx_out;

if (out != null && out.getBufferSize() != 0)

try { out.clearBuffer(); } catch (java.io.IOException e) {}

if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);

}

} finally {

if (_jspxFactory != null) _jspxFactory.releasePageContext(_jspx_page_context);

}

}

}

返回给客户端的信息（通过浏览器的查看源文件功能可以看到）：

DDDDDDDDDDDDDDDDDDDDDDDD

FFFFFFFFFFFFFFFF

3、无状态的请求应答模式

用户通过客户端发送请求，可以通过地址栏、超链接、按钮或者表单元素的事件请求。不管采用什么方式发送请求，这些请求信息都会被封装成HttpServletRequest对象，服务器会把这个对象作为参数去调用页面对象，这个方法执行完会对客户端响应，之后这个HttpServletRequest对象就被删除了。如果再次发送请求，会创建新的HttpServletRequest对象，上一次访问时候的信息都不存在了。

所以服务器不会保存客户端以前访问的信息，称为无状态的请求应答模式。

接下来介绍JSP技术的基本问题：输入输出。首先看如何完成输入。

4、输入元素

输入通过表单元素完成。常用的表单元素如下：

1）form

要提交信息，首先需要一个表单form，只有在form内的信息才可以提交。

开始标识<form>

结束标识</form>

主要的属性：

action属性：是目标文件的位置，要提交给谁处理；

method属性：请求方式，有get和post

注意：form不能嵌套。

2）单行文本框

基本语法格式：

<input type=”text” name=”username” value=”请输入用户名”>

type=”text” 就说明这是单行文本框；

name表示文本框的名字，非常重要，在服务器需要根据名字取值；

value给出初始值。

3）密码框

基本语法格式：

<input type=”password” name=”userpass” >

用法与单行文本框基本相同。

4）隐藏域

基本语法格式：

<input type=”hidden” name=”userpass” >

用于在多个页面之间传值，与当行文本框的用法也基本相同。

5）单选按钮

语法格式：

<input type=”radio” name=”sex” value=”男”>男

<input type=”radio” name=”sex” value=”女”>女

一组单选按钮的名字应该保持一致，这样能够保证多个选项只选择一个。

注意：单选按纽之后显示的内容与单选按纽没有关系，只是告诉用户这个单选按纽表示什么。

6）复选框

语法格式：

<input type=”checkbox” name=”fav” value=”音乐”>

<input type=”checkbox” name=”fav” value=”体育”>

同一组复选框的值也应该保持一致，可以采用统一的方式取值。

7）下拉列表

语法格式：

开始标识：<select name=”select”>

结束标识：</select>

下拉框中的每个选项：<option value=”1”>显示的信息</option>

性别下拉框：

<select name=”sex”>

<option value=”男”>男</option>

<option value=”女”>女</option>

</select>

8）多行文本域

语法格式：

<textarea name=””>sdsfsddddddddd</textarea>

要对文本域初始化，需要把初始值放在标签的开始和结束标识之间。

注意：这一点与其它元素通过value属性赋值是不一样的。

9）提交按钮

<input type=”submit” value=”提交”>

通常不需要名字。

10）重置按钮

<input type=”reset” value=”重置”>

通常不需要名字。

11）普通按钮

也可以通过普通按钮完成表单提交，需要编写JavaScript代码。

语法格式：

<input type=”button” value=”提交” onClick=”…”>

5、输入实例：注册页面

参考代码register.jsp：

<%@ page contentType="text/html;charset=gb2312"%>

请注册<br>

<form method="post" name="fi1" action="process.jsp">

用户ID：<input type="text" name="userid"><br>

口令：<input type="password" name="userpass"><br>

确认口令：<input type="password" name="userpass1"><br>

性别：<input type="radio" name="sex" value="男" checked>男

<input type="radio" name="sex" value="女">女<br>

爱好：<input type="checkbox" name="fav" value="运动">运动

<input type="checkbox" name="fav" value="音乐">音乐

<input type="checkbox" name="fav" value="编程">编程<br>

学历：

<select name="degree">

<option value="本科">本科</option>

<option value="硕士">硕士</option>

<option value="专科">专科</option>

<option value="博士">博士</option>

</select><br>

备注：

<textarea name="comment"></textarea><br>

<input type="submit" value="提交"><input type="reset" value="重置">

</form>

该页面能够完成用户信息的提交，当用户输入和选择完之后点击提交按钮，浏览器会把这个请求发送到服务器，根据form中的action属性的值，我们知道服务器会调用process.jsp进行处理。下面介绍如何编写process.jsp来获取用户输入信息。

6、获取信息

前面介绍运行原理的时候说过，客户的请求信息，包括输入的和选择的信息，都会被封装在HttpServletRequest对象中，所以在process.jsp中只需要访问这个对象即可，如何得到这个对象呢？

在JSP中提供了若干内部对象，其中之一是request，直接使用这个对象即可。对于内部对象，我们可以直接使用，不需要声明和实例化。

获取请求信息可以通过下面的两个方法：

getParameter(元素名字)

getParameterValues(元素名字)

前者用于获取单值元素的值，例如文本框、单选按钮、密码框等。后者用于获取多值元素的值，例如复选框、允许多选的列表框。

7、实例：注册信息显示

process.jsp的源文件：

<%@ page contentType="text/html;charset=gb2312"%>

注册信息如下：

<%

String userid = request.getParameter("userid");

String userpass = request.getParameter("userpass");

String userpass1 = request.getParameter("userpass1");

String sex = request.getParameter("sex");

// 对性别进行编码转换

sex = new String(sex.getBytes("8859_1"));

String[] fav = request.getParameterValues("fav");

// 该方法用于获取多值元素的值

String degree = request.getParameter("degree");

String comment = request.getParameter("comment");

out.println("用户ID："+userid);

%>

<br>口令：<%=userpass%>

<br>确认口令：<%=userpass1%>

<br>性别：<%=sex%>

<br>爱好：

<%

if(fav!=null)

for(String s:fav)

{

s=new String(s.getBytes("8859_1"));

out.print(s);

}

%>

<br>学历：<%=degree%>

<br>备注：<%=comment%>

注：此种方式的代码（Java代码与HTML代码嵌套）不提倡，这里仅仅是为了让这个程序比较完整。但是获取值和编码转换的代码需要掌握，以后在Servlet中会用，没有什么变化。

8、实训：完成图书添加界面，并把用户添加的信息重新显示出来。

参考教材：《Java Web程序设计基础教程》