HTML表单 JSP借由标签<FORM>所构成的表单区块中,取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术.

Slides:



Advertisements
Similar presentations
第 4 章 配合 例子源代码一起使用 Power point 制作:耿祥义 张跃平 普通高等教育 “ 十一五 ” 国家级规划教材 JSP 内置对象.
Advertisements

第 4 章 JSP 内置对象 本章主要内容:  内置对象的概念  内置对象的作用域和生命期  内置对象的作用和关系  内置对象的使用方法.
第二章 JSP 编译指令. 课程目标  JSP 编译指令  JSP 页面的表达式  JSP 页面的注释  JSP 页面的声明  Scriptlets.
模块五 动态网页技术 任务五 查询记录 任务一 表单设计制作 任务二 简单动态的 ASP 页面制作任务三 页面与数据库的集成任务四 添加记录 任务六 电商系统融入网站.
Java Web 开发 授课人:张鸽. 第三讲 JSP 内置对象  JSP 有以下九种内置对象,包括:  ·request ,请求对象  ·response ,响应对象  ·pageContext ,页面上下文对象  ·session ,会话对象  ·application ,应用程序对象.
第 4 课 使用 JSP 处理客户端请求.  掌握 Form 表单的请求处理  掌握 JSP 常用内置对象的用法 out 对象 request 对象 response 对象 本章目标.
《计算机网络技术》 动态网页制作技术 常用HTML控件课程积件 杨 姝.
第六章 网页设计与制作基础.
动态网站开发 【HTTP与网络基础】 李博杰
动态Web开发技术--JSP.
第 4 章 PHP 基本語法.
第五章 JSP内置对象 第4章学习了页面组成元素和使用方法。本章学习JSP内置对象的使用。使用JSP内置对象,可以方便操作页面,访问页面环境,实现页面内、页面间、页面与环境之间的通讯。 学习目标 熟悉主要内置对象的概念 理解主要内置对象的作用域和生命期 理解主要内置对象的作用和关系 熟悉主要内置对象的使用方法.
基于JSP搭建Web应用程序.
上节课我们是讲解了request, response, session, application 等内置对象,有了它们,我们就可以编写一个完整的应用程序了。 我们来看ebank这个小应用程序的编写。
第5章 HTML 標籤介紹.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
张孝祥IT课堂 -深入体验Java Web开发内幕
Web Programming 網際網路程式設計
MVC Servlet与MVC设计模式.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
第三章 使用XMLHttpRequest对象
商品学 高学芹.
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
PHP程式設計 二、HTML & PHP基本語法 建國科技大學 資訊管理學系 饒瑞佶.
Hello World 體驗實作第一個JSP程式.
Chap5 PHP程式設計進階 授課講師:.
第四章 網頁表單與資料傳遞.
留言版 1.先Create一個留言板的table
Introduction to PHP part3
Beyond Technology JavaScript(Ver1.0).
张孝祥IT课堂 -深入体验Java Web开发内幕
XSS & SQL Injection理論 2014/7/29 許子謙.
专题4:JSP脚本和指令.
JSP自定义标签技术的分析与应用 ----Custom Tag 的分析与应用
第2章 超文本标记语言HTML.
電子商務網站建制技術與實習(II) 助教:江宜政 吳昇洋.
JavaScript 语言3 学习网站:心蕊设计
Lesson 5 :基礎應用二(留言版) (2004/08/20).
進階 WWW 程式設計 -- PHP Regular Expression 靜宜大學資訊管理學系 蔡奇偉副教授 2004
無障礙網頁 公關室.
第六讲 JSP中的文件操作(2) 教学目的 本讲继续讲述JSP中使用Java输入、输出流实现文件的读写操作 。 1 文件上传 2 文件下载
第12章 JSP的檔案與電子郵件處理 12-1 伺服端的檔案處理 12-2 伺服端檔案的讀取與寫入 12-3 客戶端的檔案上傳
PHP 程式流程控制結構.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
PHP 變數、常數與運算子 變數 常數 運算子
网站设计 前端 选择器(复习),表单.
第五讲 JSP中的文件操作(1) 教学目的 本讲主要讲述JSP中使用Java输入、输出流实现文件的读写 操作 。 知识要点
架站實做—AppServ
第4章 ASP.NET的HTTP物件、輸出入與Cookie處理
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
HTML 103 互動式網頁.
第 11 章 XML資料的傳遞 –XmlHttpRequest物件
Ch09 在網頁之間傳遞資訊 網頁程式設計.
JSP程序设计 第9章 Servlet简介.
表格(HTML – FORM).
第4章 ASP.NET服务器控件.
HTTP 1.1 Method OPTIONS GET HEAD POST PUT DELETE TRACE CONNECT
HTML 103 互動式網頁 助教:黃毓瑩.
网 站 设 计 与 建 设 Website design and developments
第6章 PHP的数据采集.
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
教师:李金双 网页制作 教师:李金双
Presentation transcript:

