第02章JSP辅助知识

1、第第2章章 JSP辅助知识辅助知识 2.2 JSP中的JavaScript语言 2.3 Web应用程序体系结构 2.4 应用服务器 2.5 HTTP协议 2.1 JSP中的HTML元素 2.1 JSP中的中的HTML元素元素 2.1.1 HTML文本结构 2.1.2 表单元素设置 2.1.3 其他元素设置 标题 网页的内容 HTML文件中包含了要显示在网页上的信息，该信息包括浏览器中有什么文字、文字放的位置、什么字体，如果使用了图片、声音等资源，HTML文本还会告诉浏览器去什么地方查找这些资源及它们的存放网页的位置等，HTML网页使用元素来实现这些功能。HTML文本的基本结构如下： HTML文

2、本结构文本结构 整个HTML文件处于与元素之间。用于声明这个HTML文件 文件头，用以存放重要的信息 文件体，大部分元素运用于此部分文件的标题，会出现于浏览器顶部及作为别人收藏夹时名称 定义页面显示内容HTML 标题（Heading）是通过 - 等标签进行定义的。 This is a heading This is a heading This is a heading HTML 段落是通过 标签进行定义的。This is a paragraph. This is another paragraph. row 1, cell 1 row 1, cell 2 row 2, cell 1 row

3、2, cell 2 表格的表头表格的表头表格的表头使用 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本： Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表单元素设置表单元素设置 （1） 表单在HTML页面制作中起着非常重要的作用，它是用户与网页交互信息的主要手段。一个表单应该包含有说明性文字、用于用户填写的输入框、提交和重置按钮。 q 表单元素 表单元素用于创建数据条目表，表单的语法如下： 元素有如下一些属性： 表单元素设置表单元素设置 （2）q 表单元素的属性 Name

4、：指定表单名称 Method ：指定数据传送到服务器的方式。可选值是get和post。当method 选择get方式时，将输入的数据追加到action指定的地址后面， 并传送到服务器。当method选择post方式时，则将输入的数据 按照HTTP协议中post传输方式传送到服务器 OnReset ：主要针对重置（Reset）按钮，设置在按下Reset按钮之后所要 执行的程序 OnSubmit ：主要针对提交（Submit）按钮，设置在按下Submit按钮之后 所要执行的程序 Action ：设置处理表单数据程序URL的地址 Target ：指定输入结果显示在哪个窗口。用户单击表单的Submit

5、按钮，就 会打开另外一个网页，target属性就指定了打开的网页是一个新窗 口或是原来的表单所在的窗口中打开新页面。可选值是“_blank”、“_self”和“_parent”表单元素设置表单元素设置 （3）q 输入框元素 元素用来指定表单中数据的输入方式及表单的提交按钮。元素的基本语法如下： type ：输入数据的类型 name ：当前元素名称 aligh ：设置表单的位置是靠左（left）、靠右（right）、居中（middle）、 靠上（top）还是靠底（bottom） 元素有如下一些属性： 表单元素设置表单元素设置 （4）q 输入框元素的属性 value ：用于设定输入的默认值，即如果

6、用户不输入内容，就采用此默 认值 src ：针对“type=image”属性设置来说，设定图像文件的地址 checked ：表示选择框中，此项被默认选中 maxlength ：表示在输入单行文本时，最大输入字符的个数 size ：用于设定在输入多行文本时的最大输入字符数 onclick ：表示在按下按钮时调用指定的子程序 onselect ：表示当前项被选择时调用指定的子程序 type属性用来设置输入数据的类型，该属性可选的值有： 表单元素设置表单元素设置 （5）q type属性可选的值 text ：表示输入单行文本 textarea ：表示输入多行文本 password ：表示输入数据为密码

7、，用“*”表示 checkbox ：表示复选框 radio ：表示单选框 submit ：表示表单的提交按钮，数据将被送到服务器 reset ：表示清除表单数据，以便重新输入 file ：表示插入一个文件 hidden ：表示隐藏域 image ：表示插入图片 button ：表示普通按钮 表单元素设置表单元素设置 （6）q 选择元素、 元素用来设置下拉列表或滚动列表来选择要提交的数据。下拉列表和滚动列表通过元素中使用若干个子元素来定义，其格式如下： value name ：设置选择列表的名称，供 应用程序作识别之用 multiple ：设置选择列表的选项数 量，即高度 size ：可以让选择

