HTML表单和JSP汉字处理问题.ppt

《HTML表单和JSP汉字处理问题.ppt》由会员分享，可在线阅读，更多相关《HTML表单和JSP汉字处理问题.ppt（50页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 HTML表单&JSP汉字处理北京工业大学通州分校 刘砚秋 计算机系 HTML表单n n复习Web运行原理n nHTML表单的概念n n表单元素介绍n nHTML表单的客户端确认n n客户端表单确认实例Web运行原理1n客户端同Web服务器之间的协议为httpnHTTP为超文本传输协议nHTPP协议为“请求和响应”协议n客户端请求包括：请求行、头、信息体n客户端请求的方法GET、POST、HEADDELETE、TRACE、PUTn提交表单的方法：GET、POSTWeb运行原理2n服务器接收到请求后，返回HTTP响应n每个响应：状态行、头、信息体n常见状态404 所请求的文件不存在500 服务器

2、程序出错200 OK 成功n信息体用于浏览器显示页面访问失败HTML表单n表单是具有输入域、文本域的页面n用于客户端同服务器端交互n用户在客户端填写表单，然后“提交”n表单中的信息发送到服务器n服务器返回处理情况HTML表单标记n表单主标记 n表单中的标记 n是表单开始标记，结束表单的例子（）表单 用户登录 用户名：    密码：运行结果form标记n描述表单的特性，语法nmethod表单传输方法GET方法将表单信息在URL后传输POST方法将表单信息作为信息体传输naction为表单处理方式，通常为一个URLnenctype为编码方式标记n表单中输入信

3、息的区域n属性type 类型name 名称id 标识maxlength 最大字符数size 输入域宽度value 域的初始值button 按钮 用javascript响应的类型ntext 文本npasswowrd 口令方式ncheckbox 多选框 name相同nradio 单选按钮 name相同nimage 图片nhidden 隐藏表单 发送数据nsubmit 提交按钮 向服务器提交表单nreset 复位按钮 将表单充置为初始状态文本框：TEXTAREAn多行文本域：n参数COLS：宽度ROWS：高度NAME：名称CPU PIV 1500Memory 512M 下拉框：SELECTn定义列表

4、框：n参数MULTIPLE 可同时选取多行NAME 名称SIZE 可见项目数n每个项目用option标记n属性SELECTED出现在option表示选中select的例子 北京 天津 上海 重庆 表单提交n提交方式：submit类型按钮提交表单通过普通按钮的javascript函数n传输方法依据中的method推荐使用POSTn传输编码依据中的enctypen处理方式依据中的action 表单清除nreset按钮重置表单为初始值 综合例子表单 用户注册用户名：    密码：你喜欢：足球 篮球    性别：男 女 你

5、的计算机CPU PIV 1500Memory 512M 你计算机的操作系统    你所在地：北京 天津 上海 重庆 运行结果表单的确认n客户端确认减少服务器负载缩短用户等待时间兼容性难n服务器端确认统一确认兼容性强服务器负载重客户端确认n采用javascript进行确认n常用函数isBetweenisDateisTimeisDigitisEmailisEmptyisIntisReal客户端确认例子客户端确认 用户登录 用户名：    密码：function checkform(frm)var flag=true;=

6、)alert(姓名不能为空，请输入值！);();flag=false;return flag;运行结果2.3.4 JSP与客户机的交互n n从表单中获得参数n n返回参数n n表单的服务器端确认从表单中获得参数n nJSP通过request内置对象获取表单信息n n用不同的方法获取不同种类的信息n n获取参数的主要方法：getParameter()getParameter()获取参数的值获取参数的值getParameterNames()getParameterNames()获取参数的名称获取参数的名称getParameterValues()getParameterValues()获取多个值获取

7、多个值getParameter()n可以获得文本框、文本区域、单选、多选的值n表单中各元素的NAME属性是它的唯一标识，用它获取参数。n参考及post.jsorequest.getParameter(User);向客户端输出n使用内置对象outout.println(content)n使用“=”n参看和post.jspout.println(用户名：+User+);n参看您是第位访问者！表单的服务器端确认n在客户端不能用JSP进行确认n分工：数据处理在服务器端n实效性：客户端得到服务器确认后表明数据已经到达服务器n客户端兼容性好n缺点：加大服务器负载和用户等待时间服务器端确认方法n采用Java