HTML表单 JSP借由标签<FORM>所构成的表单区块中,取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术

HTML表单属性 HTML定义了可用以放置在表单区域內的属性与功能选项标签 。 JSP 动态网页新技术

HTML表单属性标签 功 能 标 签 说 明 文本框 <input type="text"> 功 能 标 签 说 明 文本框 <input type="text"> 提供输入单行文字、数字等数据的文本框。 选项按钮 <input type="radio"> 提供类似收音机按钮的单一选项按钮。 复选框 <input type=checkbox> 提供外观包含一个四边形方块,可供勾选特定项目的复选框。 文本区域 <textarea></textarea> 提供大量、多行的文字、数字等类型的数据输入文本区域。 下拉列表框 < select size=1> < option >… </ select > 提供具备清单选项的下拉式文本列表。 组合式列表 <select size =sizeNumer> <option> … </select> 提供具备清单选项的多行选项文本列表。 传送按钮 <input type="submit"> 提供将网页数据内容传送回服务器的按钮。 重设按钮 <input type="reset"> 提供重设网页数据内容的重设按钮。 JSP 动态网页新技术

文本框 文本框是用来取得用户在网页所输入的姓名、地址之类等相关数据内容 。 <input type="text" name="txtName" size="20"> 文本框外观 密码输入属性主要用在取得用户输入的密码,且会出现密码符号代替用户所输入的数据以避免密码被其它人看见。 JSP 动态网页新技术

文本框属性 属 性 说 明 type text / password。 name 属 性 说 明 type text / password。 name 指定文字输入栏的名称。如name="usrname",则在JSP程序中可利用此名称来取得其中所输入的数据。 value 设定文字属性的默认值。 size 设定文字属性的长度。 maxlength 设定文字属性可接受的字符上限,中文字也算一个字符。 JSP 动态网页新技术

多行文本输入区域常用于输入大量的文字数据 <textarea rows="2" name="txtareaName" cols="20"></textarea> JSP 动态网页新技术

<textarea>属性 属 性 说 明 name 设定文本区域的名称 rows 设定文本区域显示的列数 cols 说 明 name 设定文本区域的名称 rows 设定文本区域显示的列数 cols 设定文本区域显示的行数 value 设定文本区域的默认值 JSP 动态网页新技术

单选按钮 单选按钮使用于多选一的情况,<input>标签的type属性设定为radio: 具有相同name属性的单选钮,被归纳为同一个选项群组,因此只能选择其中某一个选项,若name属性不同则为各自独立的选择群组, 一个以上的单选按钮組合,提供用户在网页上选择所需的特定选项。 JSP 动态网页新技术

单选按钮属性 属 性 说 明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked 属 性 说 明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked 设定单选钮是否为预设选取 JSP 动态网页新技术

复选框 复选框用来复选多个选项 ,其INPUT标签的type属性设为checkbox。 复选框通常代表一种布尔类型的数据,若是符合其提示说明则选择 。 一组复选框并不会特别限定只允许选择其中一个选项 。 JSP 动态网页新技术

复选框属性 属 性 说 明 name 设定复选框的名称 value 设定复选框返回给JSP程序的值 checked 属 性 说 明 name 设定复选框的名称 value 设定复选框返回给JSP程序的值 checked 设定复选框是否为预设选取,若值为true则表示默认选取 JSP 动态网页新技术

下拉列表框 下拉列表框的主体由<select>、</select>标签所组成,而其内容选项则是使用<option>标签来设定 。 <select> <option>选项1 <option>选项2 </select> JSP 动态网页新技术

下拉列表框属性 <select> <option > 属 性 说 明 name 设定下拉列表框的名称 size 属 性 说 明 name 设定下拉列表框的名称 size 设定下拉列表框显示的项目个数 multiple 设定下拉列表框内的数据是否能够复选 <option > 属 性 说 明 value 设定数据选项所返回给JSP的值 selected 设定数据选项为默认选取。 JSP 动态网页新技术

发送按钮与重设按钮 发送按钮:当用户单击按钮后可将数据传送給程序处理。 <input type=“submit” value=“发送数据”> 重设按钮:将输入与选择的数据清除。 <input type=“reset” value=“重设数据”> 属性value用来设定按钮上的显示文字。 JSP 动态网页新技术