8、列表有多重的选项 元素有如下一些属性： 元素有如下一些属性： value ：设置该选项的值 selected ：设置该选项被选中 表单元素设置表单元素设置 （7）q 输入文本框元素 元素用于表示表单中可滚动的多行文本字段。其基本格式如下： name ：设置多行文本字段的名称 cols ：设置多行文本字段的宽度 rows ：设置多行文本字段的高度 元素有如下一些属性： wrap ：设置多行文本字段的换行，可选值如下： off ：表示不使用此属性 physical ：表示会强迫浏览器在发送资料时必须将文本中的换行元 素送出 virtual ：送出连续成串的字其他元素设置（其他元素设置（1）q 图像

9、元素 元素用来指定HTML文件中插入的图像。其使用语法如下： src和dynsrc ：表示图像文件和视频文件的地址 height和width ：分别表示插入图像的高度和宽度 vspace和hspace ：分别表示插入图像的上下、左右空白区域的大小 元素有如下一些属性： border ：指定插入的图像边框宽度 其他元素设置（其他元素设置（2）q 多媒体元素 元素可以播放音乐和视频，当浏览器执行到该元素时，会把浏览器所在机器中的默认播放器嵌入到浏览器中，以便播放音乐或视频，其基本语法如下： autostart ：用来指定音乐或视频文件传送完毕后是否立即播放，可选值 是trut和false，默认值f

10、alse loop ：用来指定音乐或视频文件重复播放的次数 width和heigh ：指定播放器宽度和高度，如果省略width和heigh属性，将 使用默认值 元素有如下一些属性： 其他元素设置（其他元素设置（3）q 超链接元素 超链接的功能是从一个页面跳转到另一个页面，超链接元素使用语法如下： value href：用来指定超链接到哪个网页上去 target ：用来指定如何打开链接的那个页面，可选值是_self（原来页面 的窗口上打开）、_blank（在浏览器的一个新窗口打开） value用来指定超链接所在的数据。 1.html元素有如下一些属性： 2.2 JSP中的中的JavaScript

11、语言语言 2.2.1 JavaScript语言概述 2.2.2 网页中的JavaScript 2.2.3 基本语法 2.2.4 常用语句 2.2.5 对象 2.2.6 事件 JavaScript语言概述语言概述 JavaSrcipt是一种高级的脚本语言，它具有以下3个优点： （1）JavaScript采用在HTML文本中嵌入小程序段的方式，开发过程非常简单，并且提高了响应速度。（2）JavaScript可以直接对用户或者客户的输入做出响应，而不需要经过Web服务器的程序，减少了客户浏览器与服务器之间的通信量、提高了速度。（3）JavaScript是一种与平台无关的解释性脚本语言，依赖于浏览器，

12、而与操作系统无关，只要计算机能运行浏览器，而且该浏览器支持JavaScript，就可以执行JavaScript脚本程序。 网页中的网页中的JavaScript 在网页中引入JavaScript，只需加入元素，然后再设置所用语言即可。例如： document.write(欢迎来到钟毅空间，相信您会找到您所需要的知识！) 程序运行结果如图所示： 注意：JavaScript区分大小写，而HTML不区分大小写。 基本语法基本语法 （1）数据类型 在JavaScript语言中，常见的数据类型有：Number：数值型 ，该类型包含整数和浮点数。整数可以为正 整数或负整数，浮点数可以包括小数点，如“5.33

13、” 或“7E-2” string ：字符串型，字符串数据应加上单引号或双引号boolean：布尔型，可以为true或false两个值object：对象型，该类型是JavaScript的重要组成部分基本语法基本语法 （2）变量 JavaScript中的数据也分为常量和变量。JavaScript对变量的数据类型要求并不严格，可以不必声明每一个变量的类型。例如：var isBanana = false; 变量命名需要遵守以下5个规则： （1）变量命名必须以一个英文字母或是下划线为开头，也就是变 量名第一字符必须是A到Z或a到z之间的字母，或是“_”。（2）变量名长度在0255字符之间。（3）除了首字

14、符，其他字符可以使用任何字符、数字或下划线， 但不能使用空格。（4）不能使用JavaScript用的保留字。（5）不能使用JavaScript的运算符。 基本语法基本语法 （3）数组 数组就是由一组数值按照顺序排列在一起，并放在同一个变量中，而每个数值都可以通过索引得到数组中所存储的信息。例如：var arrUserInfo = new Array(2) 声明数组时，使用new和Array关键字。new代表建立一个新的对象，Array是JavaScript内置的一个对象，由于JavaScript区分大小写，因此Array的首字母必须是大写。第一个数索引下标是0 。 常用语句（常用语句（1）函数

