如何搭建WAP类网站详解？

WAP（wml）开发教程 WAP（无线应用协议）是在数字移动电话、因特网或其他个人数字助理机（PDA）、计算机应用之间进行通讯的开放全球标准。 它是由一系列协议组成，用来标准化无线通信设备，可用于Internet访问，包括收发电子邮件，访问WAP网站上的页面等等。

2 v7 k/ N2 ]. D3 f: Z# A( ?

 

& \# l+ I' m! q' u( Y

 

# T" y8 O6 G2 h

WAP（wml）开发教程

WAP（无线应用协议）是在数字移动电话、因特网或其他个人数字助理机（PDA）、计算机应用之间进行通讯的开放全球标准。 它是由一系列协议组成，用来标准化无线通信设备，可用于Internet访问，包括收发电子邮件，访问WAP网站上的页面等等。

7 Y9 F2 ~! G, @% [( b& l1 l6 p

WAP将移动网络和Internet以及公司的局域网紧密地联系起来。提供一种与网络类型、运行商和终端设备都独立的移动增值业务。

( d6 Z! p" X6 u( l* A* d

通过这种技术，无论你在何地、何时只要你需要信息，你就可以打开你的WAP手机，享受无穷无尽的网上信息或者网上资源。如：综合新闻、天气预报、股市动态、商业报道、当前汇率等。电子商务、网上银行也将逐一实现。你还可以随时随地获得体育比赛结果、娱乐圈趣闻以及幽默故事，为生活增添情趣，也可以利用网上预定功能，把生活安排的有条不紊。

WAP协议包括以下几层：

* ?' b+ E# ]% N7 x0 f: [% w

1、Wireless Application Environment （WAE）

2、Wireless Session Layer （WSL）

7 G$ G. k5 }- q6 W" S- e

3、Wireless Transaction Layer （WTP）

4、Wireless Transport Layer Security （WTLS）

5、Wireless Transport Layer （WDP）

其中，WAE层含有微型浏览器、WML 、WMLSCRIPT的解释器等等功能。WTLS层为无线电子商务及无线加密传输数据时提供安全方面的基本功能。

8 G* S- a, u8 K e9 P$ @

WAP协议的诞生是WAP论坛成员多年努力的结果。它是针对不同的协议层定义了一系列协议，这些协议使得各方面的厂商和公司可以协同工作，开发无线通信网络的应用。目前有超过100个成员加入WAP论坛，包括有终端和基础设备的制造商，有移动通信的网络运营商，有业务提供商，有软件公司，也有网络内容提供商等，共同为移动设备开发服务和应用。

+ N/ L$ H9 Z7 R9 L

但是，目前由于无线网的带宽等等因素的限制，WAP手机的在多媒体上的应用如：可视会议、多媒体教学等等，还须一段时日。

$ K: s- ?! v t) W/ Q% }" f

WAP规范还在不断地完善，WAP论坛成员们在加紧开发功能完善的WAP设备，这无疑加快其在无线因特网综合服务领域的扩展速度。

7 ]& f, I5 o$ t/ |, z

关于WAP有几点，应该注意一下：

# q2 ~$ d: w' I

1.WAP不只是将手机带入IP/Internet网络

WAP规范考虑了很多无线网络和手机的特性。即便是3G的手机也无法把屏幕做的象通用计算机一样，来浏览HTML页面。直接接入IP网，9110在98年就可以，但是应用呢，不可能Nokia， Motarola， Ericsson推出手机时各自定义一套应用。

- Q2 z6 n+ D. U

象WWW一样，在规范推出以前，已经有了很多基于IP网络的应用，包括一些做的很好的软件。但Internet遍地开花却是在WWW规范推出之后。WAP很大的意义在于统一的标准。

WAP和无线IP网络并不矛盾，WAP协议规定，若承载基于IP，WDP就是UDP。等无线IP网络普及，若认为上面几层太繁琐，最多是WAP协议中间几层略掉（其实也没太多东西）。

2.WAP应用模式很多

只要手机和网络支持统一标准，业务发展是不可限量的。这一点就不多说了。

3.WAP是发展的

6 f' F v2 {7 r; K: A" M" R

WAP规范不仅定义了和Internet结合部分，还定义WTE，及话音部分，可以说发展还早呢。要是以后通讯核心网建起来，话音业务没准都采用WAP来实现。

; @ @" N0 C; l3 ^* i

WML学习（一）

; Q* F3 F6 \" P/ W3 g% u

概述

WML（Wireless Markup Language - 无线标记语言）这种描述语言同我们常听说的HTML语言同出一家，都属于X ML语言这一大家族。HTML语言写出的内容，我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读，而 WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示，供人们阅读的，并且同样也可以向使用者提供人机交互界面，接受使用者输入的查询等信息，然后向使用者返回他所想要获得的最终信息。

8 K5 e, s B; ?5 y5 L

基本规则

6 M+ n" a# I% c6 d3 L

* WML使用XML文档字符集，目前支持 Unicode 2.0，和HDML不同， WML的所有标签，属性和规定的可接收值必须小写，CARD的名字和变量也是区分大小写的。和HDML一样，对于连续的空字符，只显示一个空格。标签内属性的值必须用“或者‘括起来，属性名，＝和值之间不能有空格。对于不成对出现的标签，必须在 》 前加 / ，比如《br/》。在对变量的引用上和HDML基本相同，有：

! ~& V) @8 a9 E