改良的Hello World范例 JSP 动态网页新技术

表单与交互式网页结构 JSP 动态网页新技术

表单 < form ></ form >标签在网页创建一块特定区域作为一种标签容器,形成收集用户数据功能的网页表单。 属性method、action和name,配合< form >标签,形成创建表单的完整语法。 <form method="POST/GET"   action="responsePath" name="formName" > 表单内容…  </form> 其中method指定网页以何种模式传送表单的属性数据,可能的两种模式分别是Post和Get 。 action代表这一份表单网页传送出去之后,服务器对其响应所返回的网页路径地址 ,若是这个属性没有设定,网页本身会被当作action属性值 。 name代表表单的名称,JSP利用这个名称,辨识网页中的特定表单区域。 JSP 动态网页新技术

Request对象 request对象为网页服务器端程序中,用以取得客户端表单属性内容数据的主要核心对象 。 JSP 动态网页新技术

Request对象方法成员 JSP 动态网页新技术 分 类 方 法 说 明 取得用户参数 GetParameter(strName) 分 类 方 法 说 明 取得用户参数 GetParameter(strName) 返回指定变量名称的数据。 GetParameterValues(strName) 返回所有变量名称的集合,集合中的内容为各个传送的变量名称。 GetParameterNames() 返回指定名称的数组,若用户所输入的数据为复数,且变量名称相同,则使用此方法来取得复数的数组数据。 取得系统信息 getProtocol() 返回通信协议的方式   getRemoteAddr() 返回客户端用户的IP地址 getRemoteHost() 返回客户端用户的主机名称 返回发出请求的方式,如http、ftp、telnet getScheme() getServerName() 返回服务器主机的名称 getServerPort() 返回服务器主机的连接端口号码,如:8080 getRealPath("") 返回目前虚拟路径的真实路径 getMethod() 返回传送数据的方式,如:GET、POST getQueryString() 返回附在网址列后的字符串数据 getRequestURI() 返回请求的URI字符串,不包含网址列后的查询字符串,如“http://myCom/jsp?data=hello world!”会传回“/myCom/jsp” getServletPath() 传回程序的相对路径与文件名 取得标头信息 getHeader(String name) 返回名称为name的请求标头内容 getHeaderNames() 返回所有请求标头名称的集合 JSP 动态网页新技术

GetParameter()是获取表单数据最简单的方法 : request.GetParameter(strName)  参数strName,代表所要获取的表单属性名称。 JSP 动态网页新技术

