(JSP和Web页面的交互.docVIP

第四章 JSP和Web页面的交互 前面有同学上机实验做了显示文本内容 JSP页面是如何与客户端的浏览器进行交互的呢，这就是我们今天的主要内容 4.1 初识JSP与Web交互 首先来看一下基本的一个内容：见书上P46页 一个简单的HTML文件，包含一个表单（form），表单中有两个文本框以及两个按钮： 简单的源代码如下： 页面的执行结果如图4-1所示。 注意的是： Input type=submit name=mysubmit如果没有定义value，则显示：提交查询内容 Input type=reset value=重新来过如果没有定义value，则显示：重置 再来看action=”03.jsp”，看一下这个文件的内容 可以看出： %和%之间的内容是一段java程序，主要是使用了request.getParameter(String value)来获取客户端提交过来的信息。 Request是JSP的内建对象，主要是通过getParameter()来得到参数值。 Out也是JSP的内建对象，主要作用是把信息回送给客户端的浏览器。最常用的方法是print()和println()，它们的区别是：println()输出完之后可以自动换行，而前者不可以。在具体的使用中，由于客户端是浏览器，可以使用一些HTML标记。 4.2 文本框的使用 HTML中，文本框可以分为三种： 单行文本框（text）：用于输入普通的文本信息。如上例 密码文本框（PASSWORD）：用于输入密码。用户输入时，密码不会显示出来，替代显示的为* 滚动文本框（TEXTAREA）：用于获取用户输入的大段文本信息，可以输入多行。当输入多行时，文本框会自动产生滚动条。 参考书上案例P48 相应的JSP的代码如下： 显示页面和书上图4-2相似，但要注意，如果Method为GET的话，即表单的提交方式，密码会在浏览器的地址栏中显示，如图4-5。 单行文本框在信息量过大时，不能满足要求，这时就要使用滚动文本框，即文本域。 在使用滚动文本框时，要用到HTML中的TEXTAREA标记。 参照书上P50，滚动文本框使用案例。 注意： %@ page contentType=text/html;charset=GBK %是页面指令，由%@ page和%构成的标记符指定，标记符中间是代码体，包括指令的属性和值。ContentType属性用来设定传回网页的文件格式和编码方式。遇到中文问题时，可以通过这个设置来解决。 request.setCharacterEncoding(GBK)是用来处理页面传递的中文问题的。 这个文件用来接收提交的数据时，效果不是很理想，因为在HTML页面滚动文本框中的多行信息，在这里显示在同一行上。那是因为换行符号（”\n”）到了HTML中就失去了作用（因为HTML中的有效换行符号是br），因此，要对上面的echo2.jsp做一定的修改。 修改的代码如下 修改后所用到的主要是：J2SDK中的StringBuffer类。这个类的具体用法在此不再详细讲解。 另外，在本例中使用到了%!…………%标记，主要作用是：标记中是一段变量和方法的声明，而不能是执行的语句。在这里是声明了一个方法myTranslate()。 列表框的使用 列表框可以进行选择，可以避免用户的输入错误。在HTML中，采用select标记来实现，在上一次课中提到。 先看一下源代码： 可以看到为列表框取的名字为City，大小是4，即列表框高度为4。如图4-9所示。 这里第一个option value=BeiJing中定义了value的值，那在传递时，当值为BeiJing时，就认为是这一项，否则就跟选中的内容一样。 在option标记中，如果指定了value属性，在JSP页面中通过request.getParameter()得到的就是value属性的值，否则得到的就是option和/option标记中的文字。 例如，如果在上面选中的是北京市，则在相应的JSP页面中使用request.getParameter(City)得到的值是“BeiJing”，而不是北京市；如果用户选择的是重庆市，则在相应的JSP页面中使用request.getParameter(City)得到的值是重庆市。 如果希望列表框中的选项能够被多选，只要在select name=City size=4中加入multiple就可以了，同时注意的是要设定size属性的值。具体内容参见书上P56页。同时要注意的就是因为是多选，所以在JSP页面中要返回一个数组的信息，代码为： Str