`

wap开发中的一些细节

阅读更多
1)wap多选框
<card id="phones" title="&#x7ec4;&#x4fe1;&#x606f;">
<do type="prev" name="Prev" label="Back">
<go href="meeting.wml"></go></do>
<do type="accept"><go href="servlet_wap?serviceID=0124">
<postfield name="scity" value="1"/>
<postfield name="members" value="$members"/>
</go></do>
<p mode="nowrap">**&#x9009;&#x62e9;&#x4f1a;&#x8bae;&#x6210;&#x5458;**
<select name="members" multiple="true">
<option value="138345657678">&#x38;&#x38;(138345657678)</option>
<option value="1383456576786">&#x38;&#x38;&#x38;&#x38;&#x36;(1383456576786)</option>
<option onpick="meeting.wml">[&#x8fd4;&#x56de;]</option>
</select>
</p>
</card>
2)wap单选框
<card>
<p>Please choice your favourite Web.<br/>
 <select name="X">
  <option value="S">sina</option>
  <option value="Y">yahoo</option>
 </select>
<p>
</card>
3)有关左右软按键)(由手机浏览器自动解析为menu菜单,在手机的右键出现;)
<do type=".options." label="&#x786e;&#x8ba4;" optional="false">
    <go href="/wapapp/servlet_yxtwap?serviceID=0214"/>
  </do>
代表右软按键,一个“确定”按钮;
<do type=".Accept." label="&#x8fd4;&#x56de;" optional="false">
    <go href="../servlet_yxtwap?serviceID=0201"/>
  </do>
代表左软按键,一个“返回”按钮;

最好是这样:
<do type="options" name="Prev" label="&#x8fd4;&#x56de;"><go href="indexmember.wml"></go></do>
<do type="Accept" label="&#x786e;&#x5b9a;">
<go href="/wapapp/servlet_yxtwap?serviceID=0401">
<postfield name="name" value="$name"/>
<postfield name="nick" value="$nick"/>
<postfield name="call" value="$call"/>
</go>
</do>
返回刚才上页:
<do type="options" name="Prev" label="&#x8fd4;&#x56de;"><prev/></do>

<do type="options" name="Prev" label="&#x8fd4;&#x56de;"><go href="index.wml"></go></do>
<do type="accept" label="&#x786e;&#x5b9a;">
<go href="/wapapp/servlet_wap" method="post">
<!-- go href="/servlet/wap86test"  -->
<postfield name="serviceID" value="0002"/>
<postfield name="phone" value="$(phone:e)"/>
<postfield name="passwd" value="$(passwd:e)"/>
</go>
</do>

4)有关软连结的友好提示
<a title = "&#x786e;&#x5b9a;" href="announce.wml">&#x7f51;&#x7ad9;&#x58f0;&#x660e;</a><br/>
加入title属性,可以在手机的左键显示title里面所放置的提示语。

  "<do type=\"options\" name=\"Prev\" label=\"&#x8fd4;&#x56de;\"><go href=\"index.wml\"></go></do>"+
   <do type="options" name="Prev" label="&#x8fd4;&#x56de;"><go href="index.wml"></go></do>

5)ipnut输入框自动换行
<p mode="nowrap">**&#x59d3;&#x540d;&#x6635;&#x79f0;**<br/>
&#x59d3;&#x540d;:
<input name="name"  tabindex="1"    maxlength= "32" />
注意:Ⅰ、p的mode属性为nowrap;
     Ⅱ、input里没有size属性;

6)<p mode="nowrap">将菜单项显示在同一行中,而不是分行显示,如果是文字的话,可以实现滚动文本代替换行文本;
所以
<p mode="wrap">**&#x7528;&#x6237;&#x767b;&#x5f55;**<br/>
&#x8f93;&#x5165;&#x624b;&#x673a;&#x53f7;&#x7801;:<br/>
<input name="phone" format="*N" tabindex="1" maxlength="11" size = "11"/><br/>
&#x8f93;&#x5165;&#x5bc6;&#x7801;:<br/>
<input name="passwd" format="*N" tabindex="2" maxlength="6" size = "7"/>
</p>
就可以达到固定页面的效果;

7)正确的url连接
String strAddressList =  WapUtil.gbk2unicode("通讯录");
WapUtil.encode("通讯录", strAddressList)

String groupName = request.getParameter("groupname");//(1)
groupName = WapUtil.togbk(groupName);  //(2)
String unicgpName = WapUtil.gbk2unicode(groupName); //(3)
WapUtil.encode(groupName,unicgpName)  //(4)如果是带中文参数连接的话,应该这样做为参数

8)作为提交数据的字段码制信息需要:
下面例子为将url中取的已经转码的中文连接字段做为提交字段,提交给servlet处理
(1) String groupName = request.getParameter("groupname");
groupName = WapUtil.togbk(groupName);  //(1)
(2) String unicgpName = WapUtil.gbk2unicode(groupName);
(3) "<go href=\"servlet_wap?serviceID=0213\" accept-charset=\"GB2312\">\n" +
"<postfield name=\"omgroupname\" value=\"" +  unicgpName + "\"/>\n" +
首先将已经encode的url中的连接字段取得,并用gb2312处理;
然后将该已经转成中文的字段转成unicode码制;
最后将该字段放入一个浏览器与服务器之间收发信息的字符集类型为gb2312的提交url,
完成

9)将输入框中的字段清空
<?xml version="1.0" encoding="UTF-8"?>
<!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" forua="true"/>
</head>
<card id="card1" title="&#x7fa4;&#x547c;&#x7fa4;&#x804a;">
<onevent type="onenterforward">
<refresh>
<setvar name="mgroupname" value=""/>
</refresh>
</onevent>
<do type="options"  name="Prev" label="&#x8fd4;&#x56de;"><go href="/wapapp/servlet_wap?serviceID=0203&amp;groupname=11%B2%BB%B6%ED%B6%F8dd&amp;groupcode=6"></go></do>
<do type="accept" label="&#x786e;&#x5b9a;"><go href="/wapapp/servlet_wap?serviceID=0213"  method="get"  accept-charset="GB2312">
<postfield name="omgroupname" value="&#x31;&#x31;&#x4e0d;&#x4fc4;&#x800c;&#x64;&#x64;"/>
<postfield name="groupcode" value="6"/>
<postfield name="mgroupname"   value="$mgroupname" />
</go></do>
<p mode="wrap">**&#x4fee;&#x6539;&#x7ec4;**<br/>
&#x8f93;&#x5165;&#x65b0;&#x7ec4;&#x540d;:<br/>
<input name="mgroupname"  tabindex="1"  maxlength="64"/>
</p>
</card>
</wml>
其中<onevent></onevent>这段代码要放在card后面。

有关于输入框value值的预定义解决方案:
在card里面增加newcontext属性,并且为true;
如:<card id="card1" newcontext="true" title="test">
分享到:
评论

相关推荐

    新版Android开发教程.rar

    � 源代码完全开放,便于开发人员更清楚的把握实现细节,便于提高开发人员的技术水平,有利于开发 出 更具差异性的应用。 � 采用了对有限内存、电池和 CPU 优化过的虚拟机 Dalvik , Android 的运行速度比想象的要...

    手机WAP上网文件管理器 4.0

    手机WAP上网文件管理器采用WAP(WML语言)+ASP语言+ACCESS数据库开发。让你可以用手机上网随时随地管理网站。 [针对文件夹]功能:浏览、复制、重命名、删除、清空、新建等功能 [针对文件]功能:浏览、编辑、复制、...

    网软志成PHP交友婚恋网站系统含手机WAP 3G触屏版 安卓手机客户端 苹果手机客户端 微软WP手机客户端等

    23、完善圈子,在线聊天等若干细节 24、完善个人主页显示模式,增加我的标签展示 25、完善实名认证模块 26、去掉交友目的和一些个人资料的变动 27、重新设计网站版面 28、完善在线拍照,录制视频,设置形象照 29、修正了...

    交友相亲社交网站模板支持手机wap版

    如虚拟主机调试,则将网站文件全部上传到空间商指定的文件夹下,并在空间商分配好的数据库中执行data.txt以生成数据库,再修改数据库连接文件/sub/config.php即可。  什么是php版交友系统? php网上交友系统,是...

    飞蛙B2B2C商城电商系统 v2.1.8.zip

    系统提供了调试模式,可用于开发过程的不同阶段,包括开发、测试和演示等情况,满足调试开发过程中的日志和分析需要,确定将来系统以最佳的方式进行部署。 4、查询机制丰富 系统内建丰富的查询机制,包括组合查询...

    MolyX BOARD 2.5.0 RC 简体中文标准版

    更全面的WAP应用 WAP现在已经越来越广泛的被广大用户开始关注,当然,作为国内技术保持领先的魔力团队更不会放弃这部分的工作,在最新版中,我们全部重写的WAP核心代码,对用户的浏览使用可以...

    方维本地生活系统o2o最新美食街模版源码下载,附带WAP版+APP客户端+N多新原创功能+PSD文件.zip

    增强了商家详情页,同时做了大量的二次开发和数据调用,在原版的基础上完善了很多用户体验的细节!含多个原创效果。兼容方维o2o系统2.8、2.9版本,同时在方维o2o核心框架基础上做了多项优化,完美兼容各主流浏览器:...

    UrstCRM客户关系管理系统

    从客户创建到机会跟踪到日常安排到销售完成,将销售过程的任意一个细节都完整掌握, 加上业务处理过程中的各种权限控制,企业只需要严格按照规范执行,销售过程控制便可轻松把握。同时系统中对销售机会的流程定义,...

    SE防伪代理授权查询系统 v1.3

    2 升级了防伪码查询UI界面3 增加了二维码查询和wap自动识别功能4 优化了若干细节问题v1.21 修复XSS和SQL注入漏洞;2 优化config表冗余字段,增加微信支付和微信公众号配置;3 增加了微信菜单管理和更新功能4 升级了...

    中国银行B2C商户支付网关接口规范Ver2.3.zip

    2 陈卫强 2008.10.29 添加接口报文章节内容 3 孙永 2008.10.29 添加安全章节内容 4 曹克 2008.10.30 添加前言,补充及通讯协议章节,修改文档格式 5 延冰 2009.12.28 1、在2.2.1商户发送支付指令中增加WAP商户系统...

    PIC CMS图片网站管理系统 v1.2.ZIP

    4、修改部门细节,为WAP端做铺垫。 PIC CMS图片网站管理系统前台页面 PIC CMS图片网站管理系统后台管理 默认后台地址 http://您的域名/安装目录/admin.php 默认帐号: piccms.138id.com 默认密码:piccms.138...

    创文地方门户管理系统 v1.4.zip

    找出了众多问题并一一修正,在2013年的最后时间,我们加紧了开发,新增手机WAP版本,手机己经离不开人类的生活了,手机也将会成为未来必备掌上通信工具,越来越多的网站、应用己经投入手机中,我们也不能落后,要跟...

    WindsForce-1.0_release20130426.gz

    wap手机版 helloworld,程序员开发应用样板应用。 WindsForce系统目前前端采用twriter bootstrap 构建的界面,官方系统自带了4套主题,主题之间采用大量继承大大简化了模板制作难度。 而且,系统支持后台皮肤制作,...

    生活同城信息网系统 v1206

    网站浏览器兼容性也比较好,网站功能方面的细节方面十分强大。 网站程序的几大特点: 1.全站页面实行了伪静态化,各类型网站服务器的伪静态文件都已近处理好了,无需自己再做伪静态出来。 2.网站前台开始使用了...

    ThinkSNS 3.1.zip

    9、优化了执行速度以及很多细节用户体验 10、增加第三方防护代码,大大提高了安全性 11、优化session存储路径,优化系统执行效率 感谢大家一直的支持,也感谢在此版本中参与的两个实习生 @石过过 @毕加波 ...

    ThinkSNS v3.1 正式版.rar

    9、优化了执行速度以及很多细节用户体验 10、增加第三方防护代码,大大提高了安全性 11、优化session存储路径,优化系统执行效率 感谢大家一直的支持,也感谢在此版本中参与的两个实**生 @石过过 @毕加波 新版的...

    人才招聘系统_4.2.rar

    操作系统要求 具备跨平台特性,支持 Linux/Unix及Windows 2000/2003/XP/7/2008/等操作系统。 针对上述操作系统,我们对软件做了大量的测试和实地检验,保证可以安全稳定的运行,但您仍需...19.优化:问答模块功能细节

Global site tag (gtag.js) - Google Analytics