, t) t& m7 D a3 m' x3 T0 o0 b3 H

以下为引用的内容： $（var1:esc） $（var1:noesc） $（var1:unesc）

( m4 E) l. H. `

三种形式，具体含义参见前面HDML的相关部分。在对保留字符的处理上也基本相同，对应的取代字符有：

' A' |7 V: d* ~! x( P x

; Z; u+ _" U1 ^* d H2 ], H: o% q% u6 i! l( B( V0 `8 U$ W

以下为引用的内容： 《 《 》 》 ’ ' ” “ : N4 _5 n: `7 H" P( N r & & ; b7 V1 A1 N0 G( W4 ^$ r# j/ T( l/ l $ $$ . C4 ?9 N+ A! G P0 ]5 D$ f( p4 t 空格 ! O, ]: { x: E - -

+ c' G. Y1 O% X' Z, s) X9 j

这里要指出的是在URL的传递过程中，用来连接参数的 & 必须转化为 & 。

WML学习（二）

/ \6 p8 f+ m! p5 z' e

基本格式和文件头

wml文件的一般格式：

9 p# R9 F* T/ p P! c! r

1 U8 N! S0 n* t% ]4 S# g, u

/ ~6 G+ W* F9 G: A

以下为引用的内容： $ ^; v1 l$ K6 { E1 ^' W 《？xml version=”1.0“？》 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 - d# h( }0 h, Q! } ]% E 《head》 《access/》 4 }3 Q( Q7 f) H2 Y& M) z3 E7 e 《meta.。../》 《/head》 《card》 Some contents.。. 《/card》 《wml》

结构看上去和HTMl文件很类似，对于每一个DECK，在其文档开头必须指明以下的类型声明：

- B. l( n. j6 w" K

9 M0 P" D' J4 D$ Y1 o# q e! {

* J4 M, u3 z1 j5 U! }8 j [2 Q" ~: i" B: F0 k$ M( r5 x% O

以下为引用的内容： 《？xml version=”1.0“？》 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》

千万注意字母的大小写。对于一个DECK，其文件大小最好不要超过1.2K。

《wml》标签和HTML中的《html》标签一样，用来表明这是一个 WML的DECK，它有一个可选的xml:lang属性来制定文档的语言，比如《wml xml:lang=”zh“》表示文档语言为中文。

* t* l% U; C& K" C2 c+ X

和HTML一样《head》标签包含了该DESK的相关信息。《head》 标签之间可以包含一个《access》标签和多个《meta》标签。

: P j5 d6 J# {/ d- }% R8 ~8 j$ i# _9 @# J

《access domain=”域“ path=”/路径“ /》相当于HTML中的《BASE》标签，指定该DECK的访问控制信息，它用两个可选的属性，domain用来指定域，默认值为当前域， path用来指定路径，默认值为”/“，即根目录。由于 《access》单独使用，所以要用/结尾，以后对于类似的情况不再赘述。

~( g x) v1 e* Z+ \9 i

《meta 属性 content=”值“ scheme=”格式“ forua=”true|false“/》 和HTML中的类似，提供了该DECK的meta信息。属性是必选的，包括一下三种情况name=”name“ UP.Link Server忽略meta数据

) k7 W: F! ~) A

http-equiv=”name“ UP.Link Server将meta　数据转为 HTTP 响应头（同HTML）

user-agent=”agent“　UP.Link Server 直接将 meta 数据传给手机设备，content属性也是必选的，其内容根据属性而定。scheme属性目前尚不支持。forua 为可选属性，指定在该wml文件传到客户端之前，《meta》标签是不是被中间代理删除（因为传输的协议可能改变），默认值为false。

目前支持的meta数据：

《meta http-equiv=”Cache-Control“ content=”max-age=3600“/》指定DECK在手机内存缓存中的存储时间段，默认的为30天（除非内存耗尽），在该期间， 手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的，可以用max-age指定DECK在缓存里的生存期，最小单位是秒， 如果指定为0， 则每次都需通过连接服务器来调用该DECK。

6 b8 w) W( m7 Q1 ?# G4 |& I+ [4 `* [

《meta user-agent=”vnd.up.markable“ content=”false“/》和《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》 类似于普通浏览器的书签功能。当用户将一个CARD做了书签后，手机浏览器首先用一个标记记录该CARD， 这个标记默认的是《card》标签中的title属性（以后会讲到），然后当用户选择了该书签以后，浏览器就会打开被记录的URL。但是因为在默认的情况下，手机会记录所有的DECK，所以，一般《meta》被用来使手机不要记录当前的URL，即《meta user-agent=”vnd.up.markable“ content=”false“/》。此外， 如果要为书签指定不同于当前DRECk的 URL，用《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》。

. r( b5 s g* e# n/ D7 q

一个DECK可以包含多个CARD，每个CARD的内容可能不止一屏显示，注意DECK，CARD和屏幕显示范围的关系。一个CARD用《card》和《/card》包含。《card》可以包含以下可选的属性：

《card id=”name“ title=”label“ newcontext=”false“ ordered=”true“ onenterforward=”url“ onenterbackward=”url“ ontimer=”url“》

8 N- G" h! Y0 {5 Q

*id属性用来指定CARD的名字，可用来在CARD间跳转，相当于在HTML中在页内跳转时用《A NAME=”jumpHere“》。

- h* p& w& L7 n5 o$ y5 L7 X

*title属性用来作为书签的标记，该属性一般不会显示在屏幕上。

*newcontext属性，默认值为false， 用来指示当跳转到本CARD时，手机是不是要清除以前保留的信息，包括变量，堆栈里的历史记录，重新设置手机状态等。

*ordered属性，默认值是true，表明该CARD里的内容是按固定的顺序显示， 还是按用户的选择来显示。这点和HTMl不同，CARD 页面里的内容可以按一定的顺序显示，默认的是按线性顺序显示，即按代码的顺序， 但是，要注意的是，以下三个标签必须按以下顺序来写《onevent》《timer》《do》， （这和以后要讲的“事件”有关）。这样做是为了方便填表单，当ordered设置为true时，如果一个表单的内容不能在一屏里显示完，就分成多屏显示；当ordered设置为false时， 手机可以显示一个概要CARD来总结有效的选项，用户可以从中选取表单选项来填写。

*onXXX属性，类似于HTML标签中的onXXX属性，用来捕捉事件，当事件被触发时执行指定的操作（任务），在这里是转向某个URL。

WML学习（三）

T3 C( ^, E. Z' D

显示文本

; t$ |" |% Q) n& h/ C$ D

在文本的显示上WML基本和HTML相同。文字段落包含在《p align= ”alignment“ mode=” wrapmode“》和《/p》之间，align属性指定该段文字的对齐方式，默认的是left，其他可选择right和center；mode属性指定当一行显示不下所有的文字时是否自动换行，默认的是自动换行wrap，如果选nowrap，则在一行中显示，浏览器会通过类似于水平滚动条的机制来显示所有文字。

换行标签也一样为《br/》，这里先替一下，在标单中如果有多个《input》或者《select》，其间不要用《br/》，否则会使手机浏览器认为是断点而把表单分页显示。

+ B* I& ?+ @% q, f/ a

文字的修饰标签有《b》、《i》、《u》、《em》、《strong》、《big》和《small》，意义和HTML里的相同。

表格的显示标签也和HTML相近，使用《table title=”name“ align=”left|right|center“ columns=”列数“》、《tr》和《td》来显示，《table》的title属性用来给表格取个名字，columns属性指定表的列数，不能为0，可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。

test1.wml

--------------

1 a# D% b8 [8 [ [$ z8 ^

2 q; U K Z' Q2 n5 W/ n

" O7 I; _" l5 `1 r8 [8 g4 a5 V- \1 O

以下为引用的内容： 《？xml version=”1.0“？》 * D, R7 |0 K- |. s) Q 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 《card》 《p align=”center“》 3 y* R! k2 j p: g: O 《i》Hello《/i》《br/》 & M. Y2 t* Y7 U6 P( c+ X: c 《b》《i》World！《/i》《/b》 0 j* @) ?' j. X 《table title=”mytable“ align=”right“ columns=”2“》 《tr》 & T% v0 J0 q* Y 《td》1-1《/td》 0 U: ]2 B0 Z8 B+ L/ T8 { 《td》1-2《/td》 4 Y7 t, N E6 U' m$ n) ?6 K 《/tr》 / {% z z( ?3 i1 w4 k8 o 《tr》 《td》2-1《/td》 《td》2-2《/td》 《/tr》 《/table》 ( I' u: @, {" F7 o: \& v 《/p》 - G) ?6 n# T6 Q. C 《/card》 《/wml》

7 O9 i. Z2 \4 L, y( |0 V9 ~

显示图片

) X. Q; z6 [3 M; r; G) i8 I

显示图片（1位黑白BMP图片）的标签一样类似于HTML，《img alt=”text“ src=”url“ localsrc=”icon“ align=”left“ height=”n“ width=”n“ vspace=”n“ hspace=”n“/》，属性中alt和src是必须要有的，其他可选。另外要注意的是《img》要放在《p》里，不能放在《do》和《option》等功能健标签和选单标签里。

*alt属性用来指定当手机不支持图片显示时用来显示的文字。

*src属性指定图片的URL，但当有了以下的localsrc属性时，手机浏览器就忽略src属性。

*localsrc属性用来指定显示存在手机ROM中的图标，如果找不到，则到UP.Link Server上去找。

6 g- c7 Z: g* Y

*可选的align属性用来表明图片同当前行文本的对齐方式，默认值为bottom，可选to和middle。

* w- l8 }( C, W2 x* y

*height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距，目前不是所有的WAP手机都支持这些属性。

$ X0 p0 ]' S6 S0 O' a1 S' k6 a9 t

test2.wml

---------------

& f9 s. c. V% g8 V0 t0 \4 ?; @" P& m

3 K, D. ^* E* y. q

1 B E4 K3 X; C0 B1 N- C P

以下为引用的内容： 《？xml version=”1.0“？》 * h) c1 {/ l* w( I: d+ _! I 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org 6 v+ o8 T3 S) n: o /DTD/wml_1.1.xml“》 《wml》 《card》 ; s/ A- g7 v, |! i/ K/ k 《p align=”center“》《img alt=”：）“ src=”xxx.bmp“ localsrc=”smileyface“/》《/p》 ; m% k5 S$ u: Z 《/card》 2 |+ Y) i" k- M7 i3 g 《/wml》

- W; ^8 j3 i. {( o

WML学习（四）

7 n1 ?' g% o/ Z6 h2 r

锚和任务

连接是 HTML 页面里最基本的功能， 在 WML 里也一样用 《a href=”url“ title=”label“》 和 《/a》来包括用来建立连接的文字，必选属性href指定了要打开的URL，可选的title属性给该连接取个标记名字，这个名字将作为软按钮之一的ACCEPT键（详见以前的HDML入门文章）的标记显示在屏幕的软按钮区，所以通常可以将属性作为提示文字是用。

; j0 H) x, P6 ]8 E

然而，以上的连接在WML里只是任务的一种情况，为了能够使用其它任务，所以引进了新的标签《anchor title=”label“》任务标签 文本《/anchor》，《a》其实是当任务标签为

《go/》时的简单表示方式。

test3.wml

---------------

& {8 [9 _& J2 `9 t8 I$ K/ Z+ e8 t# f1 x( i) i

以下为引用的内容： " k# X/ X/ L8 ~# U% f% ~ 《？xml version=”1.0“？》 + C! a/ y$ W2 E- g7 t" W% c( N8 h 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org ) {" d& N4 _) o# \7 r, @ /DTD/wml_1.1.xml“》 《wml》 《card》 《p》 $ ~/ C/ R* i+ A1 Z7 S- P, I1 R! k 《anchor title=”Link1“》《go href=”test1.wml“/》News《/anchor》《br/》 《a title=”Link2“ href=”test2.wml“》Sports《/a》 0 V+ t. A" [4 [3 G" J& n 《/p》 《/card》 , K7 V3 Y& D( H# h( d 《/wml》

) X: r. ^/ n& x6 r* _/ y( w1 _* B: g

WML里的任务标签有以下几种，除了用于《anchor》，还可以用在事件中：

9 }! {5 n: E' i+ q

1）《go》用来指示浏览器显示指定的URL，包括DECK的第一个CARD或者指定的CARD。语

法如下：

0 T$ l }" f: h2 R

以下为引用的内容： 《go href=”url“ sendreferer=”false|true“ method=”get|post“ accept-charset 1 ]3 N& ?& A7 Z4 _ =”charset“》 . d) @1 t5 T8 Q1 Q. S; x1 c 《postfield name=”name“ value=”value“/》 《setvar name=”name“ value=”value“/》 《/go》

其中href属性为必选，其他为可选。sendreferer属性表示是否传递调用href所指定的URL的页面的URL，也就是当前页的URL，即 HTTP 头中的HTTP_REFERER，默认值为false，可选值为true。method和HTML中的表单FORM的method属性一样，指定表单是以get的方式还是post的方式递交，以便cgi处理，默认的值为get，但如果未指定method但《go》《/go》间存在《postfield》，手机自动以post方式传递。accept-charset 属性可覆盖在HTTP头里指定的字符集，可以写多个字符集，如accept-charset=”UTF-8，US-ASCII， ISO-8859-1“。

《postfield name=”name“ value=”value“/》可以看作是HTML表单FORM中的《INPUT TYPE=”HIDDEN“ NAME=”变量名“ VALUE=”值“》，通过它可以向指定的URL传递以“变量名/值”形式的数据。name和value属性都是必选的。注意只有这里的变量是用来递交给CGI程序的。

除了《postfield》，还可以在《go》和《/go》间加入一句或者多句《setvar name=”name“ value=”value“/》，该语句的意思是，当触发某一事件时，给变量赋值。

# t" s4 B+ p( k# [

要注意的是，当《go》和《/go》之间没有任何语句时，要用《go/》的形式，这点比较特别，比如《anchor title=”Link1“》《go href=”test.wml“/》News《/anchor》。

2 V% R! p1 s6 h# D

2）《prev》用来将当前页面的URL压入URL历史堆栈，并打开此前的URL，若该URL不存在，则《prev》无效。语法类似《go》：《prev》《setvar name=”name“ value=”value“/》《/prev》，《prev》和《/prev》之间可加入一句或多句《setvar name=”name“ value=”value“/》，若不加，则必须变成《prev/》的形式。

3）《refresh》用来刷新当前的页面，从而使得页面内的变量刷新，语法为《refresh》《setvar name=”name“ value=”value“/》《/refresh》。

2 r3 d, V1 k9 L8 o$ s/ J0 @ j

4）《noop》，表示什么也不做，该标签不能用在《anchor》中，一般用在覆盖DECK级的《do》（以后会说明）。

& C( J4 Y# ?2 ]" D; K5 n

WML学习（五）

- |0 @6 o, N8 L! i0 _

显示表单

类似于HTML的《FORM》，《fieldset》可用来包括一组表单选项，但不是必须的。前面说过，当《card》的ordered设置为false时，手机可以显示一个概要CARD来总结有效的选项，方便用户从中选取表单选项来填写，概要CARD就是根据《fieldset》和独立的输入框《input》以及选单《select》来总结的。语法为， 《fieldset title=”label“》表单内容《/fieldset》，可选的title属性除了可用来表示表单的名字外，还在概要CARD里作为选择项的标题。表单内容可以是嵌套的《fieldset》，输入框《input》，选单《select》和必要的提示文本。

《input name=”variable“ title=”label“ type=”type“ value=”value“ default=”default“ format=”specifier“ emptyok=”false|true“ size=”n“ maxlength=”n“ tabindex=”n“/》，用来输入文本，除了name属性是必要的，其他可选。

*name属性，指定了用来存储该输入文本的变量名字。

2 ^! S4 C3 y* I2 P, G. X6 S

*title属性，该输入框的名字，同样可被用来作为概要CARD页中的选项名。

% c6 N$ _6 F( q0 Y( \) ~; e

*type属性，默认值为text，如选择password，则输入的数据显示为*。

: x1 U6 k, [/ u

*value属性，在语法和行为上等同于下面的default属性，*default属性，指定输入框的默认值，即name属性指定变量的默认值，当用户输入新值时，该值无效，如果该值不符合以下format属性的规定，则手机也忽略该默认值。

9 ~/ t$ U/ i1 t( [, a

*format 属性，用来格式化输入的数据，可用的标记如下，使用时可用“一位数字标记”和“*标记”的形式，前者代表N个标记型字符，如3X， 后者代表任意个（小于maxlength属性的值）标记型字符。

8 c# Y% |. L9 O% U" f' \# |2 J! R

标记　　　描述

* N& p3 b6 s) j6 j

A 　　　　任何符号或者大写字母（不包括数字）

a 　　　　任何符号或者小写字母（不包括数字）

4 D2 }. ]8 x8 E& D2 y0 N& n2 U

N 　　　　任何数字（不包括符号或者字母）

: I2 p4 a1 d$ j6 Y* ]7 C

X 　　　　任何符号、数字或者大写字母（不可改变为小写字母）

3 F- H' p7 d& o" I9 l1 E7 K

x 　　　　任何符号、数字或者小写字母（不可改变为大写字母）

% ~' f4 f) S9 M! \

M 　　　　任何符号、数字或者大写字母（可改变为小写字母）或者多个字符，默认为首字大写

5 K1 n, c# Z( @$ X

m 　　　　任何符号、数字或者小写字母（可改变为大写字母）或者多个字符，默认为首字小写

*maxlength属性，指定了用户可输入的最大字符长度，最大限制为256个字符。

4 _& r- L* Y) X2 d1 t

*emptyok属性，表示用户可否不填输入框，默认为false，即要填。

*size属性，输入框显示长度，目前未被支持。

*tabindex属性，类似于在HTML表单中按TAB键后，焦点落在哪个选项上，该值决定了这个选择顺序，数字大的排在后面。目前未被支持。

test4.wml

将上例《card》中的odered的值改为”true“试试看，然后再在《p》和《/p》内加入《fieldset title=”field1“》和《/fieldset》试试看。

+ {# D% P2 _: k- w. H) @* Z# f! D

《select》选单类似于HTML表单中的《SELECT》，《select》和《/select》间可包含《optgroup》和《option》标签，语法如下，所有属性都为可选：

3 ~1 I. d% O% N- _. a, X' i) f

《select title=”label“ multiple=”false|true“ name=”variable“ default=”default“ iname=”index_var“ ivalue=”default“ tabindex=” n“》

《optgroup title=”label“》选单内容《/optgroup》

) [" M" [6 l# Q7 I- }

《option title=”label“ value=”value“ onpick=”url“》

8 u5 N- O# t7 q! J* V

事件或者文本

& q9 {! {1 V* l; P# [6 G5 k

《/option》

《/select》

! }$ t) I4 b! ]! X. t( @$ m

*title属性，如以上《input》的title属性。

*multiple属性，指定用户可否进行多项选择，默认值为false。

) J& F1 |( i7 j" P- Z7 T

*name属性，用来存储用户选择项的变量名，其值为 《option》标签的value属性，若用户没有选择又没有用 default 属性指定默认值， 则手机将改变量赋值为空字符串”“，对于多项选择，每个值用“;”分开。

*default属性，可为name属性指定的变量赋默认值。

; q6 W" p3 j, h* C4 t

*iname属性，用来记录用户选择项的位置，相应的值从 1 开始。 若没选，则该值为0。

*ivalue属性，用来记录默认值所在的位置。

$ v2 V0 |, ]2 f) }

《optgroup》可用来将多个《option》分组，《optgroup》和《/optgroup》间还可包括《optgroup》和《option》，该标签目前尚未被支持。

$ l9 v$ O* V7 v( o8 a

《option》，类似于HTML中选单的《OPTION》，用来表示选单的可选项。《option》和《/option》间可包括事件（见下节）和选单的显示文本。《option》 的属性为可选，其中value属性用来提供值，当选到该项后，将该值赋给《select》 的name属性所指定的变量。onpick属性，用来指定用户选到该项并按ACCEPT键后所打开页面的URL。

test5.wml

& S! C% F: g$ n- U! R0 b

---------------

# v4 \% `/ f- g& I' u2 p- t1 H% K6 b' U" |, U( _, F' A3 O* P0 e$ N7 `, Z! F

以下为引用的内容： 《？xml version=”1.0“？》 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 # \1 U; n/ n3 ~2 {) k 《wml》 《card id=”card0“ ordered=”false“》 《p》 1 {3 K; O* j3 h! e9 A" x% t+ G Please select a city.。. * V* x* S* r, Q1 a- n 《select title=”Cities List“ name=”city“》 8 v* b8 s0 }0 W9 B* x0 d 《option title=”Beijing“ value=”c1“》Beijing《/option》 《option title=”Shanghai“ value=”c2“》Shanghai《/option》 《option title=”Hongkong“ value=”c3“》Hongkong《/option》 《/select》 4 n V$ o7 ]% k( }: {+ O+ Z N; o Please select columns.。. 《select title=”Column List“ multiple=”true“ name=”col“》 3 L% j+ |0 x( @ 《option title=”Hot News“ value=”l1“》News《/option》 * r: @& J+ J- l( I" X 《option title=”Cool Sports“ value=”l2“》Sports《/option》 , | o! k, i# {' N 《option title=”Pop Enter，，，“ value=”l3“》Entertainment《/option》 《/select》 # C7 G: l& z$ @. A 《/p》 《/card》 《/wml》

) I. r6 f% C7 _5 L

 

WML学习（六）

事件

w' J6 P4 d9 g0 M3 {

WML的事件基本上分为两大类，一类是键盘（包括软硬按钮）输入事件，用《do》标签来处理，另一类是相关页面内部的事件，用《onevent》标签来处理。

; A+ d0 D5 {, n: p3 D. ?6 e4 }. W

《do》的语法如下：《do type=”type“ label=”label“ name=”name“ optional=”false|true“》任务《/do》，任务就是以前提到的四种任务。《do》的属性中，type是必选的，其他为可选。

) E" q) \$ w) `% d

*label属性，指定了软按钮在屏幕上的显示文本。目前type属性为delete，help，prev时该属性无效。

1 b0 G, I' z2 F/ P

*name属性，为《do》取个名字，同一的CARD里的《do》不能重名。如果CARD级的《do》和DECK级的《do》同名，则覆盖DECK级的《do》。

& E# E) l! i, n3 ?- B: [0 T/ _

*optional属性，指定手机是不是可以忽略这个事件，默认值是false。

*type属性，指定触发的事件，具体如下；

* C- y$ F$ d7 o0 D$ ?+ I% ?

type值 　　　触发原因

accept　 　　调用ACCEPT按钮机制

6 Z, B3 b- V; ?' v( e ~& s+ ?

delete　　 　调用DELETE按钮机制

help　　　 　调用HELP按钮机制

% L/ J+ ]) O* l- B7 {

options　　 调用选择按钮机制

- P! E; F9 g* @3 J( P

prev　　　　 调用PREV按钮机制

9 o; Y0 J% E" q/ `* E( B8 l

reset　　　 调用清除和重新设定手机状态时的RESET机制（目前不支持）

/ Y9 k% U# J/ Z: G+ Z2 y

unknown 　 　调用unknown机制，等于type=”“（目前不支持）

& a& b+ R) l* D: J

vnd. co-type 调用厂商特定的机制（目前不支持）

X-*， x-* 　　供以后使用（不保留）（目前不支持）

test6.wml

, _, ^9 Z( P- F6 `2 A

---------------

) [0 P5 a/ j- I8 x6 q1 J$ ~. A" U3 h( O

以下为引用的内容： ; i: x5 I5 ]! K7 [; j% U, L 《？xml version=”1.0“？》 6 j& N! U: K( ~& P! L, t% v- k 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 , h) c& g- C$ J E$ Z: h/ g 《head》 《meta http-equiv=”Cache-Control“ content=”max-age=0“/》 8 ]5 k0 s! U& g1 [" O% \* [/ u 《/head》 7 ]9 v1 n) x" Y) Z8 G 《card id=”card0“ ordered=”false“》 . A0 `/ j& q8 x% @- C 《do type=”accept“ label=”InputName“ name=”do1“》 《go href=”#card01“/》 8 w. F& q9 `4 u$ X& x1 z 《/do》 《p》 NAME：《input name=”userName“ title=”User Name“ type=”text“ format=”*M“ emptyo k=”false“ maxlength=”12“/》 《/p》 《/card》 7 {- {: b% l9 j- K 《card id=”card01“》 - g5 L1 D' \ m 《p》 You name is $（userName:noesc）。 7 C$ u' A* }" D 《/p》 《/card》 8 X8 i; W; R% `# Q7 R3 e% |1 z 《/wml》

《onevent》的语法如下，《onevent type=”type“》任务《/onevent》，必选属性type的取值如下：

type值　　　　　如果用户执行了以下操作就执行任务

5 u) W @% m7 f7 h% f5 p! l8 m

onpick　　　　　用户选择或不选一个《option》项时。

onenterforward　用户使用《go》任务到达一个CARD时。

onenterbackward 用户使用《prev》任务返回到前面的CARD时，或者按BACK按钮时。

ontimer　　　　 当《timer》过期时。

test7.wml

% p/ p; V; D" s* ~# l: X) K

---------------

* m8 g# h7 m6 M3 t5 _1 a- S

0 \, x; }, U- b6 k