15、定义语句 JavaScript函数定义格式如下： function 函数名称(参数) 函数执行部分 return 表达式 return语句表示函数的返回值，如果没有返回值可以省略。通过JavaScript函数格式定义一个函数的代码如下： function sanyang()a l e r t ( “ 欢 迎 来 到 三 扬 科技！”) 常用语句（常用语句（2）条件语句 条件语句通过ifelse用来完成程序流程块中的分支功能，具体格式如下： if(条件)执行语句1else执行语句2 在上述代码中，如果条件成立，则执行语句1，否则执行语句2。 常用语句（常用语句（3）分支语句 分支语句switch

16、是根据一个表达式取值的不同而采用不同的处理方法，具体格式如下： switch(表达式)case 1:执行语句1;case 2:执行语句2;case 3:执行语句3; 在上述代码中，表达式的值与case值都不匹配，将执行省略号后面的语句。 常用语句（常用语句（4）循环语句 在JavaScript语言中，循环语句包含for语句、forin语句及while语句。 for(变量初始化;条件;更新变量)执行语句; （1）for语句 for语句功能是只要循环条件成立，就反复执行循环体中的语句，具体格式如下： 常用语句（常用语句（5）循环语句 for(变量 in 对象或数组)执行语句; （2）forin语句

17、 forin语句与for语句相似，不同的是forin循环的范围是一个对象的所有属性或是一个数组中的所有元素，具体格式如下： while(条件)执行语句 （3）while语句 while语句中的条件如果始终成立，则一直循环下去，直到条件不再成立。该语句具体格式如下： 对象对象 （1）时间对象Date var date=new Date() Date对象的主要作用是获取当前的系统时间，使用该对象必须使用关键字new来创建。例如： Date对象的方法见下表 ：名称含义名称含义getYear()/setYear()获取或赋值当前的年份getMonth()/setMonth()获取或赋值当前的月份get

