《HTML表单和JSP汉字处理问题.ppt》由会员分享，可在线阅读，更多相关《HTML表单和JSP汉字处理问题.ppt（50页珍藏版）》请在三一办公上搜索。
1、HTML表单&JSP汉字处理,北京工业大学通州分校 刘砚秋 计算机系,HTML表单,复习Web运行原理HTML表单的概念表单元素介绍HTML表单的客户端确认客户端表单确认实例,Web运行原理1,客户端同Web服务器之间的协议为httpHTTP为超文本传输协议HTPP协议为“请求和响应”协议客户端请求包括：请求行、头、信息体客户端请求的方法GET、POST、HEADDELETE、TRACE、PUT提交表单的方法：GET、POST,Web运行原理2,服务器接收到请求后，返回HTTP响应每个响应：状态行、头、信息体常见状态404 所请求的文件不存在500 服务器程序出错200 OK 成功信息体用于浏
2、览器显示,页面访问失败,HTML表单,表单是具有输入域、文本域的页面用于客户端同服务器端交互用户在客户端填写表单，然后“提交”表单中的信息发送到服务器服务器返回处理情况,HTML表单标记,表单主标记 表单中的标记 是表单开始标记，结束,表单的例子（）,表单 用户登录 用户名：密码：,运行结果,form标记,描述表单的特性，语法method表单传输方法GET方法将表单信息在URL后传输POST方法将表单信息作为信息体传输action为表单处理方式，通常为一个URLenctype为编码方式,标记,表单中输入信息的区域属性type 类型name 名称id 标识maxlength 最大字符数size
3、输入域宽度value 域的初始值button 按钮 用javascript响应,的类型,text 文本passwowrd 口令方式checkbox 多选框 name相同radio 单选按钮 name相同image 图片hidden 隐藏表单 发送数据submit 提交按钮 向服务器提交表单reset 复位按钮 将表单充置为初始状态,文本框：TEXTAREA,多行文本域：参数COLS：宽度ROWS：高度NAME：名称CPU PIV 1500Memory 512M,下拉框：SELECT,定义列表框：参数MULTIPLE 可同时选取多行NAME 名称SIZE 可见项目数每个项目用option标记属性
4、SELECTED出现在option表示选中,select的例子,北京 天津 上海 重庆,表单提交,提交方式：submit类型按钮提交表单通过普通按钮的javascript函数传输方法依据中的method推荐使用POST传输编码依据中的enctype处理方式依据中的action,表单清除,reset按钮重置表单为初始值,综合例子,表单 用户注册用户名：密码：你喜欢：足球 篮球,性别：男 女 你的计算机CPU PIV 1500Memory 512M 你计算机的操作系统,你所在地：北京 天津 上海 重庆,运行结果,表单的确认,客户端确认减少服务器负载缩短用户等待时间兼容性难服务器端确认统一确认兼容性
5、强服务器负载重,客户端确认,采用javascript进行确认常用函数isBetweenisDateisTimeisDigitisEmailisEmptyisIntisReal,客户端确认例子,客户端确认 用户登录 用户名：密码：,function checkform(frm)var flag=true;=)alert(姓名不能为空，请输入值！);();flag=false;return flag;,运行结果,2.3.4 JSP与客户机的交互,从表单中获得参数返回参数表单的服务器端确认,从表单中获得参数,JSP通过request内置对象获取表单信息用不同的方法获取不同种类的信息获取参数的主要方法
6、：getParameter()获取参数的值getParameterNames()获取参数的名称getParameterValues()获取多个值,getParameter(),可以获得文本框、文本区域、单选、多选的值表单中各元素的NAME属性是它的唯一标识，用它获取参数。参考及post.jsorequest.getParameter(User);,向客户端输出,使用内置对象outout.println(content)使用“=”参看和post.jspout.println(用户名：+User+);参看您是第位访问者！,表单的服务器端确认,在客户端不能用JSP进行确认分工：数据处理在服务器端实效
7、性：客户端得到服务器确认后表明数据已经到达服务器客户端兼容性好缺点：加大服务器负载和用户等待时间,服务器端确认方法,采用Java类对表单数据进行复杂的检查采用JSP进行确认,服务器端确认的例子,服务器端确认 用户登录 用户名：密码：,loginAction.jsp,确认JSP);out.println(密码：+pwd+);else%,用户名不能为空 用户登录 用户名：密码：,运行结果（TOMCAT）,(未输入姓名)直接提交,输入用户名,JSP的汉字问题的原理,客户端和服务器用gb2312HTTP传输编码用ISO8859_1服务器需要指示客户端文档的编码方式,JSP的汉字问题出现环节,客户端显示
8、文档时的编码方式（由服务器中的JSP、Servlet指明）客户端发送汉字时自动转换为iso8859_1服务器中采用gb2312对汉字编码，接收到客户端汉字需要转换为gb2312服务器端将JSP转换为Servlet时自动将汉字转换为iso8859_1服务器端应该告诉客户端汉字的编码方式,JSP汉字问题的范围,JSP文件的汉字问题表单处理的汉字问题Servlet的汉字问题（以后讲解）JDBC的汉字问题（以后讲解）,JSP文件的汉字问题,JSP中的汉字字符串在服务器端用gb2312在编译为Servlet时自动转换为iso8859_1汉字在传输中是正确的在没有特别指示下，浏览器中无法正确显示在HTML
9、中指示浏览器文档的编码（myJSPindex.html）在JSP中指示JSP引擎文档的编码每个要显示汉字的JSP文档都应该包含该语句,JSP文件的汉字问题(JSPhanzi.jsp),JSP中的汉字问题,JSP中的汉字问题 你好,JSP中增加编码指示后,JSP中的汉字问题,JSP中的汉字问题 你好,表单处理中的汉字问题,表单处理涉及到客户端和服务器的完整交互过程在客户端和服务器是gb2312，传输用ISO8859_1在服务器端接收到客户端数据时需要转换为gb2312后进行处理，方法name=new String(name.getBytes(ISO8859_1),gb2312);服务器端指示客户
10、端汉字的显示编码,表单处理的汉字问题(hanzi.jsp),表单处理的汉字问题 用户登录 用户名：,表单处理的汉字问题 用户登录 用户名：,处理过程,表单中汉字的处理);%,表单中汉字的处理 用户名：?,处理过程（修改后）,表单中汉字的处理);%,表单中汉字的处理 用户名：测试,综合练习,综合练习：我的网上商店myshop，具有以下功能用户登录、注册口令空转向loginError.jsp（采用）建立web应用myshop，参考softshop目录结构体会表单的两种发送方法页面设计：完成首页、用户登录、注册（index.jsp、login.jsp、registor.jsp）首页index.jsp
11、包括简介、商品分类、新注册用户、登录用户计数，按钮：用户登录、注册用户计数采用application对象login.jsp包括输入用户名、口令的表单，用户名是否为空由服务器端确认，口令是否为空由客户端确认，处理表单的jsp为check.jsp，当口令为空时转向显示错误页面，登录成功时显示用户名和口令（表单采用GET方法发送）,实践：练习JSP编程综合练习,registor.jsp中录入用户信息，综合使用表单的功能：form标记（表单采用POST方法发送）text：用户名、口令radio按钮：性别select：出生年月、所在地、行业 其中会使用到option标记checkbox：选择兴趣textarea：自我介绍按钮：提交和重新输入处理registor.jsp的jsp为record.jsp，record.jsp接收text、textarea、radio、select的数据，并显示出来（注意汉字问题）。record.jsp中用session存储新注册的用户名。record.jsp包含返回首页index.jsp的超链接index.jsp中用session提取新注册用户并显示,