: J4 f3 @! \1 _( r# g. T8 H" l# a" ~9 @* O. S% O+ Y' B7 c9 M& w3 Q

以下为引用的内容： 《？xml version=”1.0“？》 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 《head》 《meta http-equiv=”Cache-Control“ content=”max-age=0“/》 《/head》 2 E2 {4 T2 p1 p" D1 t! } 《card id=”card0“ ordered=”false“》 " @. p' u& O5 _1 w2 x$ V4 o! m* r' @ 《p》 : o; f) r! f4 c: k7 C Please select a city.。. % }. E! q2 W/ n" \1 C 《select title=”Cities List“ name=”city“》 : y& w7 A0 c# U5 I& R. D6 ] 《option title=”Beijing“ value=”Beijing“》 ' ~/ T1 w* _) Y) D, b$ k9 ? 《onevent type=”onpick“》 《go href=”#card01“/》 : \# g2 Y* q0 b9 O) g( ]9 c( v$ @0 ~ 《/onevent》Beijing《/option》 # `8 i& g, P. O$ K6 j- e% d- | 《option title=”Shanghai“ value=”Shanghai“ onpick=”#card01“》Shanghai《/option》 ; D+ X1 A9 I! n/ v# ]7 D8 i 《option title=”Hongkong“ value=”Hongkong“ onpick=”#card01“》Hongkong《/option》 2 u; ~; S7 s0 V& @. j* P 《/select》 8 I8 J, O: b1 f5 K 《/p》 - R: @ a0 M0 t+ J/ Z$ P; d 《/card》 《card id=”card01“》 《p》 ) z! d+ @& o& k; T- V You are Living in $（city:noesc） 《/p》 ) u" `! I2 |: o- g3 M# d$ f8 h 《/card》 y0 ]' R& Z1 @5 ?7 K 《/wml》

! Z# ~/ |5 b2 m e

《timer/》可以用来在用户不进行任何操作的一段时间后，自动执行一个任务，任何激活CARD页面的任务和用户操作都会启动《timer/》，而任务进行时，《timer/》就停止。

每个CARD只能有一个《timer/》，一个《timer/》只能触发一个任务。语法如下：《timer name=”variable“ value=”value“/》，其中name为可选属性，指定为一个变量名，当退出该CARD时，该变量存储此时定时器的值，当定时器超时时，手机将该变量设为0；value为必选属性，用来设置定时器的定时值，最小单位为0.1秒。

test8.wml

' ?7 H4 k3 u# {. a

---------------

$ ]) V% A6 K( i, [! N

$ W5 z" l9 e$ {% b {/ f W" C) J6 o. v; e- {9 Q

以下为引用的内容： 《？xml version=”1.0“？》 4 g+ `; O2 R3 t: k" f0 u; E 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 4 ]& S0 u$ l( B) H 《wml》 《head》 《meta http-equiv=”Cache-Control“ content=”max-age=0“/》 《/head》 《card id=”card1“ ontimer=”#card2“》 《timer name=”time1“ value=”50“/》 《p align=”center“》 After 5s， goto card2 $ T% E4 f* ]' P5 u- D( q' l 《/p》 : a9 @+ O9 j6 D+ m# P6 g 《/card》 ! Y( N- ~* h- V2 o# p. x 《card id=”card2“》 0 r1 ]& _$ \6 A; S9 C7 k 《onevent type=”ontimer“》 : ~/ `4 D: U3 _8 K& F j2 q 《go href=”#card1“/》 3 B- a) D. d! r. H0 Y 《/onevent》 & M1 ], K. x) b/ |4 Q5 _ 《timer name=”time2“ value=”50“/》 《p align=”center“》 Here is card2！ ! }6 C* v5 t( y% x# J 《/p》 . j6 ^& \& }. b4 | 《/card》 % }$ |4 n2 Q( W! G% v; d9 [; z 《/wml》

