《移动电子商务》课件手机页面编程技术.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《《移动电子商务》课件手机页面编程技术.ppt》由用户(momomo)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动电子商务 移动 电子商务 课件 手机 页面 编程 技术
- 资源描述:
-
1、第一节第一节 WML手机编程技术手机编程技术第二节第二节 HTML5手机页面编程技术手机页面编程技术手机页面编程技术基础手机页面编程技术基础 HTML与与WMLWML(Wireless Markup Language-无线标记语言)是XML的一个应用子集,WML是专门为手持式移动通信终端(手机)设计的,它可以显示各种文字、图像等数据,内置于移动设备中的微型浏览器能够解释执行这种标记语言。WML语言的结构和HTML类似,主要包括元素和标签。元素是符合DTD(文档类似定义)的文档组成部分,如title(文档标题)、IMG(图像)、table(表格)等等,元素名不区分大小写。WML手机页面编程技术手
2、机页面编程技术 HTML与与WMLWML语言使用标签来规定元素的属性和它在文档中的位置。HTML编写的内容目的主要在PC机上用浏览器进行查看,而 WML语言编写的文件内容则是专门用来在手机等一些移动终端显示屏上显示,供人们阅读,并且同样也可以向使用者提供人机交互界面,接受使用者输入的查询等信息,然后向使用者返回他所想要获得的最终信息。与HTML 编写的内容相比,WML消耗的内存和cpu时间更少,因此,WML更适合移动电话等手持移动设备。WML手机页面编程技术手机页面编程技术 HTML与与WMLWML是一种相对轻量级的标记语言,由于它取消了动态、表单等结构,因此其网页结构足够简洁,访问起来带来的
3、流量较少,也容易维护。对于HTML来说,一些手机访问可能不支持该脚本,无法显示,就算可以,流量代价也较大。如果内容很的话,手机内存又不大,对于某些手机来说还可能导致死机。如果说要做WAP网站,一定要懂WML语言。HTML语言的初衷是给PC机用的,虽然说现在已经有了较新的HTML语言版本可以适用于手机,正在跨步式的取代WML语言的地位,但是WML语言通俗易懂,简单经典的特点,还是非常适合手机页面编程初学者的。WML手机页面编程技术手机页面编程技术WML与与WAP设备设备WML手机页面编程技术手机页面编程技术宏观上,WML适用的无线设备通常具有以下特点:与普通的个人计算机相比,体积较小与普通的个人
4、计算机相比,体积较小设备内存有限,且设备内存有限,且CPU性能也有限性能也有限通讯带宽较窄、时延较长通讯带宽较窄、时延较长WML与与WAP设备设备WML手机页面编程技术手机页面编程技术细化上来说,支持WML的设备主要具有的典型特征如下:(1)有一个显示屏幕,可以显示)有一个显示屏幕,可以显示4行字符,每行行字符,每行12个字符;个字符;4行字符中通常包括保留给功能按钮的那一行字符中通常包括保留给功能按钮的那一行;行;(2)支持数字和字符的输入;)支持数字和字符的输入;(3)支持垂直和水平滚动的箭头按键;)支持垂直和水平滚动的箭头按键;(4)支持操作者使用箭头或数字按钮进行选择;)支持操作者使用
5、箭头或数字按钮进行选择;(5)支持)支持ASCII的可打印码;的可打印码;(6)通常都有两个可编程功能键,即)通常都有两个可编程功能键,即Accept键和键和Options键,一般安排在接近键盘的屏幕下方;键,一般安排在接近键盘的屏幕下方;(7)通常有一个)通常有一个Prev导航键。导航键。WML语言编写环境语言编写环境WML手机页面编程技术手机页面编程技术使用WML语言编写WAP网页或应用时,需要使用一个编辑器进行编辑。与HTML编程一样,WML编写的程序也是纯文本文件,可以使用任一文本编辑器进行编写,比如Windows系统中的“记事本”等,也可以使用WAP开发工具包的编辑器进行编写,比如N
6、okia WAP Toolkit等。如果要使用“记事本(NotePad)”来编写WML程序,则可在Windows系统中,点击鼠标右键新建文本文件,屏幕上随后就会出现它的编辑窗口,从中就可以输入并编写WML程序了。WML语言编写环境语言编写环境WML手机页面编程技术手机页面编程技术Hello World!输入完成时将文件的扩展名保存为.wml而不是.txt。WML语言编写环境语言编写环境WML手机页面编程技术手机页面编程技术输入完上述hello.wml程序后,如何查看它的运行效果呢?最直接的工具是通过手机进行查看,但首先需要搭建WAP服务器,搭建完成后将该程序复制到WAP服务器中,并在手机URL
7、栏里输入http:/127.0.0.1/wap/hello.wml,即可在浏览器窗口中查看hello.wml页面的运行效果。hello.wml程序在窗口中显示一个名为“Title”的标题,及一句“Hello World!”的文字。需要说明的是,“http:/127.0.0.1/wap/hello.wml”中的“127.0.0.1”是指服务器所在计算机的默认IP地址。WML语言编写环境语言编写环境WML手机页面编程技术手机页面编程技术在实际操作中,还可以在PC端使用模拟器查看运行效果,比较有名的模拟器是WinWap,通过WinWap可以直接打开后缀为.wml的文件,打开之后便可看到运行效果。这种
8、方法操作起来较为简单,但是看到的测试效果可能会与实际手机上看到的效果有一些差别。而且不能提供编辑、编译和调试的集成环境。WML程序结构程序结构WML手机页面编程技术手机页面编程技术与HTML类似,WML的主要语法也是元素和标签。WML使用标签来规定元素的属性和它在文档中的位置。标签使用小于号()括起来,即采用“”的形式。标签分单独出现的标签和成对出现的标签两种。大多数标签是成对出现的,由首标签和尾标签组成。首标签和尾标签又分别称为起始标签和终止标签。首标签的格式为“”,尾标签的格式为“”。成对标签用于规定元素所涵的范围,比如和标签用于界定黑体字的范围,也就是说,和之间包住的部分采用黑体字显示。
9、单独标签的格式为“”,它的作用是在相应的位置插入元素。如标签表示在该标签所在位置插入一个换行符。WML程序结构程序结构WML手机页面编程技术手机页面编程技术分析书上的案例程序:该程序运行后将在手机屏幕上依次显示3屏信息。先显示“你好”,然后显示“这里是新生登记处”,最后显示“请在此办理报到”。显示时每屏文本出现的位置不一样,每屏都有标题“Toolkit Demo”,相邻两屏之间延时为20,其单位大小为1/10秒,延时2秒。WML程序结构程序结构WML手机页面编程技术手机页面编程技术(1)语法。)语法。WML的语法与的语法与HTML极为相似,仍然是极为相似,仍然是一种标记语言,并且延续了一种标记
10、语言,并且延续了XML的语法规则。具体的的语法规则。具体的语法规则我们后面会详细介绍的。语法规则我们后面会详细介绍的。(2)文件声明。所有的)文件声明。所有的WML程序必须在文件的开头程序必须在文件的开头处声明处声明XML文件类型,包括文件类型,包括XML的版本,的版本,WML的文的文档类型、所用规范等。声明形式如下:档类型、所用规范等。声明形式如下:(3)标签。在)标签。在WML语言中需要使用标签,其使用形语言中需要使用标签,其使用形式与式与HTML和和XML等标记语言中的形式是完全一致的。等标记语言中的形式是完全一致的。WML程序结构程序结构WML手机页面编程技术手机页面编程技术(4)元素
11、。)元素。WML的元素用于描述卡片组的元素用于描述卡片组(Deck)的标的标记信息及结构信息。一个元素通常由一个首标签、内记信息及结构信息。一个元素通常由一个首标签、内容、其他元素及一个尾标签组成,具有两种结构之一:容、其他元素及一个尾标签组成,具有两种结构之一:内容内容或或。元素包含的内容。元素包含的内容中还可以有元素,这些元素也是由首标签、相应内容、中还可以有元素,这些元素也是由首标签、相应内容、其他元素及尾标签组成。不包含内容的元素称为空元其他元素及尾标签组成。不包含内容的元素称为空元素,它退化成一个单独的标签。或者说,单独的标签素,它退化成一个单独的标签。或者说,单独的标签也是一个元素
12、。也是一个元素。(5)属性。)属性。WML与与XML一样,其标签可以包含很多一样,其标签可以包含很多属性。属性用于给标签提供必要的附加信息,且属性属性。属性用于给标签提供必要的附加信息,且属性内容通常在起始标签内使用。不过,属性内容不会被内容通常在起始标签内使用。不过,属性内容不会被浏览器显示,它只作为参数为标签提供必要的信息。浏览器显示,它只作为参数为标签提供必要的信息。WML程序结构程序结构WML手机页面编程技术手机页面编程技术(6)文档结构。文档结构。WML文档是由文档是由“卡片卡片(Card)”和和“卡片组卡片组(Deck)”构成的,一个构成的,一个Deck是一个或多个是一个或多个Ca
13、rd的集合。当客户终端发出请求之后,的集合。当客户终端发出请求之后,WML即从即从网络上把网络上把Deck发送到客户的浏览器,这时用户就可发送到客户的浏览器,这时用户就可以浏览以浏览Deck内包含的所有内包含的所有Card,而不必从网上单独,而不必从网上单独下载每一个下载每一个Card。程序中的第一个。程序中的第一个Card是缺省的可是缺省的可见的见的Card。WML程序结构程序结构WML手机页面编程技术手机页面编程技术WML程序的基本结构:程序的基本结构:Some contents.WML程序结构程序结构WML手机页面编程技术手机页面编程技术(1)声明。)声明。WML程序由许多程序由许多De
14、ck组成,对于每一个组成,对于每一个Deck,在其文档开头必须进行,在其文档开头必须进行XML的声明和文档类型的声明和文档类型DOCTYPE的声明。的声明。XML声明总是在文件的第一行,声明总是在文件的第一行,注意前面最好不要有空格或者换行:注意前面最好不要有空格或者换行:,紧跟着是,紧跟着是DOCTYPE声明,注意声声明,注意声明时字母的大小写不要搞乱:明时字母的大小写不要搞乱:(2)标签。该标签用于包含和定义标签。该标签用于包含和定义WML的一的一个个Deck。它有一个可选的。它有一个可选的xml:lang属性来制定文档的属性来制定文档的语言,比如语言,比如表示文档语言为中表示文档语言为中
15、文。文。WML程序结构程序结构WML手机页面编程技术手机页面编程技术(3)标签。该标签用于包含和定义标签。该标签用于包含和定义Deck的的相关信息。相关信息。标签之间可以包含一个标签之间可以包含一个标签和多个标签和多个标签。标签。(4)标签。它的一般形式是标签。它的一般形式是,主要用于指定当前,主要用于指定当前Deck的访问控制信息,有两个可选的属性。其中,的访问控制信息,有两个可选的属性。其中,domain用来指定域,默认值为当前域,用来指定域,默认值为当前域,path用来指用来指定路径,默认值为定路径,默认值为“/”,即根目录。由于,即根目录。由于单独使用,所以要用单独使用,所以要用“/”
16、结尾。结尾。WML程序结构程序结构WML手机页面编程技术手机页面编程技术(5)标签。它的一般形式是标签。它的一般形式是,用于提供当前,用于提供当前Deck的的meta信息,信息,包括内存数据处理方式,以及数据传输方式和处包括内存数据处理方式,以及数据传输方式和处理方式等。理方式等。(6)标签。一个标签。一个Deck可以包含多个可以包含多个Card,每个每个Card的内容可能不止一屏显示。对于每一个的内容可能不止一屏显示。对于每一个Card,WML均使用均使用和和进行包含和进行包含和定义。定义。WML字符使用规则字符使用规则WML手机页面编程技术手机页面编程技术大小写敏感大小写敏感空格空格标签标
17、签不显示的内容不显示的内容变量WML手机页面编程技术手机页面编程技术WML编程中可以使用变量,变量使用前必须进行定义。变量一旦在Deck中的某一个Card上定义过,其他Card则可以不必重新定义就能直接调用该变量。定义变量的语法格式为:$identifier$(identifier)$(identifier:conversion)其中identifier指变量名,或说变量标识符;conversion指变量的替代。变量名是由US-ASCII码、下划线和数字组成的,并且只能以US-ASCII码开头。变量名严格区分大小写,也即,变量名是大小写敏感的。变量WML手机页面编程技术手机页面编程技术定义变量
18、的语法在定义变量的语法在WML中享有最高的解释优先级。中享有最高的解释优先级。有关变量的使用说明如下:有关变量的使用说明如下:(1)在)在WML中,变量可以在字符串中使用,并且中,变量可以在字符串中使用,并且在运行中可以更新变量的值。在运行中可以更新变量的值。(2)当变量等同于空字符串时,变量将处于未设置)当变量等同于空字符串时,变量将处于未设置状态,也就是空状态,也就是空(Null)。(3)当变量不等同于空字符串时,变量将处于设置)当变量不等同于空字符串时,变量将处于设置状态,也就是非空状态,也就是非空(Not Null)状态。状态。(4)在)在“$identifier”形式下,形式下,WM
19、L通常以变量名通常以变量名后面的一个空格表示该变量名的结束。如果在某些后面的一个空格表示该变量名的结束。如果在某些情况下空格无法表示一个变量名的结束,或者变量情况下空格无法表示一个变量名的结束,或者变量名中包含有空格,则必须使用括号将变量名括起来,名中包含有空格,则必须使用括号将变量名括起来,即采用即采用“$(identifier)”的形式。的形式。变量WML手机页面编程技术手机页面编程技术WML程序中的变量是可以替代的,我们可以把变量程序中的变量是可以替代的,我们可以把变量的数值赋给的数值赋给Card中的某一文本。有关变量替代说明中的某一文本。有关变量替代说明如下:如下:(1)在)在WML程
20、序中,只有文本部分才可以实现替程序中,只有文本部分才可以实现替代。代。(2)替代一般在运行期发生,而且替代不会影响变)替代一般在运行期发生,而且替代不会影响变量现在的值。量现在的值。(3)任何标签和属性都不能使用变量来替代。)任何标签和属性都不能使用变量来替代。(4)替代是按照字符串替代的方式实现的。)替代是按照字符串替代的方式实现的。(5)如果一个没有定义的变量要实现替代,那么该)如果一个没有定义的变量要实现替代,那么该变量将被看作空字符串对待。变量将被看作空字符串对待。变量WML手机页面编程技术手机页面编程技术变量在语法中有最高的优先级,包含变量声明字变量在语法中有最高的优先级,包含变量声
21、明字符的字符串将被当作变量对待,所以如果要使程符的字符串将被当作变量对待,所以如果要使程序显示序显示“$”符号,则需要连续使用两个符号,则需要连续使用两个“$”进进行说明。例如:行说明。例如:Your account has$15.00 in it一句的显示结果为:一句的显示结果为:Your account has$15.00 in it卡片与卡片组WML手机页面编程技术手机页面编程技术同一卡片组通常会含有许多卡片,这些卡片的定义、属性或格式等通常大同小异。如果我们逐一定义各个卡片,显然是十分麻烦的。为此,WML提供了卡片组模板的功能,模板内定义了一系列标准和参数,可以应用到同一卡片组的所有卡
22、片中去,从而能够大大地提高我们的编程效率。WML文档的信息是通过卡片(Card)集和卡片组(Deck)集的形式进行组织的。一个Deck是一个或多个Card的集合。当客户终端发出请求之后,WML即从网络上把Deck发送到客户的浏览器,Deck是服务器发送信息的最小单位。用户浏览器收到Deck后,可以浏览其中包含的所有Card。WML与与URL、程序段锚点、程序段锚点WML手机页面编程技术手机页面编程技术程序段锚点根据文档URL规则进行定义,并按照程序段标识符前加井字号(#)的方式书写。使用程序段锚点,WML程序可以在同一卡片组中定位不同的卡片。如果在程序中不指定程序段,那么程序中引用的URL名称
23、则指整个卡片组,而且卡片组的名称同时也是本卡片组内的第一个卡片的名称。例如,一句中的go元素就包含了一个URL地址,该地址指定了同一卡片组中的另一个卡片。该URL地址就包含了程序段标识符(#),“#Next_Card”就是一个程序段锚点。WML的元素和标签的元素和标签-卡片、卡片组及其元素卡片、卡片组及其元素WML手机页面编程技术手机页面编程技术1、wml元素元素WML的wml元素用于定义一个卡片组,并通过与标签包含和封装该卡片组中的所有信息。它的语法格式如下:内容(content)其中xml:lang=“lang”用于指定文档所用语言,语言“lang”的值属于NMTOKEN型数据。wml元素
24、中包含的内容(contend)中除了文本、图像等信息之外,还可以包含head、template及card元素。其中head、template元素如果包含则只可以包含一次,而card元素必须至少包含一次。WML的元素和标签的元素和标签-卡片、卡片组及其元素卡片、卡片组及其元素WML手机页面编程技术手机页面编程技术2、template元素元素template元素用于为当前卡片组中的所有卡片定义一个模板,统一规定卡片的某些参数。模板中的事件处理功能则可将这些参数自动应用于同一卡片组中的所有卡片。template元素通过和标签含所需内容(content)而实现模板功能的,其语法如下:内容(conten
25、t)WML的元素和标签的元素和标签-卡片、卡片组及其元素卡片、卡片组及其元素WML手机页面编程技术手机页面编程技术template元素属性的功能及用法说明如下:(1)oneterforward。当用户在浏览器中进入当前卡片时,该属性将指定超链(href)的URL地址,浏览器将据此打开URL指定的卡片或事件。(2)oneterbackward。与上一属性类似,该属性也可以指定其相应卡片或事件的URL地址。如果用户浏览时执行prev任务,那么浏览器就会定位到该属性所指定超链(href)的URL地址,并打开URL指定的卡片或事件。(3)ontimer。当指定事件timer过期的时候,用户浏览器就根据
展开阅读全文