静态与动态网页
This presentation is the property of its rightful owner.
Sponsored Links
1 / 57

静态与动态网页 PowerPoint PPT Presentation


  • 47 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


5987364

静态与动态网页

JSP 动态网页新技术


5987364

关于HTML

  • HTML以标签形式存在于网页当中 。

  • <HEAD></HEAD>表示网页开始的区块。

  • <TITLE>与</TITLE>之间的文字会显示在浏览器的标题栏中。

  • <BODY>标签区块,代表网页文件主体。

JSP 动态网页新技术


5987364

标 签

定 义

<table></table>

设定表格的开始与结束。

<tr></tr>

设定一个新列。

<td></td>

设定指定列里的一个新字段。

<th></th>

设定表格每行的字段抬头。

表格

JSP 动态网页新技术


5987364

属性

说明

border

改变表格边框厚度。

width

改变表格的宽度。

height

改变表格的高度。

表格的边框厚度、高度与宽度

JSP 动态网页新技术


5987364

表格位置设定

  • 绝对位置表示法:使用像素来做为设定单位 ,不论窗口如何调整,占用固定的像素。

  • 相对位置表示法 :使用百分比做为设定单位 ,占用某一固定的比例大小 。

JSP 动态网页新技术


5987364

属 性

可设定的

属性值

说 明

align

left、center、right

靠左、置中、靠右对齐,默认为靠左对齐

valign

top、center、bottom

向上、置中、向下对齐,默认为置中对齐

表格数据的对齐方式

JSP 动态网页新技术


5987364

超链接

超链接标签

<a href=“目标网页和文件”>链接文字</a>

JSP 动态网页新技术


Target

属性值

说 明

_blank

将连结内容显示在新窗口中。

_self

将连接内容显示在原本的窗口中。

_top

将连结内容显示在原本的窗口中,并取消框架的限制。

_parent

将内容显示在上一层的框架中。

超链接target 属性

JSP 动态网页新技术


5987364

<img>标签

链接图片文件

<img src=filesourcepath>

JSP 动态网页新技术


5987364

JSP程序代码区块

<%…%>界定JSP网页提供互动功能的程序区块。

<%

Java程序代码 …

%>

JSP 动态网页新技术


5987364

JSP程序代码细节

  • 注解

    程序以符号// 作标识:

    //该区块里为JSP程序代码

    程序运行的过程中,标识為//的程式代码都会被忽略。

  • 数据输出

    out是JSP中的默认对象,用來将数据输出到客户端网页上。

    println()是out对象提供将字符串等数据输出至网页的方法。

    每一行完整的程序指令,均必须以分号(;)做結束。

JSP 动态网页新技术


5987364

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 动态网页新技术


5987364

变量

  • 变量用以储存各种类型的数据,同时对应到计算机中某一段内存空间区块的特定名称,程序根据变量名称在计算机内存中取得所需的数据内容,进行各种程序逻辑的运算。

  • 声明变量:

    varType varName ;

JSP 动态网页新技术


5987364

常量

  • Final关键词与常数声明:

    final varType varName = varValue ;

  • 常数所储存的內容不允许被改变,若在程序运行中更改常数的內容,會导致错误情況发生。

JSP 动态网页新技术


5987364

变量的命名规则

  • 必须为合法字符

    Java程序将字母相同、大小写相异的两个变量视为相异,同时名称包含非法字符并不被允许,例如空白与前置为数字的变量名称 。

  • 避免使用关键词

    关键词是由Java预先定义,具有特定意义的特定名称字串,无法被使用在变量的命名。

  • 使用具意义的变量名称

    变量的命名基本上只要符合上述的规则即可,使用一个代表变量意义的名称为变量命名可方便辨识。

JSP 动态网页新技术


5987364

类型

数据类型

名称

大小

有效范围

字符

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 动态网页新技术


5987364

声明整型变量

整型变量,必须以任何一个整数类型的名称作声明,如下所示:

byte bteVar ;

short shVar ;

int intVar ;

long lngVar ;

JSP 动态网页新技术


5987364

