OMS专题开发规范10版.docx
- 文档编号:11905613
- 上传时间:2023-04-08
- 格式:DOCX
- 页数:19
- 大小:167.07KB
OMS专题开发规范10版.docx
《OMS专题开发规范10版.docx》由会员分享,可在线阅读,更多相关《OMS专题开发规范10版.docx(19页珍藏版)》请在冰豆网上搜索。
OMS专题开发规范10版
专题开发规范
目录
专题开发规范1
1.概要介绍4
1.1.文档目的与介绍4
1.2.目标读者4
2.静态页面开发规范5
2.1.XHTMLMP介绍5
2.2.XHTML语法规则5
2.3.XML声明和字符编码6
2.4.DOCTYPE声明6
2.5.基本标记简析6
2.6.XHTMLMP的缓存机制7
2.7.XHTMLMP的定时刷新7
2.8.最基本的XHTML文档结构8
2.9.基本要求8
3.CSS使用规范限制8
3.1.基本介绍和建议8
3.2.CSS使用规范9
4.模板开发规范10
4.1.基本介绍10
4.2.模板语言使用说明10
4.2.1.概述10
4.2.2.变量,序列,散列10
4.2.3.算术运算,比较操作符,逻辑操作符13
4.2.4.内建函数,日期13
4.2.5.宏14
4.3.OMS系统中自定义指令16
4.4.OMS中定义的常态对象18
附录1:
OMS模板开发环境配置19
概要介绍
文档目的与介绍
本文档为规范视讯中心3G手机门户网站专题开发而撰写
为视讯中心专题开发技术人员以及合作方专题开发技术人员提供有效的开发文档,为开发人员提供最基本的技术指导,为实现对品牌包,垂直频道,各省分公司的分权分域做铺垫。
同时文档对专题静态页面的开发提供做了限制,保证专题页面能良好的展现在定制终端上。
保证了用户的体验,在一定程度上有利于保证业务量
本文档主要针对240版专题的开发做规范限制
文档主要分为两大部分:
静态页面开发规范,专题模板开发规范。
静态页面开发规范包括了基本的xhtml开发规范和css样式表属性使用规范。
按照规范执行静态页面开发能有效的减少因为终端打开页面排版问题。
专题开发规范包含了,火狐浏览器下搭建开发和预览环境,freemarker代码逻辑的基本介绍,以及在oms系统下的freemarker自定义标签的使用方法。
目标读者
OMS平台专题模板开发技术人员;
静态页面开发规范
XHTMLMP介绍
由于所开发的专题是通过手机浏览器访问,需要遵循XHTMLMP规范。
XHTMLMP(XHTMLMobileProfile),它是定义在WAP2.0上面的标记语言(markuplanguage)。
XHTMLMP是XHTML的子集,在XHTMLMP出现之前,WAP网站的开发者们只能用WML和WMLscript来创建WAP的网站。
而与此同时,web的开发者们却在用强大的多的HTML、CSS、XHTML等来进行传统网站的开发。
所以XHTMLMP的目标就是浏览者在WAP和web上获得尽可能相似的浏览体验。
总的来说,XHTML是更严谨的和简洁的HTML版本
XHTML语法规则
所有标签都必须有结束标签
在HTML中,你可以打开许多标签,例如
和
但在XHTML中这是不合法的。
XHTML要求有严谨的结构,所有标签必须关闭。
如果是单独不成对的标签,在标签最后加一个"/"来关闭它。
例如:
所有标签的元素和属性的名字都必须使用小写
XHTML对大小写是敏感的,
XHTML要求所有的标签和属性的名字都必须使用小写。
例如:
大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
属性的值必须放置在双引号内
不支持属性简写
在html中,如下写法是正确的:
而xhtml中必须这样写:
标签的嵌套必须正确
同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
/b>必须修改为:
就是说,一层一层的嵌套必须是严格对称。
所有的属性必须用引号""括起来
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。
例如:
把所有<(小于号)和&等等特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为<
任何大于号(>),不是标签的一部分,都必须被编码为>
任何与号(&),不是实体的一部分的,都必须被编码为&
不要在注释内容中使“--”
“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。
例如下面的代码是无效的:
--这里是注释-----------这里是注释-->
用等号或者空格替换内部的虚线。
--这里是注释============这里是注释-->
XML声明和字符编码
xmlversion="1.0"encoding="UTF-8"?
>
所的XHTMLMP文档都是XML文档,因此开始都会有一个XML声明。
这里也可以指定文档的字符编码。
对于当前天翼视讯门户所涉及到的页面,规定使用
xmlversion="1.0"encoding="UTF-8"?
>
DOCTYPE声明
对于所开发的专题页面,必须声明
DOCTYPEhtmlPUBLIC"-//WAPFORUM//DTDXHTMLMobile1.0//EN""http:
//www.wapforum.org/DTD/xhtml-mobile10.dtd">
若所开发的静态页面不按照上面所规定的声明,会导致部分手机打开页面会蜷缩在屏幕的左上角,严重影响用户体验度。
基本标记简析
是XHTMLMP的根标记。
目前,该标记的xmlns属性只能是http:
//www.w3.org/1999/xhtml这个值,这个用来保证严格遵守XHTMLMP标准。
但是即使缺失了这个标记,大部分浏览器还是能正常显示页面。
标记用来存放关于文档本身的信息。比如
标记的text-align属性已经被取消了,可以在css中定义实现这个功能,如:
p{text-align:
right}
XHTMLMP的缓存机制
这里的缓存就是客户端用来临时存储XHTML文档的空间,如果浏览器发现缓存里面有这个页面了而且没有过期,那它就直接显示这个页面,而不需要再次联网下载,这样节省了时间。
也可以可以禁止缓存,代码如下:
如果你要设置缓存时间是300秒的话,代码如下:
有些wap浏览器是没有缓存的,所以你设置了也未必能起到作用。
XHTMLMP的定时刷新
上面的代码让页面每隔15秒刷新一次!
注意:
必须包含这句:
如果没的话,那可能刷新后只是看到缓存中的副本,并没重新从服务器下载页面。
还一个用法就是用来URL自动跳转,例子如下:
但不是所有浏览器都支持refresh,当给某个页面添加自定跳转的时候,建议最好添加一个固定的链接,可供用户手动点击跳转到相应页面。 最基本的XHTML文档结构 xmlversion="1.0"? > DOCTYPEhtmlPUBLIC"-//WAPFORUM//DTDXHTMLMobile1.0//EN""http: //www.wapforum.org/DTD/xhtml-mobile10.dtd"> //www.w3.org/1999/xhtml">
Helloworld.WelcometoourXHTMLMPtutorial.
红色标注部分不可缺少,如果缺少将会有很多手机打开页面不正常
基本要求
由于现在手机终端宽度大小不一致。
甚至有部分终端为320宽度的屏幕,但是无法支持320版炫动的展示效果。
对于240版本的专题开发,静态页面要求在页面宽度上做100%自动适应。
自适应宽度的页面能更好的适配在各个终端上。
CSS使用规范限制
基本介绍和建议
采用XHTMLMP来开发静态页面,最重要的是它对CSS的
支持。
这使得XHTMLMP开发的页面,相比原先WML开发的wap页面具有更好的展示效果。
但是由于手机终端浏览器的多种多样,许多浏览器多CSS的支持相当有限。
所以开发的静态页面如果不按照一定的CSS使用规则,会导致一部分手机打开页面之后排版混乱,严重影响用户使用。
本章节在现在网络上完全没有参考,也没有任何一家权威机构对当前手机终端浏览器做过统计和测试,无法精确的得到手机浏览器对CSS的支持情况,按照这一年多以来专题开发经验,目前定制机内置浏览器大概有以下几种:
MobileIE, Polaris Browser,obgio,openware,operamobile等等。
这类浏览器对CSS的支持情况各不相同,而且相同浏览器不同版本对css的支持情况也会不同。
因此对CSS的使用要格外谨慎,特别是对于重大的布局属性,比如float是禁止使用的,具体会在下文举例介绍。
建议:
如果当页面UI设计对静态页面布局带来困难,建议修改设计。
如果开发的页面无法正常的展现在手机上,再好的设计都是空谈。
CSS使用规范
选择器的使用
类型选择器:
h1{font-style:
italic}元素名称必须小写。
Class选择器:
.class{color:
blue}对应标签的class属性,还可以联合元素名称使用h1.class{color:
blue}。
ID选择器:
#id{color:
red}对应标签的id属性也可联合元素名称。
通用选择器:
*{color:
blue},所有的标签。
禁止使用!
float属性
float属性定义元素在哪个方向浮动,但是由于有一部分终端对float属性不支持,所以目前float属性的禁止使用的。
如果使用会造成所浮动的域浮动到页面的左上角,页面根本无法使用。
margin属性
不允许使用auto,若使用负值,必须包含在
中,即一个
|