/ E6 B, ]. e3 K: z. K7 m2 G! U4 ^

再提一下，《onevent》　《timer》　《do》三者必须按以上顺序写。

" ^5 W) ~8 E& D. T' Z& o$ N

此外在DECK级还可以加入《template》，用来将事件捆绑在DECK级上，语法如下：

《template onenterforward=”url“ onenterbackward=”url“ ontimer=”url“》

4 j7 X0 x! V1 L6 a a4 i' U

《do》或者《onevent》

《/template》

! C8 {, G. q4 {8 m: Q- Q* f

test9.wml

" }# L5 S6 D& d0 C3 J0 V

---------------

0 r, q1 s1 v1 {7 g ^* f2 R

$ A0 Q! L; d u2 p) F7 s

2 z q- [ \! b" b2 c; C; s! b" k, x6 w; J9 M

以下为引用的内容： 1 H* W# a5 G* G- @5 r 《？xml version=”1.0“？》 ; w) c6 j6 p e/ X3 Z- [ 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 9 B8 ^0 E8 \/ w. X6 { 《head》 《meta http-equiv=”Cache-Control“ content=”max-age=0“/》 : ~. ~; X) v& m4 P [ x 《/head》 : b4 t7 ]) p! m T3 G 《template》 + f: O- q3 p8 A! u" d( h" C 《do type=”accept“ label=”deckPress“ name=”do1“》 - w9 c' j0 N: I4 z* s 《go href=”#card01“/》 ! t; M4 ^# e1 U" `; F+ m 《/do》 《/template》 《card id=”card0“ ordered=”false“》 ) z* g; I& @3 }+ v" d( @! i 《do type=”accept“ label=”cardPress“ name=”do1“》 《go href=”#card02“/》 《/do》 《p》 Press ACCEPT.。. 《/p》 《/card》 : g( `6 U+ `8 ^0 u, M4 Q 《card id=”card01“》 ! d5 y& q, e: D- D 《p》 Here is card01 ( e4 ?2 U, f* }# ?6 m: | 《/p》 《/card》 《card id=”card02“》 7 k9 k6 y* X: R1 j. Q# F+ l 《p》 & J/ D& z9 `$ s" p! m5 V3 Z& E Here is card02 《/p》 2 t7 L! r: r( z5 F: \$ b w) d 《/card》 《/wml》

WML学习（七）

: d( \% h" t* M! I

CGI编程

1）在WEB服务器上添加WML的MIME类型

2 T; K) h4 M) O5 R( N1 X5 j' T8 P

对于IIS4，可在其管理器里的站点属性中加入新的MIME类型，后缀.wml和 MIME类型text/vnd.wap.wml。

9 e j( e+ k4 I* q1 z3 n

对于PWS，可修改注册表，先在 HKEY_CLASSES_ROOT层加入主键.wml，再加入串值Content Type为text/vnd.wap.wml，然后在HKEY_LOCAL_MACHINE\Software\CLASSES\MIME\Database\Content Type\中加入主键text/vnd.wap.wml，再加入串值Extension为.wml。

以前提到的HDML也用类似的方法。

, A S5 d3 `8 S% y6 i

2）以http方式访问wml文件

在手机浏览器的URL栏里输入http://localhost/test.wml，就可以访问WML文件了。

3）CGI设计

和普通CGI变成的方式差不多，只是返回结果时，先要输出Content-Type为text/vnd.wap.wml，然后再输出WML内容。

; y9 E6 B4 R% ^3 J! X" c2 d7 T: j

test10.wml

---------------

. K4 ]2 r. j1 v4 I' C

o5 K0 T5 K9 _! `3 M3 _* |

以下为引用的内容： 《？xml version=”1.0“？》 ! p9 Y. A" ~- }. H 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 5 T# L8 L6 s4 K2 G: \/ ?! d 《head》 6 x% [2 B' u! }8 r3 i/ ? 《meta http-equiv=”Cache-Control“ content=”max-age=0“/》 8 q) Y* K b$ {4 Z M 《/head》 4 X1 a3 b9 Q& }5 \5 h) V0 Q 《card id=”card0“》 《do type=”accept“ label=”Input Name“ name=”do1“》 《go href=”http://localhost/test.asp“ method=”post“》 《postfield name=”uid“ value=”123456“/》 " v) O+ o H y2 v2 j5 u 《postfield name=”uname“ value=”$（userName:esc）“/》 《/go》 《/do》 《p》 7 u) m8 y$ l+ N: {- w' z/ Q NAME：《input name=”userName“ title=”User Name“ type=”text“ format=”*M“ emptyok=”false“ maxlength=”12“/》 3 u* ^! ~ P, H0 W. C 《/p》 $ }0 k3 }* h" K 《/card》 test10.asp . Z- V! g! h% ?0 | --------------- ! w& X& _$ \/ N$ \7 T 《% $ I7 T/ r4 K- f1 n0 m: L" X: V' b uid=Request.Form（”uid“） userName=Request.Form（”uname“） Response.ContentType=”text/vnd.wap.wml“ %》 0 i% u$ c; D' p 《？xml version=”1.0“？》 《！DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 7 f' H/ \2 ]4 `# L( C 《wml》 ; d: I) i- W, ?$ G0 ~ 《card》 《p》 USERNAME：《%=userName%》 ( Q! D+ O2 L! C: u) l/ Z USER__ID：《%=uid%》 $ t. H" ]) [; | 《/p》 + {, W; u8 E2 a# U: u' j6 { 《/card》 5 S4 V1 @& }6 G, h, ^, A2 S 《/wml》

6 x) M! k- u( w' g8 C5 W

WAP网站服务器配置

. ]+ X: h% ~$ S7 l

设置APACHE WEB SERVER

2 s5 K/ N' w3 h$ p% l* w, g

不管是NT 还是UNIX 或LINUX ，都是修改 Apache 安装目录下的conf/mime.types文件在该文件中增加以下内容：

text/vnd.wap.wml .wml

image/vnd.wap.wbmp .wbmp

7 A& P4 @# s* O- @9 v4 d$ _; J& T

application/vnd.wap.wmlc .wmlc

text/vnd.wap.wmls .wmls

application/vnd.wap.wmlsc .wmlsc

& I3 |8 I' K( Z# W1 E/ y

存盘

x8 f7 o, P2 u+ w5 ^- H0 I

重新启动APACHE WEB SERVER 即可。

7 Y4 Q5 _; u% E+ D

基于WINDOW NT平台的IIS设置WAP SERVER

只要按照以下的简单设置，就可以让NT IIS成为WAP服务器，您可以撰写WML网页或者开发各种服务。

设定方式：（先确定NT Server已经安裝IIS了服务）

执行NT操作系统下的【开始】/【程序】/【Windows NT Option Pack】/【IIS 4.0】/I

$ E: I. @8 m0 J) y

nternet服务管理员。

; ?+ \9 x. a$ D+ y) c0 g

在IIS服务管理员窗口內，点选主机电脑名称后，按鼠标右鍵，点选“属性”选项；

在属性窗后下部有一个文件类型按钮，单击此按钮，会出现文件类型界面；

单击‘新增类型’按钮，然后在相关的扩展名栏中填写 .wml ，在内容类型（MIME）栏中填写 text/vnd.wap.wml

6 d0 W, V" ]1 ?6 N; Q# b# X8 K2 L

单击‘确定’按钮

重复以上步骤将以下WML类型新增至MIME內：

4 t J% a3 [& X7 c4 \ R! F4 H

相关的扩展名 內容类型（MIME）

: v9 c' X t* j5 r- M

.wml　 text/vnd.wap.wml

% j1 g5 `$ u p' _

.wmlc　application/vnd.wap.wmlc

.wmls　 text/vnd.wap.wmlscript

# q7 W; n* x9 K& E, R3 f' b8 s' u

.wmlsc　 application/vnd.wap.wmlscriptc

8 g2 J) l) p& g" M' e- o. t

.wbmp　 image/vnd.wap.wbmp