浮点型变量

  • 浮点数的数值类型依其数值范围的大小分为两种,分别是float和double,用以储存包含小数点的非整数数值。

  • 浮点数可以储存的数值范围比整数大,同时,一个声明为浮点数的变量同样可以被用以储存整数数据。

JSP 动态网页新技术


5987364

布尔型变量

声明为boolean的变量只能储存true或是false:

boolean blnVar1 = flase ;

boolean blnVar2 = true ;

JSP 动态网页新技术


5987364

字符型变量

  • Char类型的变量代表双位組的单一字符。

  • 当一個字符被指定給char型变量,字符必須使用单引号將其包围起來。

  • 一個字符可以用以表示变量或是字串。

JSP 动态网页新技术


5987364

数组

  • 数组(Array)是一种复合类型的数据类型,用来存放一群类型相同的数据元素。

  • 数组存放元素的位置,由索引值作识别 ,索引值从0开始依次增加。

  • 声明一個数组变量:

    数据类型数组名称[]=new 数据类型[数组大小];

    语法2:数据类型数组名称[]={內容值};

  • 单一列结构的数组,将其称为一维数组

JSP 动态网页新技术


5987364

二维数组

  • 声明二维数组:

    数据类型 数组名[][]=new 数据类型[列数][行数] ;

  • 存取二维数组的方式也相当的简单,只需指定所要存取的元素,其所在位置的索引编号即可,例如前一个二维数组示意图中,当用户想要取得元素32所需的语法如下:

    a = objArr[2][1] ;

  • 其中的objArr代表上述的二维数组表格,[2][1]则是其位置索引,这一行程序代码片段会将取得的元素32存到变量a。

JSP 动态网页新技术


5987364

元素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 动态网页新技术


5987364

数据类型转换

数据类型转换语法:

(dataType)varName

JSP 动态网页新技术


5987364

运算符

运算符名称

范例

+

加法

A+B=14

-

减法

A-B=8

*

乘法

A*B

/

除法

A/B

%

取余数

A%B

算术运算符

JSP 动态网页新技术


5987364

运算符

使用语法

说明

+=

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 动态网页新技术


5987364

前置与后置运算

  • 前置运算:运算符首先针对其连接的操作数进行运算,然后回传运算的结果 。

    B = 5 ;

    A = ++B ;

  • 后置运算:操作数的值首先会回传给指定变量,然后运算符再针对其进行运算 。

    B = 5 ;

    A = B ++ ;

JSP 动态网页新技术


5987364

运算符

说明

使用语法

范例(A=3,B=23)

= =

等于

A= = B

返回布尔值false

!=

不等于

A!=B

返回布尔值true

>

大于

A>B

返回布尔值false

>=

大于等于

A>=B

返回布尔值false

<

小于

A<B

返回布尔值true

<=

小于等于

A<=B

返回布尔值true

比较运算符

JSP 动态网页新技术


5987364

运算符

意义

|、||

OR逻辑判断

&、&&

AND

!

NOT

逻辑布尔运算符

JSP 动态网页新技术


5987364

OR运算符

| 以及 ||均是OR运算符,其左右串接2个操作数,当其中有一个操作数的值是true的時候,则返回一个true 的布尔值。

operandA || operandB

operandA与operandB 其中有一个等于true ,则返回一个true的布尔值。

JSP 动态网页新技术


5987364

AND运算符

  • & 和 && 两个同样是AND运算符,针对两个操作数进行AND的逻辑运算,只有当其连接的两操作数均是true的时候,则返回一个true的布尔值,否则一律返回false 。

  • &&不一定会针对其串接的两个操作数作运算,当左边的操作数结果为false的时候,则其直接返回一个结果为false的布尔值,不再理会右边表达式的操作数,而&则是对于两个操作数进行运算,即使左边的操作数结果为false,右边的操作数还是会完成其运算之后,才会回传其结果。

JSP 动态网页新技术


5987364

!运算符

!是一种逻辑反向运算符,针对一个布尔操作数作运算,将其值取反后输出,其用法如下:

!true => false

!false => true

JSP 动态网页新技术


5987364

运算符

说明

++、--

递增、递减运算

