1 / 57

静态与动态网页

静态与动态网页. 关于 HTML. HTML 以 标签 形式存在 于网页当 中 。 < HEAD></HEAD> 表示 网页开始的区块 。 < TITLE > 与 </ TITLE> 之间的文字会显示 在 浏览器 的 标题栏中 。 < BODY> 标签区块 ，代表 网页文件主体。. 标 签. 定 义. < table></table>. 设定表格的开始与结束。. < tr></tr>. 设定一个新列。. < td></td>. 设定指定列里的一个新字段。. < th></th>. 设定表格每行的字段抬头。. 表格. 属性. 说明. border.

leilani-davidson
Download Presentation

静态与动态网页

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 静态与动态网页 JSP 动态网页新技术

  2. 关于HTML • HTML以标签形式存在于网页当中 。 • <HEAD></HEAD>表示网页开始的区块。 • <TITLE>与</TITLE>之间的文字会显示在浏览器的标题栏中。 • <BODY>标签区块，代表网页文件主体。 JSP 动态网页新技术

  3. 标 签 定 义 <table></table> 设定表格的开始与结束。 <tr></tr> 设定一个新列。 <td></td> 设定指定列里的一个新字段。 <th></th> 设定表格每行的字段抬头。 表格 JSP 动态网页新技术

  4. 属性 说明 border 改变表格边框厚度。 width 改变表格的宽度。 height 改变表格的高度。 表格的边框厚度、高度与宽度 JSP 动态网页新技术

  5. 表格位置设定 • 绝对位置表示法：使用像素来做为设定单位 ，不论窗口如何调整，占用固定的像素。 • 相对位置表示法 ：使用百分比做为设定单位 ，占用某一固定的比例大小 。 JSP 动态网页新技术

  6. 属 性 可设定的 属性值 说 明 align left、center、right 靠左、置中、靠右对齐，默认为靠左对齐 valign top、center、bottom 向上、置中、向下对齐，默认为置中对齐 表格数据的对齐方式 JSP 动态网页新技术

  7. 超链接 超链接标签 <a href=“目标网页和文件”>链接文字</a> JSP 动态网页新技术

  8. 属性值 说 明 _blank 将连结内容显示在新窗口中。 _self 将连接内容显示在原本的窗口中。 _top 将连结内容显示在原本的窗口中，并取消框架的限制。 _parent 将内容显示在上一层的框架中。 超链接target 属性 JSP 动态网页新技术

  9. <img>标签 链接图片文件 <img src=filesourcepath> JSP 动态网页新技术

  10. JSP程序代码区块 <%…%>界定JSP网页提供互动功能的程序区块。 <% Java程序代码 … %> JSP 动态网页新技术

  11. JSP程序代码细节 • 注解 程序以符号// 作标识： //该区块里为JSP程序代码 程序运行的过程中，标识為//的程式代码都会被忽略。 • 数据输出 out是JSP中的默认对象，用來将数据输出到客户端网页上。 println()是out对象提供将字符串等数据输出至网页的方法。 每一行完整的程序指令，均必须以分号(；)做結束。 JSP 动态网页新技术

  12. JSP语法 • Scripting Elements：由Java程序代码构成的JSP程序区块，也就是JSP网页中的Java程序片段，<%…%>符号之间输出文字信息的程序代码。 • Directive Elements：网页相关信息、属性的存取与设定。 • Action Elements：以XML为基础所发展的JSP网页元素，主要用来进行与网页加载、转向甚至引用外部组件等相关操作，此类元素以标签型式存在，并且以jsp前缀区别其它网页中所存在的标签。 • JSTL：JSP 预先定义专门提供页制作的标签函数库，全名为JSP Standard Tag Library(简称JSTL)，包含各种网页运作所需的功能，例如循环、流程控制、输入/出、文字格式化、XML文件处理和数据库存取操作。 • EL Elements：JSP 2.0纳入的新规格，用来简化上述Scripting Elements的网页编写模式。 JSP 动态网页新技术

  13. 变量 • 变量用以储存各种类型的数据，同时对应到计算机中某一段内存空间区块的特定名称，程序根据变量名称在计算机内存中取得所需的数据内容，进行各种程序逻辑的运算。 • 声明变量： varType varName ; JSP 动态网页新技术

  14. 常量 • Final关键词与常数声明： final varType varName　= varValue ; • 常数所储存的內容不允许被改变，若在程序运行中更改常数的內容，會导致错误情況发生。 JSP 动态网页新技术

  15. 变量的命名规则 • 必须为合法字符 Java程序将字母相同、大小写相异的两个变量视为相异，同时名称包含非法字符并不被允许，例如空白与前置为数字的变量名称 。 • 避免使用关键词 关键词是由Java预先定义，具有特定意义的特定名称字串，无法被使用在变量的命名。 • 使用具意义的变量名称 变量的命名基本上只要符合上述的规则即可，使用一个代表变量意义的名称为变量命名可方便辨识。 JSP 动态网页新技术

  16. 类型 数据类型 名称 大小 有效范围 字符 char 字符 16 bit '\u0000'~'\uffff' 布尔 boolean 布尔值 1 bit true或false 浮点数 float 浮点数 32 bit 1.40239846E-45 ~3.40282347E+38 double 倍精确浮点数 64 bit 4.94065645841246544E-324 ~1.79769313486231570E+308 整数 byte 位整数 8 bit -128 ~ 127 short 短整数 16 bit -32768 ~ 32767 int 整数 32 bit -2147483648 ~ 2147483647 long 长整数 64 bit -922337203685475808 ~ 922337203685475808 数据类型 JSP 动态网页新技术

  17. 声明整型变量 整型变量，必须以任何一个整数类型的名称作声明，如下所示： byte bteVar ; short shVar ; int intVar ; long lngVar ; JSP 动态网页新技术

  18. 浮点型变量 • 浮点数的数值类型依其数值范围的大小分为两种，分别是float和double，用以储存包含小数点的非整数数值。 • 浮点数可以储存的数值范围比整数大，同时，一个声明为浮点数的变量同样可以被用以储存整数数据。 JSP 动态网页新技术

  19. 布尔型变量 声明为boolean的变量只能储存true或是false： boolean blnVar1 = flase ; boolean blnVar2 = true ; JSP 动态网页新技术

  20. 字符型变量 • Char类型的变量代表双位組的单一字符。 • 当一個字符被指定給char型变量，字符必須使用单引号將其包围起來。 • 一個字符可以用以表示变量或是字串。 JSP 动态网页新技术

  21. 数组 • 数组(Array)是一种复合类型的数据类型，用来存放一群类型相同的数据元素。 • 数组存放元素的位置，由索引值作识别 ，索引值从0开始依次增加。 • 声明一個数组变量： 数据类型数组名称[]=new 数据类型[数组大小]; 语法2：数据类型数组名称[]={內容值}; • 单一列结构的数组，将其称为一维数组 JSP 动态网页新技术

  22. 二维数组 • 声明二维数组： 数据类型 数组名[][]=new 数据类型[列数][行数] ; • 存取二维数组的方式也相当的简单，只需指定所要存取的元素，其所在位置的索引编号即可，例如前一个二维数组示意图中，当用户想要取得元素32所需的语法如下： a = objArr[2][1] ； • 其中的objArr代表上述的二维数组表格，[2][1]则是其位置索引，这一行程序代码片段会将取得的元素32存到变量a。 JSP 动态网页新技术

  23. 元素11 [0] [0] 元素12 [0] [1] 元素11 [0] [2] 元素21 [1] [0] 元素22 [1] [1] 元素12 [1] [2] 元素31 [2] [0] 元素32 [2] [1] 元素13 [2] [3] 二维数组 JSP 动态网页新技术

  24. 数据类型转换 数据类型转换语法： (dataType)varName JSP 动态网页新技术

  25. 运算符 运算符名称 范例 + 加法 A+B=14 - 减法 A-B=8 * 乘法 A*B / 除法 A/B % 取余数 A%B 算术运算符 JSP 动态网页新技术

  26. 运算符 使用语法 说明 += A+=5 A+=5 等于A=A+5 -= A-=5 A-=5等于A=A-5 *= A*=5 A*=5等于A=A*5 /= A/=5 A/=5等于A=A/5 %= A%=5 A%5等于A=A%5 ++ A++、++A A++等于A=A+1 -- A--、--A A--等于A=A-1 算术运算符 JSP 动态网页新技术

  27. 前置与后置运算 • 前置运算：运算符首先针对其连接的操作数进行运算，然后回传运算的结果 。 B = 5 ; A = ++B ; • 后置运算：操作数的值首先会回传给指定变量，然后运算符再针对其进行运算 。 B = 5 ; A = B ++ ; JSP 动态网页新技术

  28. 运算符 说明 使用语法 范例(A=3,B=23) = = 等于 A= = B 返回布尔值false != 不等于 A!=B 返回布尔值true > 大于 A>B 返回布尔值false >= 大于等于 A>=B 返回布尔值false < 小于 A<B 返回布尔值true <= 小于等于 A<=B 返回布尔值true 比较运算符 JSP 动态网页新技术

  29. 运算符 意义 |、|| OR逻辑判断 &、&& AND ! NOT 逻辑布尔运算符 JSP 动态网页新技术

  30. OR运算符 | 以及 ||均是OR运算符，其左右串接2个操作数，当其中有一个操作数的值是true的時候，则返回一个true 的布尔值。 operandA || operandB operandA与operandB 其中有一个等于true ，则返回一个true的布尔值。 JSP 动态网页新技术

  31. AND运算符 • & 和 && 两个同样是AND运算符，针对两个操作数进行AND的逻辑运算，只有当其连接的两操作数均是true的时候，则返回一个true的布尔值，否则一律返回false 。 • &&不一定会针对其串接的两个操作数作运算，当左边的操作数结果为false的时候，则其直接返回一个结果为false的布尔值，不再理会右边表达式的操作数，而&则是对于两个操作数进行运算，即使左边的操作数结果为false，右边的操作数还是会完成其运算之后，才会回传其结果。 JSP 动态网页新技术

  32. ！运算符 !是一种逻辑反向运算符，针对一个布尔操作数作运算，将其值取反后输出，其用法如下： !true => false !false => true JSP 动态网页新技术

  33. 运算符 说明 ++、-- 递增、递减运算 *、/、% 乘、除、取余数 <、<=、>、>= 小于、小于等于、大于、大于等于 ==、!= 等于、不等于 & 逻辑运算"AND" | 逻辑运算"OR" && 逻辑运算"AND" || 逻辑运算"OR" +=、-=、*=、/=、%= 算术指派运算符 运算符优先顺序 JSP 动态网页新技术

  34. If 判断式 if(condition ) { 语句 ; } JSP 动态网页新技术

  35. if-else判断式 if(condition) { 语句1 … } else{ 语句2 … } 其他语句 … JSP 动态网页新技术

  36. if-else if-else 判断式 if(condition 1){ 语句1 … } else if(condition2){ 语句2 … } else{ 语句3 … } JSP 动态网页新技术

  37. Switch判断式 switch(运算式式){ case 1: 程序片段; break; case 2: 程序片段; break; default: 程序片段; break; } JSP 动态网页新技术

  38. For循环 for(初始值;条件式;表达式){ 程序代码; } JSP 动态网页新技术

  39. while 循环 while(条件式){ 程序代码 } JSP 动态网页新技术

  40. do-while 循环 do{ 程序代码 }while(条件式) JSP 动态网页新技术

  41. Break与continue指令 • break指令 用来强迫结束循环或离开判断式，在switch语句中，可以利用它结束一个case区块的运行，break经常被使用于循环中，进行循环的强迫中断操作 。 • continue指令 continue指令会忽略其后的程序代码，而直接运行下一次的循环。 JSP 动态网页新技术

  42. HTML与Script Script与HTML之间并非完全没有关联，在实际网页的设计过程中，通过Script控制HTML以动态产生网页内容的行为相当普遍，HTML与Script之间经常是协同运作而非独立存在。 JSP 动态网页新技术

  43. 指令 意义 page 使用于设定JSP的网页特性。 include 使用于将外部文件加载到当前的JSP网页。 taglib 使用于自定义JSP标签。 Directives Element JSP 动态网页新技术

  44. 引用 Directives Element Directives Element必须以符号@进行引用，并且放置在<%…%>区块当中： <%@ directivename propertyname1=value1, propertyname2=value2,…%> JSP 动态网页新技术

  45. Page指令 page指令用来设定JSP网页的相关特性，包含编码方式、引用类、缓冲区、使用的Script语言 <%@page 属性1=“设定值”,属性2="设定值",…%> JSP 动态网页新技术

  46. page-contentType • 设定JSP网页的文件格式与编码所使用的字符集，默认值为 text/html;charset=ISO-8895-1 • contentType属性值将网页文件数据的编码方式设定为GB2312。 <%@page 　　 contentType = "text/html; 　　 charset = GB2312"%> • JSP网页默认的编码方式並沒有办法识别中文，contentType属性的charset项目必须设定为GB2312或是MS950才能正确显示中文。 JSP 动态网页新技术

  47. page-language & import • Language属性 language属性用来设定编写JSP网页使用的程序语法，目前处理JSP网页服务器中的JSP引擎都只支持Java，因此这个属性的默认值为Java。 • import屬性 import属性用来指定所要加载的非预设Java包或类 。 默认加载的包类有java.lang、javax.servlet、javax.servlet和javax.servlet.http 载入非预设包，如 <%@page import = "java.util.*,java.io.*"%> 加载了2个包java.util.*和java.io.*，以逗号作分隔。 JSP 动态网页新技术

  48. Page属性设定 • Session属性 session属性的属性值可为true或false，用来设定JSP网页是否使用内建的session对象与功能，默认值为true。 • Buffer属性 • 设定JSP网页所使用的缓冲区大小。 • 缓冲区是用来暂存一些要传送給客户端的数据，默认值为8kb。 • 设定值none，表示不使用缓冲区的功能。 • 设定缓冲区的大小值必须大于8kb： <%@page buffer = "24kb"%> • autoFlush 是否在缓冲区中的储存空间已满时，自动将数据传送至客户端，默认值为true。 JSP 动态网页新技术

  49. page-info • Info属性 • 设定一个代表当前這個JSP网页的信息。 • 设定內容可在程序中使用getServletInfo()方法來取得。 • 设定info属性： <%@page info = “网页信息说明 … ”%> JSP 动态网页新技术

  50. Page-isThreadSafe • isThreadSafe • 设定目前网页产生例外错误时，可取得与显示这个例外错误信息的另一个网页地址 。 • 通常设定的地址为目前网页的相对路径 ： <%@page errorPage="error.jsp"%> • 当目前的网页发生例外错误时，在error.jsp中可直接使用exception对象来取得相关的错误信息。 JSP 动态网页新技术

More Related