8、类对表单数据进行复杂的检查n采用JSP进行确认服务器端确认的例子服务器端确认 用户登录 用户名：    密码：loginAction.jsp确认JSP%String name=request.getParameter(name);String pwd=request.getParameter(pwd);if(name!=null)&(!name.equals()name=new String(name.getBytes(ISO8859_1),gb2312);out.println(用户名：+name+);out.println(密码：+pwd+);els

9、e%用户名不能为空 用户登录 用户名：input type=text name=name size=20 value=    密码：input type=password name=pwd size=20 value=运行结果（TOMCAT）(未输入姓名)直接提交输入用户名JSP的汉字问题的原理n客户端和服务器用gb2312nHTTP传输编码用ISO8859_1n服务器需要指示客户端文档的编码方式ISO8859_1ISO8859_1gb2312gb2312JSP的汉字问题出现环节n客户端显示文档时的编码方式（由服务器中的JSP、Servlet指明）n客户

10、端发送汉字时自动转换为iso8859_1n服务器中采用gb2312对汉字编码，接收到客户端汉字需要转换为gb2312n服务器端将JSP转换为Servlet时自动将汉字转换为iso8859_1n服务器端应该告诉客户端汉字的编码方式JSP汉字问题的范围nJSP文件的汉字问题n表单处理的汉字问题nServlet的汉字问题（以后讲解）nJDBC的汉字问题（以后讲解）JSP文件的汉字问题nJSP中的汉字字符串在服务器端用gb2312n在编译为Servlet时自动转换为iso8859_1n汉字在传输中是正确的n在没有特别指示下，浏览器中无法正确显示n在HTML中指示浏览器文档的编码（myJSPindex.

11、html）n在JSP中指示JSP引擎文档的编码n每个要显示汉字的JSP文档都应该包含该语句JSP文件的汉字问题(JSPhanzi.jsp)JSP中的汉字问题 JSP中的汉字问题 你好JSP中增加编码指示后JSP中的汉字问题 JSP中的汉字问题 你好表单处理中的汉字问题n表单处理涉及到客户端和服务器的完整交互过程n在客户端和服务器是gb2312，传输用ISO8859_1n在服务器端接收到客户端数据时需要转换为gb2312后进行处理，方法name=new String(name.getBytes(ISO8859_1),gb2312);n服务器端指示客户端汉字的显示编码表单处理的汉字问题(hanzi

12、.jsp)表单处理的汉字问题 用户登录 用户名：表单处理的汉字问题 用户登录 用户名：处理过程表单中汉字的处理%String name=request.getParameter(name);/name=new String(name.getBytes(ISO8859_1),gb2312);out.println(用户名：+name+);%表单中汉字的处理 用户名：?处理过程（修改后）表单中汉字的处理%String name=request.getParameter(name);name=new String(name.getBytes(ISO8859_1),gb2312);out.printl

13、n(用户名：+name+);%表单中汉字的处理 用户名：测试综合练习综合练习 综合练习：我的网上商店综合练习：我的网上商店myshopmyshop，具有以下功能，具有以下功能用户登录、注册用户登录、注册口令空转向口令空转向loginError.jsploginError.jsp（采用（采用）建立建立webweb应用应用myshopmyshop，参考，参考softshopsoftshop目录结构目录结构体会表单的两种发送方法体会表单的两种发送方法页面设计：页面设计：完完 成成 首首 页页、用用 户户 登登 录录、注注 册册（index.jspindex.jsp、login.jsplogin.js

14、p、registor.jspregistor.jsp）首首页页index.jspindex.jsp包包括括简简介介、商商品品分分类类、新新注注册册用用户户、登登录录用用户户计计数数，按钮：用户登录、注册按钮：用户登录、注册用户计数采用用户计数采用applicationapplication对象对象login.jsplogin.jsp包包括括输输入入用用户户名名、口口令令的的表表单单，用用户户名名是是否否为为空空由由服服务务器器端端确确认认，口口令令是是否否为为空空由由客客户户端端确确认认，处处理理表表单单的的jspjsp为为check.jspcheck.jsp，当当口口令令为为空空时时转转向向

15、显显示示错错误误页页面面，登登录录成成功功时时显显示示用用户名和口令（表单采用户名和口令（表单采用GETGET方法发送）方法发送）实践：练习实践：练习JSPJSP编程编程综合练习综合练习registor.jspregistor.jsp中录入用户信息，综合使用表单的功能：中录入用户信息，综合使用表单的功能：formform标记（表单采用标记（表单采用POSTPOST方法发送）方法发送）texttext：用户名、口令：用户名、口令radioradio按钮：性别按钮：性别selectselect：出生年月、所在地、行业：出生年月、所在地、行业 其中会使用到其中会使用到optionoption标记标记

16、checkboxcheckbox：选择兴趣：选择兴趣textareatextarea：自我介绍：自我介绍按钮：提交和重新输入按钮：提交和重新输入处处理理registor.jspregistor.jsp的的jspjsp为为record.jsprecord.jsp，record.jsprecord.jsp接接收收texttext、textareatextarea、radioradio、selectselect的数据，并显示出来（注意汉字问题）。的数据，并显示出来（注意汉字问题）。record.jsprecord.jsp中用中用sessionsession存储新注册的用户名。存储新注册的用户名。record.jsprecord.jsp包含返回首页包含返回首页index.jspindex.jsp的超链接的超链接index.jspindex.jsp中用中用sessionsession提取新注册用户并显示提取新注册用户并显示