*、/、%

乘、除、取余数

<、<=、>、>=

小于、小于等于、大于、大于等于

==、!=

等于、不等于

&

逻辑运算"AND"

|

逻辑运算"OR"

&&

逻辑运算"AND"

||

逻辑运算"OR"

+=、-=、*=、/=、%=

算术指派运算符

运算符优先顺序

JSP 动态网页新技术


5987364

If 判断式

if(condition )

{

语句 ;

}

JSP 动态网页新技术


If else

if-else判断式

if(condition)

{

语句1 …

}

else{

语句2 …

}

其他语句 …

JSP 动态网页新技术


If else if else

if-else if-else 判断式

if(condition 1){

语句1 …

}

else if(condition2){

语句2 …

}

else{

语句3 …

}

JSP 动态网页新技术


Switch

Switch判断式

switch(运算式式){

case 1:

程序片段;

break;

case 2:

程序片段;

break;

default:

程序片段;

break;

}

JSP 动态网页新技术


5987364

For循环

for(初始值;条件式;表达式){

程序代码;

}

JSP 动态网页新技术


While

while 循环

while(条件式){

程序代码

}

JSP 动态网页新技术


Do while

do-while 循环

do{

程序代码

}while(条件式)

JSP 动态网页新技术


Break continue

Break与continue指令

  • break指令

    用来强迫结束循环或离开判断式,在switch语句中,可以利用它结束一个case区块的运行,break经常被使用于循环中,进行循环的强迫中断操作 。

  • continue指令

    continue指令会忽略其后的程序代码,而直接运行下一次的循环。

JSP 动态网页新技术


Html script

HTML与Script

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

JSP 动态网页新技术


Directives element

指令

意义

page

使用于设定JSP的网页特性。

include

使用于将外部文件加载到当前的JSP网页。

taglib

使用于自定义JSP标签。

Directives Element

JSP 动态网页新技术


Directives element1

引用 Directives Element

Directives [email protected],并且放置在<%…%>区块当中:

<%@ directivename

propertyname1=value1, propertyname2=value2,…%>

JSP 动态网页新技术


5987364

Page指令

page指令用来设定JSP网页的相关特性,包含编码方式、引用类、缓冲区、使用的Script语言

<[email protected] 属性1=“设定值”,属性2="设定值",…%>

JSP 动态网页新技术


Page contenttype

page-contentType

  • 设定JSP网页的文件格式与编码所使用的字符集,默认值为

    text/html;charset=ISO-8895-1

  • contentType属性值将网页文件数据的编码方式设定为GB2312。

    <[email protected]

      contentType = "text/html;

      charset = GB2312"%>

  • JSP网页默认的编码方式並沒有办法识别中文,contentType属性的charset项目必须设定为GB2312或是MS950才能正确显示中文。

JSP 动态网页新技术


Page language import

page-language & import

  • Language属性

    language属性用来设定编写JSP网页使用的程序语法,目前处理JSP网页服务器中的JSP引擎都只支持Java,因此这个属性的默认值为Java。

  • import屬性

    import属性用来指定所要加载的非预设Java包或类 。

    默认加载的包类有java.lang、javax.servlet、javax.servlet和javax.servlet.http

    载入非预设包,如

    <[email protected] import = "java.util.*,java.io.*"%>

    加载了2个包java.util.*和java.io.*,以逗号作分隔。

JSP 动态网页新技术


5987364

Page属性设定

  • Session属性

    session属性的属性值可为true或false,用来设定JSP网页是否使用内建的session对象与功能,默认值为true。

  • Buffer属性

    • 设定JSP网页所使用的缓冲区大小。

    • 缓冲区是用来暂存一些要传送給客户端的数据,默认值为8kb。

    • 设定值none,表示不使用缓冲区的功能。

    • 设定缓冲区的大小值必须大于8kb:

      <[email protected] buffer = "24kb"%>

  • autoFlush

    是否在缓冲区中的储存空间已满时,自动将数据传送至客户端,默认值为true。

JSP 动态网页新技术


Page info

