2006年06月14日

请看完图再留言

这个是由雅虎首页进入 黑色箭头是点击位置.

也可以照着网址敲…

2005年04月23日

和朋友几个做了一个网站www.ztmbt.com

虽然还没有做页面。不过域名还是不错的。。

www.真他妈悲痛.com ????哈哈。。。

或者是www.真他妈变态.com????

现在在研究自己建设一个ro的私人服务器

现在面向所有人征集优良的脚本。。

有意向的可以发到我邮箱。

脚本要求比较bt

至于脚本的编写。可以参考

http://bbs.99nets.com/thread.php?fid=10 

2005年03月02日

第一个基于asp的wap叶面的建立,

index.asp
<%
Response.ContentType = “text/vnd.wap.wml”
Response.write(“<?xml version=”"1.0″”?><!DOCTYPE wml PUBLIC “”-//WAPFORUM//DTD WML 1.1//EN”" “”
http://www.wapforum.org/DTD/wml_1.1.xml“”>”)
Response.write(“<wml><card>”)
Response.write(“hello wml ! test ok !<a href=txt.asp>a</a>”)
Response.write(“</p></card></wml>”)
%>

然后做点小分解,

index.asp,head.asp,end.asp

把每个wap页面所固定需要的部分提取出来成为固定的。head.asp和end.asp

head.asp

<%
Response.ContentType = “text/vnd.wap.wml”
Response.write(“<?xml version=”"1.0″”?><!DOCTYPE wml PUBLIC “”-//WAPFORUM//DTD WML 1.1//EN”" “”
http://www.wapforum.org/DTD/wml_1.1.xml“”>”)
Response.write(“<wml><card>”)%>

end.asp

<%
Response.write(“</p></card></wml>”)
%>

然后将index.asp变成
<!–#include file=”head.asp”–>
hello wml ! test ok !
<!–#include file=”end.asp”–>

今天还要上班。。。。就先写到这里。

首先,试图建立一个目录并分配一个空间名。

wap.xhsm.com-完成。

明天建立一个页面吧。。。

2005年02月16日

在ASP中编写WML程序
我们也可以直接在ASP程序中编写WML程序,并可把它输出为WML程序。具体的处理规则如下:

(1) 将WML程序使用<%和%>包含起来,格式为:

<%

……(语句)

%>

(2) 声明wml文件类型。与前面讲述的方法相同,可采用ASP的Response对象,并将ContentType作为它的方法,但书写时不再需要使用<%和%>。格式为:

Response.ContentType=”text/vnd.wap.wml”

(3) 对于其他的WML语句,一律采用Response对象的write方法来处理。基本格式为:

Response.write(“……(WML标签或语句)”)

其中的“WML标签或语句”在write方法中可以连写,以节省程序代码行。

(4) 在WAP服务器端,增加服务器对ASP的处理能力。操作方法与前面介绍的一样,这里不再重述。

(5) 程序文件保存时也要采用“.asp”的扩展名。

下面的程序就是在ASP中编写WML页面的简单例子:

 

<%

         ‘msg = “Hello “

         Response.ContentType = “text/vnd.wap.wml”

         Response.write(“<?xml version=”"1.0″”?><!DOCTYPE wml PUBLIC “”-//WAPFORUM//DTD WML 1.1//EN”" “”http://www.wapforum.org/DTD/wml_1.1.xml”">”)

         Response.write(“<wml><card>”)

         Response.write(“hello wml ! test ok !”)

         Response.write(“</p></card></wml>”)

%>

 

当然,我们这里给出的属于ASP与WML结合使用的简单例子,但采用这种基本方法,并利用ASP的复杂功能,便可以开发出能够实现丰富功能的WML页面。

例如,下面的ASP程序不仅可以显示“Hello”信息,同时可以显示信息的来源地或所在环境,这是通过利用Request对象的ServerVariables方法来获取服务器的HTTP_X_UP_SUBNO和HTTP_X_UP_UPLINK两个变量实现的。程序代码如下:

 

<%

‘ hellowml.asp

Dim msg, subId, uplink

 

msg = “Hello “

subId = Request.ServerVariables(“HTTP_X_UP_SUBNO”)

uplink = Request.ServerVariables(“HTTP_X_UP_UPLINK”)

 

If Not Len(subId) = 0 Then

    msg = msg & “from ” & subId

End If

If Not Len(uplink) = 0 Then

    msg = msg & ” at ” & uplink

End If

 

Response.ContentType = “text/vnd.wap.wml”

Response.write(“<?xml version=”"1.0″”?><!DOCTYPE wml PUBLIC “”-//WAPFORUM//DTD WML 1.1//EN”" “”http://www.wapforum.org/DTD/wml_1.1.xml”">”)

Response.write(“<wml><card><p>”)

Response.write(msg)

Response.write(“</p></card></wml>”)

%>

 

为增强大家对ASP编写WML程序的印象,我们再给出Phone.com提供的一个例子。该例的作用是根据对服务器和客户端设置测试结果的不同,给出不同的警告信息。程序代码如下:

 

<%

‘ pushAlert.asp

Dim  uplink, subId, url, ttl, alertType, title

Dim  contentType, lastResult

contentType = “application/x-up-alert”

 

uplink = Request.ServerVariables(“HTTP_X_UP_UPLINK”)

subId = Request.ServerVariables(“HTTP_X_UP_SUBNO”)

 

url = “http://updev.phone.com/dev/hdml/devhome3.hdml

ttl = 3600

alertType = “D—”

title = “Call: ” & subId

 

Set NtfyCl = Server.CreateObject(“Ntfn3Client.Ntfn3Client.1″)

NtfyCl.NtfnSetHost uplink

NtfyCl.NtfnSetTimeout ttl

NtfyCl.NtfnPostAlert subId, url, ttl, alertType, title

lastResult = NtfyCl.NtfnGetLastResult

 

Dim errString, msg

If lastResult <> 0 Then

    errString = NtfyCl.NtfnGetErrorDetail

    If errString <> NULL Then

        msg = errString

    Else

        msg = “No error detail, error number: ” & lastResult

    End If

Else

    msg = “Sent alert to ” & subId & ” at ” & uplink

End If

 

Dim my, digestString

set my = Server.CreateObject(“PDCDigestUtils.CPDCDigest”)

my.DeckType = 0

my.DigestAddDeck “deck1″, “<wml><card><p>” & msg & “</p></card></wml>”

 

my.DigestSuppressContentType 1

digestString = my.DigestSerialize(0)

Response.ContentType = my.DigestGetContentType

Response.BinaryWrite(digestString)

%>

2005年02月15日

WAP网页设计入门

手机专用网页(WML篇)

1.基本规则

2.基本格式和文件头

3.显示文本

4.显示图片

5.锚和任务

6.显示表单

7.事件

8.CGI编程

  这里介绍WAP协议标准组织所制定的标记语言WML,由于和以前介绍的HDML在手机浏览器专用网页的特征上基本一致,所以概念部分就略去了,直接讲述语言。

1。基本规则
  * WML使用XML文档字符集,目前支持Unicode 2.0,和HDML不同,WML的所有标签,属性和规定的可接收值必须小写,CARD的名字和变量也是区分大小写的。和HDML一样,对于连续的空字符,只显示一个空格。标签内属性的值必须用”或者’括起来,属性名,=和值之间不能有空格。对于不成对出现的标签,必须在 > 前加 / ,比如<br/>。在对变量的引用上和HDML基本相同,有:
  $(var1:esc)
  $(var1:noesc)
  $(var1:unesc)
三种形式,具体含义参见前面HDML的相关部分。在对保留字符的处理上也基本相同,对应的取代字符有:
  <     &lt;
  >     &gt;
? ’     &apos;
  ”     &quot;
  &     &amp;
  $     $$
  空格  &nbsp;
  -     &shy;
这里要指出的是在URL的传递过程中,用来连接参数的 & 必须转化为 &amp; 。



2。基本格式和文件头

  wml文件的一般格式:

<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>
<wml>
  <head>
    <access/>
    <meta…./>
  </head>
  <card>
      Some contents…
  </card>
<wml>

  结构看上去和HTMl文件很类似,对于每一个DECK,在其文档开头必须指明以下的类型声明。
<?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”>表示文档语言为中文。

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

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

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

  <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”/>。

  一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。一个CARD用<card>和</card>包含。<card>可以包含以下可选的属性:
<card id=”name” title=”label” newcontext=”false” ordered=”true” onenterforward=”url” onenterbackward=”url” ontimer=”url”>
  *id属性用来指定CARD的名字,可用来在CARD间跳转,相当于在HTML中在页内跳转时用<A NAME=”jumpHere”>。
  *title属性用来作为书签的标记,该属性一般不会显示在屏幕上。
  *newcontext属性,默认值为false,用来指示当跳转到本CARD时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。
  *ordered属性,默认值是true,表明该CARD里的内容是按固定的顺序显示,还是按用户的选择来显示。这点和HTMl不同,CARD页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序,但是,要注意的是,以下三个标签必须按以下顺序来写<onevent> <timer> <do>,(这和以后要讲的“事件”有关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时,手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。
  *onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。



3。显示文本

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

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

  文字的修饰标签有<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
————–
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card>
<p align=”center”>
<i>Hello</i><br/>
<b><i>World!</i></b>
<table title=”mytable” align=”right” columns=”2″>
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>



4。显示图片

  显示图片(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上去找。
  *可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选to和middle。
  *height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,目前不是所有的WAP手机都支持这些属性。

test2.wml
—————
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card>
<p align=”center”><img alt=”:)” src=”xxx.bmp” localsrc=”smileyface”/></p>
</card>
</wml>



5。锚和任务

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

  然而,以上的连接在WML里只是任务的一种情况,为了能够使用其它任务,所以引进了新的标签<anchor title=”label”>任务标签 文本</anchor>,<a>其实是当任务标签为<go/>时的简单表示方式。

test3.wml
—————
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card>
<p>
<anchor title=”Link1″><go href=”test1.wml”/>News</anchor><br/>
<a title=”Link2″ href=”test2.wml”>Sports</a>
</p>
</card>
</wml>

  WML里的任务标签有以下几种,除了用于<anchor>,还可以用在事件中:

  1)<go>用来指示浏览器显示指定的URL,包括DECK的第一个CARD或者指定的CARD。语法如下:
  <go href=”url” sendreferer=”false|true” method=”get|post” accept-charset=”charset”>
  <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”/>,该语句的意思是,当触发某一事件时,给变量赋值。
  要注意的是,当<go>和</go>之间没有任何语句时,要用<go/>的形式,这点比较特别,比如<anchor title=”Link1″><go href=”test.wml”/>News</anchor>。

  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>。

  4)<noop>,表示什么也不做,该标签不能用在<anchor>中,一般用在覆盖DECK级的<do>(以后会说明)。

6。显示表单

  类似于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属性,指定了用来存储该输入文本的变量名字。
  *title属性,该输入框的名字,同样可被用来作为概要CARD页中的选项名。
  *type属性,默认值为text,如选择password,则输入的数据显示为*。
  *value属性,在语法和行为上等同于下面的default属性,
  *default属性,指定输入框的默认值,即name属性指定变量的默认值,当用户输入新值时,该值无效,如果该值不符合以下format属性的规定,则手机也忽略该默认值。
  *format属性,用来格式化输入的数据,可用的标记如下,使用时可用“一位数字标记”和“*标记”的形式,前者代表N个标记型字符,如3X,后者代表任意个(小于maxlength属性的值)标记型字符。
  标记   描述
  A     任何符号或者大写字母(不包括数字)
  a     任何符号或者小写字母(不包括数字)
  N     任何数字(不包括符号或者字母)
  X     任何符号、数字或者大写字母(不可改变为小写字母)
  x     任何符号、数字或者小写字母(不可改变为大写字母)
  M     任何符号、数字或者大写字母(可改变为小写字母)或者多个字符,默认为首字大写
  m     任何符号、数字或者小写字母(可改变为大写字母)或者多个字符,默认为首字小写

  *maxlength属性,指定了用户可输入的最大字符长度,最大限制为256个字符。
  *emptyok属性,表示用户可否不填输入框,默认为false,即要填。
  *size属性,输入框显示长度,目前未被支持。
  *tabindex属性,类似于在HTML表单中按TAB键后,焦点落在哪个选项上,该值决定了这个选择顺序,数字大的排在后面。目前未被支持。

test4.wml
—————
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card id=”card1″ ordered=”false”>
<p>
USERNAME:<input name=”userName” title=”User Name” type=”text” value=”YourNameHere” format=”*M” emptyok=”false” maxlength=”12″ tabindex=”1″/>
PASSWORD:<input name=”password” title=”Password” type=”password” format=”8x” emptyok=”false” maxlength=”8″ tabindex=”2″/>
COMMENTS:<input name=”comments” title=”comment” type=”text” value=”YourCommentsHere” format=”*M” emptyok=”true” maxlength=”30″ tabindex=”3″/>
</p>
</card>
</wml>
  将上例<card>中的odered的值改为”true”试试看,然后再在<p>和</p>内加入<fieldset title=”field1″>和</fieldset>试试看。

  <select>选单类似于HTML表单中的<SELECT>,<select>和</select>间可包含<optgroup>和<option>标签,语法如下,所有属性都为可选:
  <select title=”label” multiple=”false|true” name=”variable” default=”default” iname=”index_var” ivalue=”default” tabindex=” n”>
  <optgroup title=”label”>选单内容</optgroup>
  <option title=”label” value=”value” onpick=”url”>
  事件或者文本
  </option>
  </select>
  *title属性,如以上<input>的title属性。
  *multiple属性,指定用户可否进行多项选择,默认值为false。
  *name属性,用来存储用户选择项的变量名,其值为<option>标签的value属性,若用户没有选择又没有用default属性指定默认值,则手机将改变量赋值为空字符串”",对于多项选择,每个值用“;”分开。
  *default属性,可为name属性指定的变量赋默认值。
  *iname属性,用来记录用户选择项的位置,相应的值从1开始。若没选,则该值为0。
  *ivalue属性,用来记录默认值所在的位置。

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

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

test5.wml
—————
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card id=”card0″ ordered=”false”>
<p>
Please select a city…
<select title=”Cities List” name=”city”>
<option title=”Beijing” value=”c1″>Beijing</option>
<option title=”Shanghai” value=”c2″>Shanghai</option>
<option title=”Hongkong” value=”c3″>Hongkong</option>
</select>
Please select columns…
<select title=”Column List” multiple=”true” name=”col”>
<option title=”Hot News” value=”l1″>News</option>
<option title=”Cool Sports” value=”l2″>Sports</option>
<option title=”Pop Enter,,,” value=”l3″>Entertainment</option>
</select>
</p>
</card>
</wml>



7。事件

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

  <do>的语法如下:<do type=”type” label=”label” name=”name” optional=”false|true”>任务</do>,任务就是以前提到的四种任务。<do>的属性中,type是必选的,其他为可选。
  *label属性,指定了软按钮在屏幕上的显示文本。目前type属性为delete,help,prev时该属性无效。 
  *name属性,为<do>取个名字,同一的CARD里的<do>不能重名。如果CARD级的<do>和DECK级的<do>同名,则覆盖DECK级的<do>。
  *optional属性,指定手机是不是可以忽略这个事件,默认值是false。
  *type属性,指定触发的事件,具体如下;
  type值    触发原因
  accept    调用ACCEPT按钮机制
  delete    调用DELETE按钮机制
  help     调用HELP按钮机制
  options    调用选择按钮机制
  prev     调用PREV按钮机制
  reset     调用清除和重新设定手机状态时的RESET机制(目前不支持)
  unknown    调用unknown机制,等于type=”"(目前不支持)
  vnd. co-type 调用厂商特定的机制(目前不支持)
  X-*, x-*   供以后使用(不保留)(目前不支持)

test6.wml
—————
<?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>
<card id=”card0″ ordered=”false”>
<do type=”accept” label=”InputName” name=”do1″>
<go href=”#card01″/>
</do>
<p>
NAME:<input name=”userName” title=”User Name” type=”text” format=”*M” emptyok=”false” maxlength=”12″/>
</p>
</card>
<card id=”card01″>
<p>
You name is $(userName:noesc).
</p>
</card>
</wml>

  <onevent>的语法如下,<onevent type=”type”>任务</onevent>,必选属性type的取值如下:
  type值     如果用户执行了以下操作就执行任务
  onpick     用户选择或不选一个<option>项时。
  onenterforward 用户使用<go>任务到达一个CARD时。
  onenterbackward 用户使用<prev>任务返回到前面的CARD时,或者按BACK按钮时。
  ontimer     当<timer>过期时。

test7.wml
—————
<?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>
<card id=”card0″ ordered=”false”>
<p>
Please select a city…
<select title=”Cities List” name=”city”>
<option title=”Beijing” value=”Beijing”>
<onevent type=”onpick”>
<go href=”#card01″/>
</onevent>Beijing</option>
<option title=”Shanghai” value=”Shanghai” onpick=”#card01″>Shanghai</option>
<option title=”Hongkong” value=”Hongkong” onpick=”#card01″>Hongkong</option>
</select>
</p>
</card>
<card id=”card01″>
<p>
You are Living in $(city:noesc)
</p>
</card>
</wml>

  <timer/>可以用来在用户不进行任何操作的一段时间后,自动执行一个任务,任何激活CARD页面的任务和用户操作都会启动<timer/>,而任务进行时,<timer/>就停止。每个CARD只能有一个<timer/>,一个<timer/>只能触发一个任务。语法如下:<timer name=”variable” value=”value”/>,其中name为可选属性,指定为一个变量名,当退出该CARD时,该变量存储此时定时器的值,当定时器超时时,手机将该变量设为0;value为必选属性,用来设置定时器的定时值,最小单位为0.1秒。

test8.wml
—————
<?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>
<card id=”card1″ ontimer=”#card2″>
<timer name=”time1″ value=”50″/>
<p align=”center”>
After 5s, goto card2
</p>
</card>
<card id=”card2″>
<onevent type=”ontimer”>
<go href=”#card1″/>
</onevent>
<timer name=”time2″ value=”50″/>
<p align=”center”>
Here is card2!
</p>
</card>
</wml>

  再提一下,<onevent> <timer> <do>三者必须按以上顺序写。

  此外在DECK级还可以加入<template>,用来将事件捆绑在DECK级上,语法如下:
  <template onenterforward=”url” onenterbackward=”url” ontimer=”url”>
  <do>或者<onevent>
  </template>


test9.wml
—————
<?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>
<template>
<do type=”accept” label=”deckPress” name=”do1″>
<go href=”#card01″/>
</do>
</template>
<card id=”card0″ ordered=”false”>
<do type=”accept” label=”cardPress” name=”do1″>
<go href=”#card02″/>
</do>
<p>
Press ACCEPT…
</p>
</card>
<card id=”card01″>
<p>
Here is card01
</p>
</card>
<card id=”card02″>
<p>
Here is card02
</p>
</card>
</wml>



8。CGI编程

  1)在WEB服务器上添加WML的MIME类型
   对于IIS4,可在其管理器里的站点属性中加入新的MIME类型,后缀.wml和MIME类型text/vnd.wap.wml。
   对于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也用类似的方法。

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

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

test10.wml
—————
<?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>
<card id=”card0″>
<do type=”accept” label=”Input Name” name=”do1″>
<go href=”http://localhost/test.asp” method=”post”>
<postfield name=”uid” value=”123456″/>
<postfield name=”uname” value=”$(userName:esc)”/>
</go>
</do>
<p>
NAME:<input name=”userName” title=”User Name” type=”text” format=”*M” emptyok=”false” maxlength=”12″/>
</p>
</card>

test10.asp
—————
<%
uid=Request.Form(“uid”)
userName=Request.Form(“uname”)
Response.ContentType=”text/vnd.wap.wml”
%>
<?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>

<wml>
<card>
<p>
USERNAME:<%=userName%>
USER__ID:<%=uid%>
</p>
</card>
</wml>

Intro

  二十一世纪是信息的世纪,以IP技术为核心的Internet在全球范围内后的了空前规模的商业化应用,它几乎渗透到了人们生活的每一个角落,特别是以Web为核心的信息检索业务取得了巨大的成就。如今,要随时随地的获取信息,通过使用移动电话连上互联网将是一种非常可行的方案,而WAP就是实现这一方案的技术工具。现在,移动电话上网数量的增长速度要比PC上网数量的增长速度更快。这也就意味着不久以后,大多数新的移动电话都将配有WAP浏览器。

  在现实生活中,为了能使人们随时随地的通过移动电话获取最新的股票行情信息,我们可以把WAP技术和后台的数据库技术相结合,通过移动电话的WAP浏览器,把数据库中的股票当前行情显示给用户。我们的这套教程,就是用这样的一个实例程序,讲解了如何构建一个动态的 WAP 站点。当然,在数据库和数据来源方面,我们都做了很大的简化,只是祈祷一个讲清原理的作用,读者可以根据教程自己深入研究一下。


——————

Charpter 1 Server 端的设置

  在这里,我们先用最为典型的IIS服务器作为例子:

  为了使IIS支持WAP(WML)页面的发布,在IIS的Web站点的属性 / HTTP信息中设置WAP的MIME属性,添加如下的MIME类型:

  扩展名   内容类型(MIME)  
  .wml    text/vnd.wap.wml  
  .wbmp    image/vnd.wap.wbmp  
  .wmlc    application/vnd.wap.wmlc  
  .wmls    text/vnd.wap.wmls  
  .wmlsc   application/vnd.wap.wmlsc  

  重启 IIS 使其支持 WAP 页面的发布。

  如果你使用的是 Apache 作为Web服务器的话,找到conf/httpd.conf这个配置文件,然后在里面添上MIME类型。在httpd.conf中加入如下几行:

  AddType text/vnd.wap.wml .wml
  AddType image/vnd.wap.wbmp .wbmp
  AddType application/vnd.wap.wmlc .wmlc
  AddType text/vnd.wap.wmls .wmls
  AddType application/vnd.wap.wmlsc .wmlsc

  重启 Apache Server 使其支持 WAP 页面的发布。

  这样,你的Server就支持 WAP(WML) 站点的发布了。

Chapter 2 编写你的第一个 WML 页面

  在上一章中,我们配置好了支持 wml 的服务器,现在,我们新建一个虚拟目录(例如 http://127.0.0.1/wml ),把我们编写的 wml 页面放在这个目录中发布。这样我们安装好 WAP 模拟器后,就可以输入 http://127.0.0.1/wap浏览自己做的 WAP 页面了。在这里我推荐大家使用 Nokia 的 WAP Toolkit 模拟器,这个比较真实。大家可以到 Nokia 的站点上去下载。

  WML 其实是 XML 的一种特殊应用,让我们来看一个最简单的 WML 页面:

  <?xml version=”1.0″?>
  <!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”>
  <wml>
   <template>
    <do type=”options” label=”back”>
     <prev/>
    </do>
   </template>
   <card id=”card1″>
     <p>Hello World ! 
     </p>
     <do type=”accept” label=”Start”>
      <go href=”#Welcome”/>
     </do>
   </card>
   <card id=”Welcome”>
     <p>You are welcome! 
     </p>
     <do type=”accept” label=”Back”>
      <go href=”#card1″/>
     </do>
   </card>
  </wml>

  第一行是说明这个文件是 xml1.0 标准的。我们可以看到,<wml> 和 </wml> 括起了整个 WML 页面的内容,我们成为一个 DECK ,在这个 DECK 中,又可以分成几个 <CARD> 和 </CARD> 括起的内容。记住,一个WML页面只能有一个 DECK ,一个 DECK 中可以由一个或多个 CARD ,而手机的一次就只显示一个 CARD 中的内容。

  以上面的这个页面为例,打开这个页面时,只显示 Hello World ! 和一个 Start 的超连接,选择 Start 这个超连接后,就跳转到 id 为 Welcome 的那个 CARD ,屏幕上显示 You are welcome! 和一个 Back 连接,选择 Back 连接,则又跳回一开始显示的 id 为 card1 的那个 CARD 。

  在这里,起连接作用的是这段代码:

     <do type=”accept” label=”Back”>
      <go href=”#card1″/>
     </do>

  <do> 中的 label 项,则是连接显示的内容,而连接指向则由 <go href=> 来指定。href 的值以 # 开头的话,则是页面中的 CARD 名(类似于 HTML 中的锚的概念);如果 href 的只是一个页面的地址,例如 <go href=”a.wml”/> 则这个连接将指向另一个 WML 页面。

  WML 的语法是遵循 XML 的,可以说 WML 是 XML 的一个子集,XML 是 WML 的超集。

  在 WML 中其他常用的元素有:

   <img src=”1.wbmp” alt=”1″/> 插入图像1.wbmp(在 WAP 中,只能使用 wbmp 格式的图像)

   <option value=”up” onpick=”a.wml”> 选择,选中这一项后跳转到a.wml

   <input type=”text” name=”id” format=”*N”/>
   <do type=”accept” label=”Check”>
    <go href=”fivedays.asp”>
      <postfield name=”id” value=”$id”/>
    </go>
   </do>
   上面的这一整段代码是一个表单,先由 <input> 标签负责将拥护输入的数字( format=”*N” 只允许输入数字) ,放到变量 id 中,再当用户按下 Check 连接时,<postfield name=”id” value=”$id”/> 发生作用,把变量 id 中的值以 POST 方式传送给 fivedays.asp。$id 即代表变量 id 的值。这个连接相当于:fivedays.asp?id=$id 。

  其他的一些常用的 WML 元素用户可以自行参考一下 WML 语法手册,在这里我就不多说了。

Chapter 3 数据库的输出

  在我们的这个例子中,由于每支股票有价格,名字,号码等信息,所以要由一个数据库来保存维护。我们的主要功能有查询某股票的当前价位,五天来的收盘价,今天的涨降幅前五名,所以,数据库中除了每支股票的号码和名字外,还得有前四天来的收盘价及当前价格。考虑到值试举个例子而已,所以只设计了一个简单的数据库,名为money ,该数据库设计了一张表,名为stock,该表包含了以下属性:num(主键) , name , price1 , price2 , price3 , price4 , price5 , temp 。 分别表示股票号码,名字,前四天收盘价,前三天收盘价,前天收盘价,昨天收盘价,现在价格,现在相对于昨天的涨降幅(百分比)。我们输入了大约50支股票的信息。

  根据查询的需要,需从数据库中找到相关的数据,我们采用ASP编程,用ODBC连接数据库money,设置的数据源名为money。下面以查询当前价格为例,说明怎样与数据库连接。

<%
 number=Request.QueryString(“id”)
 Set conn=Server.CreateObject(“adodb.connection”)
 conn.Open”dsn=money;uid=;pwd=;database=money.mdb”
 sql0=”select num,name,price5 from stock where num=’”&number&”‘”
 Set rs0=Server.CreateObject(“adodb.recordset”) 
 rs0.Open sql0,conn  
%>

  上面的这段ASP代码相信大家都应该看懂了吧,这是一段查询代号为id的股票的纪录的代码。

  考虑到返回给客户的WAP页面必须是当时的股票信息,所以我们必须通过后台程序读取当时的数据库中的数据,即时生成WAP页面(WML页面)返回给WAP客户。由于IIS本身支持ASP,而且ASP开发周期较小,所以采用ASP作为后台语言,生成WML页面,通过向客户端发送 WML的HTTP头实现向客户端传送WML页面。如下列程序所示:

<% Response.ContentType=”text/vnd.wap.wml” %><?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” http://www.wapforum.org/DTD/wml_1.1.xml >
<wml>
<card>
…………
</card>
</wml>

  注意:<% Response.ContentType=”text/vnd.wap.wml” %>和<?xml version=”1.0″?>之间不能有空格或空行。

  由于 Nokia Toolkit 不支持中文,所以,所有的汉字都只能做字符的实体引用,因此,用ASP编写了一个c2u的函数,进行汉字和字符实体之间的转换,程序如下:

<%
Function c2u(text)
  For i=1 to Len(text)
  c=Mid(text,i,1)
  c2u=c2u&”&#x” & Hex(AscW(c)) & “;”
  Next
 End Function
%>

  要在WML中输出汉字的时候,只需 <%=c2u(“中文字符”)%> 即可。

  在WML中,采用不同card间的跳转来实现功能选择的步骤。采用<postfield/>标记给ASP页面传递客户端的选择信息。在ASP程序中,使用 Request.QueryString(“”)来获得客户端传递来的信息。

  下面就是完整的一个显示页面的例子:

<%@ LANGUAGE=”VBScript” %>
<%
dim j
j=0
%>
<%
Function c2u(text)
  For i=1 to Len(text)
  c=Mid(text,i,1)
  c2u=c2u&”&#x” & Hex(AscW(c)) & “;”
  next
 End Function
%>
<%
 set conn=server.createobject(“adodb.connection”)
 conn.open”dsn=money;uid=;pwd=;database=money.mdb”
 sql0=”update stock set temp=(price5-price4)/price4*100″
 set rs0=server.createobject(“adodb.recordset”) 
 rs0.open sql0,conn
 sql=”select num,name,temp from stock where temp<0 order by temp ASC”
 set rs=server.createobject(“adodb.recordset”) 
 rs.open sql,conn 
%>
<% Response.ContentType=”text/vnd.wap.wml” %><?xml version=”1.0″?>
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “http://www.wapforum.org/DTD/wml_1.1.xml”><wml>

<card id=”ShowCurrent”>
<p>
  <%=c2u(“跌幅前五名:”)%><br/>
<%
while j<5 and not rs.eof
%>
  <%=rs(0).Value%>-<%=c2u(rs(1).Value)%>&nbsp;<%=rs(2).Value%>%
<br/>
<%
rs.movenext
j=j+1
wend
%>
</p>
<do type=”accept” label=”<%=c2u(“返回”)%>”>
 <go href=”index.asp#Welcome”/>
</do>
<p align=”center”>
(c) 501 Studio, 2001<br/>
All rights reserved !
</p>
</card>
</wml> 
<%
rs.close
%>

实例

———————————————————————————–

  ASP与WAP结合能够生成丰富的动态的WML网页,可以给WAP手机带来许多有趣的内容。那么如何使他们两者有机的结合来生成动态网页呢?在本文中,我就想介绍一下如何使用ASP开发一个动态生成WML的应用程序。比如说,现在手机的电子银行被炒得很火,那么我们如何去建立这样一个应用程序呢?在这里我不想讨论整个电子银行的建立,因为那样内容太庞大,超出了我能介绍的范围,在这里我只想介绍一下,如何使用ASP建立一个应用程序来检查用户的收支平衡情况。考虑到它的安全性,我们要使用WTLS,但这个问题比较复杂,只能等以后就机会再探讨了。我们要把精力放在如何使用ASP来实现动态网页上。

  说了这么多废话,让我们开始吧!假设银行账户信息被保存在SQL数据库中,如果使用相应的网络连接,就可以进入我们的系统。在本文的例子中,为了简化我们让账户信息非常的小(事实上不是这样的):只包括账户号;客户名,安全密码和账户收支平衡情况,在一个表中(tbl_account_info),有四个域分别对应为accountno,custname,accountpin和accountbal。

  下面,我想简单的谈谈编程思路:首先,用户进入我们的系统界面,输入他们的账号和安全密码(如图1),在验证完这些登录信息以后,我们允许用户登录进入系统,我们将给出欢迎语,并把用户名和账户上的收支平衡状况输出出来!


     图1

  这就是大体的开发思路,好,现在我们就可以根据这个思路进行编程了。我有个习惯,在我编写动态的程序代码时,我先把静态的代码写出来,然后才试着把动态的代码写出。在本文中我也将采用这种方法。

  首先,在代码的第一部分,我们将要建立一个页面用来用来接收用户的登录信息。(如图1)

  请注意下面这段代码,这些代码都是最基本的WML代码:


<% Response.ContentType = “text/vnd.wap.wml” %>
<?xml version=”1.0″ encoding=”gb2312″?>//注意这一句,如果想要显示中文,必须要加入encoding=”gb2312″
<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN”
“http://www.wapforum.org/DTD/wml_1.1.xml”>
<wml>
<card id=”login” title=”WAP 电子银行”>
<p>
欢迎来到WAP 电子银行 <br/>
请输入账号: <input name=”accountno” type=”text” maxlength=”6″ />
安全密码: <input name=”accountpin” type=”password” maxlength=”4″ />
<do type=”accept” label=”Check Bal”>
<go href=”checkbal.asp” method=”post”>
<postfield name=”accountno” value=”$Accountno” />
<postfield name=”accountpin” value=”$Accountpin” />
</go>
</do>
</p>
</card>


  建立好接收用户登录信息页面以后,我们就要验证用户填充的信息是否非法,如账号没有满相应的位数,安全密码没有填等等,这些步骤一般都是在客户端进行的,从而使使用无线通讯联接进行的处理过程达到最小程度,以缓解因通讯拥挤引起的通讯中断。因为手机毕竟不同于普通的PC机,它的带宽比较小,连接比较慢。

  好,下一步我们就要真正的联接数据库了,我们要发出一个标准的SQL请求语句,然后服务器会返回一个记录集,我们处记录集中把我们需要的信息抽取出来,然后再下一个页面相应的域中显示出来。这些都是动态的内容:从用户那里取得请求信息,然后给他们显示他们想要获得的动态信息,这样就做到了”手机信息的个性化”。请看代码:

<card id=”Login” title=”WAP 电子银行”>
<p>
<%
txtSQL = “SELECT * FROM tbl_account_info WHERE accountno=’”
Request.Form(“AccountNo”) & “‘ AND accountpin=’”
Request.Form(“AccountPIN”) & “‘”
set rs = conn.Execute(txtSQL)
if rs.EOF then
Response.Write “Invalid Login”
Response.Write “<do type=’accept’ label=’Retry’>”
Response.Write ” <go href=’index.asp’/>”
Response.Write “</do>”
else
Response.Write “您好, ” & rs.Fields(“custname”) & “先生” <br/>”
Response.Write”您的余额为¥” & rs.Fields(“accountbal”)
%>

在从服务器上取得回信息以后,我们就将这些信息显示出来:如图2



  好了,一个简单的电子银行的查询系统就写好了。从上面的例子中我们可以看出在设计WAP页面时要注意以下几个问题:

  1、要保持内容,短小精干。我们基于用户请求提供的信息必须简明,能够快速的满足他们的请求!

  2、使用ASP能够非常迅速的完成编写动态的WML页面,它与用ASP编写的普通的页面基本相试,只有一些细微的改变,比如加入了WML页面识别的标记。你也可以试着写一些其他的动态内容。

2005年01月31日

总置顶3天 湖南长沙招聘网页美工

http://news.51ttup.com/2005/1-31/12144945529.html

招聘网页美工
女 25 岁以下  良好的创意设计 美感好 丰富网页设计经验
精通 photoshop dreamweaver css 会flash

可以是专业平面设计人员 精通 photoshop 接受能力强
精擅细节描绘 有像素图创作经验  

要求提交作品 美术专业优先 3-5年实践设计经验

联系电话 0731-8672946

公司网址:http://www.51ttup.com/

相关简历可以投到:  webmaster@51ttup.combuhui@qq.com

工作单位:北京三次方广告有限公司

工作地点:湖南省长沙市岳麓区

有效时间:一个月


2005年01月26日

作为一个专门电子读物的阅读站点。

已经开发的有。

书库部分:批量添加新书功能(批量导入)

                    批量书籍图片导入功能

                    单本书籍操作

                    多级管理员系统(有待完善)

有待解决的问题有

                    作者系统

                    vip会员系统

                    离线阅读器的制作

站点部分:与腾讯合作 成为qq门户合作站点

                    整站支持rss阅读

                     增加背景音乐

                     

有待解决的问题有

                    pda版本(初步构建完成)

                   wap版本

                  全站搜索代码

更多新功能在考虑中。。。。