18、Date()/setDate()获取或赋值当前的日期getDay()/setDay()获取或赋值当前的星期getHours()/setHours()获取或赋值当前的小时getMinutes()/setMinutes()获取或赋值当前的分钟getSeconds()/setSeconds()获取或赋值当前的秒getTime()/setTime()获取或赋值当前的时间（以毫秒为单位）date.html对象对象 （2）数学对象Math Math对象可以用来处理各种数学运算。Math对象的内置方法定义了各种数学运行，可以直接调用。Document.write(Math.round(4.7);Math对象

19、的方法见下表：名称含义名称含义abs(x)返回x的绝对值acos(x)返回x的反余弦值asin(x)返回x的反正弦值atan(x)返回x的反正切值ceil(x)返回大于或等于x的最小整数cos(x)返回x的余弦值exp(x)返回e的x次方floor(x)返回小于或等于x的最大整数Max(x,y)返回x、y中的最大值min(x,y)返回x、y中的最小值pow(x,y)返回x的y次方round(x)返回x的整数部分sin(x)返回x的正弦值sqrt(x)返回x的平方根tan(x)返回x的正切值 对象对象 （3）字符串对象String String是字符串对象，也是使用较多的对象，该对象只有一个属性

20、：length属性表示字符串中包含的字符数目。String对象常用的方法如下：”abcabc”.indexof(“a”,1)名称含义名称含义big()设置字符串为大字体small()设置字符串为小字体italics()设置字体为斜体fixed()设置固定字体bold()设置字体为粗体substring()获取自start到end的子串toUpperCase()转换字符串为大写toLowerCase()转换字符串为小写fontsize(size)设置字体的大小，参数size为整数，数越大字体就越大fontcolor(color)设置字体的颜色，参数color可以使用bule、red等表示，也可以

21、使用ff0233等6位十六进制数表示indexOf(char,start)在字符串中从start处开始查找第一出现的char字符，并返回其位置事件（事件（1）指定事件处理程序 事件就是由某个对象发出的消息，这个消息标志着某个特定的行为发生，或某个特定的条件成立。例如，单击鼠标、单击按钮或者打开窗口时，都会触发相应的事件。 （1）直接在HTML元素中指定。具体格式如下： （2）编写特定对象特定事件的JavaScript。具体格式如下： .(事件处理程序代码). alert(网页读取完成)； 事件（事件（2）鼠标单击事件 鼠标单击事件是常见的事件，事件对应的方法名是onclick，具体使用格式如下

22、： 例如 ： onclick=函数或处理语句 程序运行结果如图所示 ：2.html事件（事件（3）下拉列表事件 下拉列表是常用的一种HTML元素，通常情况下，利用onChange事件来处理，具体使用格式如下： 例如 ：北京 上海天津 重庆 onChange=函数或处理语句 程序运行结果如图所示 ：事件（事件（4）判断输入框是否为空 在进行“注册”或“登录”操作时，需要校验表单中输入框是否为空。这时，可以利用元素中的onsubmit属性进行设置，该事件用于发生在表单的“提交”按钮被单击（按下并放开）时，可以使用该事件来验证表单的有效性。通过在事件处理程序中返回false值（return fals

23、e）可以阻止表单提交。例如：function userCheck() /校验用户名表单是否为空 if (document.form1.username.value = ) window.alert(“请输入用户名”); return false; 如果表单中用户名为空，运行结果如图所示：3.jsp2.3 Web应用程序体系结构应用程序体系结构 2.3.1 三层架构 2.3.2 二层架构 2.3.3 JSP技术支持的架构 三层架构（三层架构（1） 按照程序的分工不同，把应用程序分为如下3层： （1）数据显示层：用户数据输入界面和数据显示界面，运行在客户端上。（2）逻辑计算层：数据计算功能，运行在

24、应用服务器上。（3）数据处理层：数据库处理功能，运行在数据库服务器上。 应用程序的三层架构结构如图所示：相互调用数据显示层客户端本地用户使用的计算机，通过客户端软件请求应用服务器提供服务。 逻辑计算层应用服务器接受客户请求进行数据计算，并把计算结果返回给客户。JSP页面使用的服务器，该服务器通常由JSP引擎、Servlet引擎和Web服务器构成。 数据处理层数据库服务器提供数据处理和事务处理。例如，SQL Server2000、MYSQL、Oracle。 相互调用三层架构（三层架构（2） B/S架构与C/S架构 根据客户端程序的运行机制不同，三层架构又分为B/S架构与C/S架构。 （1）C/S

25、架构 C/S又称Client/Server或客户/服务器模式。服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统，如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件。对应的优点就是客户端响应速度快。缺点主要有以下几个： 只适用于局域网。 客户端需要安装专用的客户端软件，其维护和升级成本 非常高。 三层架构（三层架构（3） B/S架构与C/S架构 （2）B/S架构 B/S是Brower/Server的缩写，客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务

26、器安装Oracle、MYSQL或 SQL Server等数据库。浏览器通过Web Server 同数据库进行数据交互。 B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易，只要能上网，再由系统管理员分配一个用户名和密码，就可以使用了。甚至可以在线申请，通过公司内部的安全认证后，系统可以自动分配给用户一个账号进入系统。 二层架构二层架构 在二层架构中，由同一程序来实现逻辑计算和数据处理，即把逻辑层与数据处理层合并为一层。这时，应用服务器和数据库服务器可能是同一台计算机。根据客户端程序的性质，二层架构也可以分为C/S

27、结构和B/S结构。二层架构的结构如图所示： 数据展示层逻辑计算与数据处理放在同一层客户端应用服务器与数据库服务器相互调用JSP技术支持的架构技术支持的架构 JSP技术开发的程序架构只是B/S结构或C/S架构。JSP技术的一般层次如图所示： 客户端浏览器JSP引擎与Web服务器相互调用数据库服务器相互调用JSP页面有如下3种形式： vJSP页面由HTML元素与Java表达式组成。vJSP页面由HTML元素与Servlet模块组成。vJSP页面由HTML元素与Bean组成。 2.4 应用服务器应用服务器 2.4.1 Web服务器 2.4.2 JSP引擎和Servlet引擎 Web服务器服务器 We

28、b服务器是一种请求/响应模式的服务器。即由客户端想服务器提出服务请求，服务器接收请求后，进行服务处理，将处理的结果返回给客户端。客户端与服务器间的通信协议是HTTP协议。如图： 客户端浏览器Web服务器请求响应处理 常见的Web服务器有Tomcat、WebLogic、WebSphere三种。这三种服务器都带有JSP引擎和Servlet引擎。 JSP引擎和引擎和Servlet引擎引擎 JSP引擎和Servlet引擎都是系统模块，即为应用服务提供服务的模块，也属于Servlet模块，它们随着Web服务器启动载入内存，随着Web服务器关闭而释放。Servlet模块分为两类：一类是应用Servlet，它是JSP页面转换并编译的结果，也就是