page-info

  • Info属性

    • 设定一个代表当前這個JSP网页的信息。

    • 设定內容可在程序中使用getServletInfo()方法來取得。

    • 设定info属性:

      <[email protected] info = “网页信息说明 … ”%>

JSP 动态网页新技术


Page isthreadsafe

Page-isThreadSafe

  • isThreadSafe

    • 设定目前网页产生例外错误时,可取得与显示这个例外错误信息的另一个网页地址 。

    • 通常设定的地址为目前网页的相对路径 :

      <[email protected] errorPage="error.jsp"%>

    • 当目前的网页发生例外错误时,在error.jsp中可直接使用exception对象来取得相关的错误信息。

JSP 动态网页新技术


Page errorpage iserrorpage

page-ErrorPage isErrorPage

  • ErrorPage

    • 设定当前网页产生例外错误时,可取得与显示这个例外错误信息的另一个网页地址:

      <[email protected] errorPage="error.jsp"%>

    • 当目前的网页发生例外错误时,在error.jsp中可直接使用exception对象来获取相关的错误信息。

  • isErrorPage

    • 用來设定网页是否可显示其它网页所产生的例外信息,此属性的默认值为false。

JSP 动态网页新技术


Include

include指令

  • Include

    • 将HTML、文本文件或者JSP程序载入当前的JSP网页。

    • File属性为所要载入的文件路径。

      <[email protected] file= “载入文件的相对路径"%>

    • 一旦引用include指令,载入的外部文件內容将成为当前网页的一部份。

JSP 动态网页新技术


Taglib

Taglib指令

  • taglib

    • 用來引用一个自定义的标签库。

    • taglib使用语法:

      <[email protected] uri=“名称空间” prefix=“前缀”%>

      在上面的这行语句中,名称空间代表标签库所在的URI,前缀则是一个英文字,用来做为自定卷标与网页预设卷标的区别符号。

JSP 动态网页新技术


Action element

分类

项目

功能说明

JavaBean

<jsp:useBean>

使用JavaBean

<jsp:setProperty>

设定JavaBean的属性值

<jsp:getProperty>

取得JavaBean的属性值

<jsp:param>

设定传送参数

一般元素

<jsp:plugin>

载入Java Applet或JavaBean

<jsp:forward>

网页重新导向

<jsp:include>

载入HTML或JSP文件

XML(2.0新增)

<jsp:attribute>

设定卷标属性

<jsp:body>

动态设定XML卷标主体

<jsp:element>

动态设定XML卷标

Action Element

JSP 动态网页新技术


Jsp param

<jsp:param>

  • <jsp:param>

    • 传递参数給JSP程序。

    • 语法:

      <jsp:param name=“参数名称” value=“参数值"/>

    • <jsp:param>元素使用时必须要设定其name属性表示传递参数的名称,value属性用來设定该参数的值。

    • JSP操作元素和HTML不同,设定元素的属性时必须加上双引号""。

    • 在JSP程序中以如下的程序代码來获取该参数的值。

    • request.getParameter(“参数名称");

    • <jsp:param>操作元素的使用必须配合<jsp:include>、<jsp:forward>以及<jsp:plugin>等元素。

JSP 动态网页新技术


Jsp include

<jsp:include>

  • <jsp:include>

    在当前的网页中加载JSP程序或者HTML文件:

    <jsp:include page = “载入文件所在的相对路径”

      flush = "true">

    <jsp:param name = “参数1” value = “参数值"/>

    <jsp:param name = “参数2” value = “参数值"/>

    </jsp:include>

  • 单纯加载文件

    <jsp:include page = “载入文件所在的相对路径”     flush = "true"/>

JSP 动态网页新技术


Jsp forward

<jsp:forward>

  • <jsp:forward>

    提供网址重新定向的功能:

    <jsp:forward page = "导向网页所在的相对路径 ">

    <jsp:param name = “参数1” value = “参数值"/>

    <jsp:param name = “参数2” value = “参数值"/>

    </jsp:forward>

    Page属性设定导向网页所在的相对路径。

  • <jsp:forward page = “导向网页所在的相对路径"/>

JSP 动态网页新技术


  • Login