设定中文编码 方法setCharacterEncoding()用來设定request对象的编码格式 ,此方法接受一个代表编码格式的标识符串,简体中文的编码为GB2312 : <%request.setCharacterEncoding(“GB2312") ; %> JSP 动态网页新技术

Post 与 Get区别 <Form>的Method属性,有两种可能值,Post和Get。 使用 GetParameter 获取传送的数据內容 。 JSP 动态网页新技术

getParameterNames() getParameterNames()方法主要是用来取得所有传递变量的名称,其返回值是一个包含所有变量名称的Enumeration集合对象 。 JSP 动态网页新技术

Enumeration接口类型 Enumeration是java.util包中的一个接口。 Enumeration objName; hasMoreElement() 传回布尔值表示对象中是否还包含元素。 nextElement() 传回集合中的下一个元素,元素的数据类型为Object。 JSP 动态网页新技术

nextElement() 方法 JSP 动态网页新技术

获取标头信息 HTTP通信协议是使用在规范界定网页服务器和浏览器之间,进行沟通与数据交换所需的规则,HTTP整个运行的过程可分为以下三个步骤 。 请求 标头数据交换 主题数据传输 JSP 动态网页新技术

获取标头信息-请求 JSP 动态网页新技术

获取标头信息-标头数据交换 JSP 动态网页新技术

获取标头信息-主体数据传输 JSP 动态网页新技术

Request对象方法成员 方 法 说 明 getHeader(String name) 返回名称为name的请求标头内容 方 法 说 明 getHeader(String name) 返回名称为name的请求标头内容 getHeaderNames() 返回所有请求标头名称的集合 JSP 动态网页新技术

response 对象方法成员 分 类 方 法 说 明 设定响应信息 getCharacterEncoding 返回文件内容编码的方式 分 类 方 法 说 明 设定响应信息 getCharacterEncoding 返回文件内容编码的方式 setContentType 设定网页的文件格式与编码方式 sendError 自定义输出客户端的错误代码以及信息。 setStatus 用来设定一个响应的HTTP状态码 JSP 动态网页新技术

response 对象方法成员 分 类 方 法 说 明 响应标头信息 ContainsHeader (String name) 分 类 方 法 说 明 响应标头信息 ContainsHeader (String name) 返回布尔值表示名称为name的标头是否存在 SetDateHeader (String name, long date) 设定名称为name的响应标头,数据类型为长整数long,内容为date,其值为格林威治时间自1970年1月1日开始算起到要设定时间的毫秒数 setHeader(String name, String value) 设定名称为name的响应标头其内容为value,数据类型为字符串String setIntHeader(String name, int value) 设定名称为name的响应标头其内容为value,数据类型为整数int JSP 动态网页新技术

response 对象方法成员 分 类 方 法 说 明 缓冲区处理 flushBuffer() 清空缓冲区 getBufferSize() 分 类 方 法 说 明 缓冲区处理 flushBuffer() 清空缓冲区 getBufferSize() 取得缓冲区大小 setBufferSize() 设定缓冲区大小 isCommitted() 表示数据是否出写入浏览器 reset() 清除缓冲区内容 网页定向与 重定向 sendRedirect("pageUrl") 重新定向网页至指定的url JSP 动态网页新技术

设定响应信息 getCharacterEncoding方法:返回文件内容编码的方式 。 response.getCharacterEncoding() 默认情况下返回的值是8859_1。 setContentType方法:用来设定网页的文件格式与编码方式,与page指令的contentType属性功能是相同的 。     response.setContentType    ("text/html;charset=GB2312"); JSP 动态网页新技术

设定响应信息 sendError方法:自定义一个错误的代码,以及错误的信息输出至客户端 。 response.sendError(错误代码,文字信息) setStatus方法 设定一个响应的HTTP状态码,依这个状态码,客户端便会出现相关的信息 。 打开的网页正确无误,则会自动传送一个SC_OK(整数值为200)的状态码。 JSP 动态网页新技术

响应标头信息 <% //设定 Connection 标头的內容 response.setHeader(“Connection”,“keep-alive”); //设定 Expires 标头的內容 response.setDateHeader(“Expires”,10000*10000); //设定 Retry-After 标头的內容 response.setIntHeader(“Retry-After”,1000); //查看响应标头中是否包含 Expires response.containsHeader("Expires"); %> JSP 动态网页新技术

Response提供用以处理缓冲区的功能: 操作缓冲区 Response提供用以处理缓冲区的功能: flushBuffer:清空缓冲区 getBufferSize:获取缓冲区大小 setBufferSize:设定缓冲区大小 JSP 动态网页新技术

重新定向网页 Response对象的sendRedirect方法用来重新定向新网页: JSP 动态网页新技术

Cookie Cookie数据储存的功能由浏览器本身所提供,因此Cookie功能都必须要有浏览器的支持才行 。 JSP 动态网页新技术

Cookie示意图 JSP 动态网页新技术

建立与传送 Cookie 建立Cookie的语法: Cookie objCookie = new Cookie(indexValue,stringValue) 一个Cookie对象必须包含有一个特定的indexValue索引值与字符串类型的数据内容stringValue。 传送到客户端: response.addCookie(objCookie) JSP 动态网页新技术

获取 Cookie 步骤 取得客户端包含所有Cookie对象的数组 : request.getCookies() Cookie名称.getName() //返回指定Cookie的索引值 Cookie名称.getValue() //返回指定Cookie的数据 JSP 动态网页新技术

设定Cookie的存在期限 在默认情况下,Cookie是随着用户关闭浏览器而自动消失,不过Cookie也可以设定其存在的期限,让用户下次开启网页时,服务器端仍然能够取得同样一个Cookie中的数据内容。 方 法 说 明 setMaxAge(int second) 设定Cookie在second秒的时间内皆为有效 getMaxAge() 返回Cookie的有效期限 JSP 动态网页新技术

删除Cookie 要删除某一个客户端的Cookie,必须使用前面的sexMaxAge()方法,并将Cookie的存在期限设为0 。 Cookie名称.setMaxAge(0) JSP 动态网页新技术

Cookie的有效路径 Cookie对象产生后,所有服务器端的网页均能存取其数据內容。 存取该Cookie对象的网页路径范围 : 方 法 方 法 说 明 setPath(String uri) 设定能够存取Cookie对象的网页路径为uri与其下的子目录 getPath() 返回能够存取Cookie对象的网页路径 JSP 动态网页新技术