开发学院 WEB开发 ASP.NET 如何在ASP.NET环境中建立基于WML的站点阅读

如何在ASP.NET环境中建立基于WML的站点

　2009-11-03 16:50:43　来源：WEB开发网　　　

核心提示：<!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:auto; mso-font-pitch

一、 asp.net 环境下实现手机浏览页面的几种方法
　　
ASP.NET
本身就提供了对Mob
ile
页面的支持，只要页面继承这个对象就可以了：“System.Web.UI.MobileControls.MobilePage
”。但是由于其目标宏大，为了在各种设备的请求下有相应的回应，需要作出各种不同的回应，因此需要很复杂的配置。而且为了应对不支持Cookie
的设备，需要在有Cookie
和无Cookie
的会话管理方式中切换，此时涉及到相对URL
时就会出现很大的问题。当前许多站点的手机页面和Internet
页面是放在同一个web
服务器下的，这无疑将影响Internet
页面的会话管理方式。

　

　　现在还有很多工具和嵌入式平台（如 QuickWAP ）可以用来很便利地实现 WAP 页面，这些平台一般都因为能够提供一定的便利性（如控件、状态管理等）而流行，笔者不是不建议大家使用，而是希望我们做软件的，能够知其然亦知其所以然，还是要花些时间在 wml 和 xhtml 上（就和普通 aspx 网页，也不要满足于在设计模式下拖拽控件，而是要习惯于直接编写 html 和 CSS 代码一样）。

　

我们自己生成 WML 文档并 Response 回去，其原理相当于在普通 aspx 页面中，我们不拖拽控件，而是直接 Response.Write(“<html><head><title>hello</title></head><body>Hello world</body></html>”); 一样，而且不需要任何其他配置。

二、服务器端生成 xml 文档的方式来生成页面
为了支持绝大多数的手机用户，我们只能使用最基本的 wml1.1 语法来生成文档。一个 wml 文档，就是一个合法的 xml 文档，要了解 wml 语法， “ OReilly Learning WML & WMLScript.pdf ”这本书给出了比较详尽的讲述。这里仅就基本结构、常用的链接、图片、段落等给出一些事例，能看懂 html 代码的人应该也能看懂是什么意思。

<?xml version="1.0"?>

　<!DOCTYPE wml PUBLIC　　　"-//WAPFORUM//DTD WML 1.1//EN"

　　 "http://www.wapforum.org/DTD/wml_1.1.xml">

　<wml>

　　 <card title=" 标题 ">

　　　　 <p> 段落 1</p>

<!— 图片的 width 和 height 属性一般仅用来提示浏览器在图片装载之前保留适当位置，如果这与图片实际大小不符，将可能被忽略 . -->

<p><img src="img/pic.wbmp" alt=" 图片示例 "/></p>

<!— 和 html 里一样，注释 . -->

<setvar name="variable1" value=" 变量 variable1 的值 "/>

<setvar name="v2" value="v2"/>

<!— 下面这个是输入框，和上面的变量 v2 都用来作为 QueryString 的一部分 -->

<input name="input1" size="18" emptyok="true"/>

<!— 下面这个 anchor 内有个 go ，除了自身的 arg1 外，还有来自 v2 的 arg2 和来自 input1 的 arg3 ，假设用户点击“搜索”时输入框内的文字为 abcd ，则页面跳转到 test.aspx?arg1=1&arg2=v2&arg3=abcd ，这样就实现了基本的百度搜索功能了 à

<anchor>

<go href="test.aspx?arg1=1" method="get">

<postfield name="arg2" value="$(v2)"/>

<postfield name="arg3" value="$(input1)"/>

</go> 搜索

</anchor>

<input name=”passWordInput1” type=”password”/>

　

<!— 本段落演示登录页 . -->

<p>

<p>Username: <input name="user" format="*x"/></p>

<p>Password: <input name="pass" type="password"/></p>

　　<do type="accept" title="Log In">

　　　 <go href="login.aspx?u=$(user:e)&p=$(pass:e)"/>

　　</do>

</p>

　

<!— 本段落演示下拉框 . -->

<select name="airport">

　　 <option value="LHR">London Heathrow</option>

　　 <option value="LGW">London Gatwick</option>

　　 <option value="STN">London Stansted</option>

　　　<option value="LCY">London City</option>

　　 <option value="LTN">London Luton</option>

　</select>

　

<!— 普通的链接 . -->

<a title=" 链接 1" href="testPage2.aspx"> 点击我来跳转页面 </a>

　

<!— 和 html 一样功能的换行 . -->

<br/>

　

<!— 下划线、粗体和斜体 . -->

<p align="left">

　Some text with bits in <b> 粗体 </b> and <i> 斜体 </i> and <u> 下划线 </u>.

　</p>

　　 </card>

　</wml>

　

看懂了上面的示例，我们就有能力创建一些普通功能的页面了。由于绝大部分应用的页面都是动态的，我们需要动态地生成 wml 文档。生成 xml 文档有多种方式，可以用 System.Xml.XmlDocument 、可以用字符串拼接（ StringBuilder ）、 System.Xml.XmlTextWriter 以及使用 System.Xml.Linq.Xdocument 。基于性能和便利性结合考虑，推荐使用 XmlTextWriter 来生成页面 xml 文档。

protected void Page_Load(object sender, EventArgs e)

　　{

　　　　Response.ContentType = "text/vnd.wap.wml";

MemoryStream ms = new MemoryStream();

　　　　Encoding ec = new System.Text.UTF8Encoding(false);

　　　　StreamWriter sw = new StreamWriter(ms, ec);

　　　　XmlTextWriter xtw = new XmlTextWriter(sw);

　

　　　　//xtw.Formatting = Formatting.Indented;

　　　　xtw.WriteStartDocument();

　

　　　　xtw.WriteDocType("wml", wmlUsage.s_wmlPubId, wmlUsage.s_wmlSysId, null);

　　　　 xtw.WriteStartElement("wml");

　

　　　　wmlUsage.WriteWmlHead(xtw);

　

　　　　xtw.WriteStartElement("card");

　　　　xtw.WriteAttributeString("id", "home");

　　　　xtw.WriteAttributeString("title", " 标题 ");

　　　　xtw.WriteStartElement("p");

　　　　xtw.WriteStartElement("img");

　　　　xtw.WriteAttributeString("src", "images/logo.jpg");

　　　　xtw.WriteAttributeString("alt", " 网站 logo");

　　　　xtw.WriteEndElement();

　　　　xtw.WriteElementString("br", null);

　

// 在这里生成页面其他信息，最后要让每个 WriteStartElement 都有一个 WriteEndElement

// 与之对应

　

xtw.WriteEndElement();

　　　　xtw.WriteEndElement();

　

　　　　xtw.WriteEndDocument();

　

　　　　xtw.Flush();

　　　　sw.Flush();

　

　　　　string str = Usage.GetStreamString(ms, ec);

　　　　Response.Write(str);

　　　　sw.Close();

try

　　　　{

　　　　　　Response.End();

　　　　}

　　　　catch

　　　　{

　　　　}

}

　

　

三、如何解决图片显示问题
　　手机客户端对图片的支持良莠不齐，且很多 wap 浏览器都不支持图片的大小设置，这样就要求我们对过大的图片进行设置。 .net Framwork 提供的 System.Drawing 命名空间内有很多对图像处理的类，使用 System.Drawing.Bitmap 就可以轻松实现生成新大小的图片。具体请查看 msdn 。

　

四、如何解决用户状态相关问题
很多应用都要求手机用户也能支持用户登陆、购物车等会话相关的功能。在 Internet 网页中，一般都是使用 session 或 Profile 来实现的。手机页面，为了保证最大程度的通用性，不应该再依赖于 Session 和 Profile 。本文提供一种基于 URL 的方法。

该方法原理很简单，为每个需要存储相关登陆状态的用户生成全局唯一的 ID ，并将此 ID 以明文或加密的方式存放在返回给用户的每个 URL 中，作为 QueryString 的一部分。这样用户进行任何操作后，再次与服务器通信时，服务器都可以通过这个 ID 来识别该用户。

<a href=”test.aspx?uid=11223344”> 点击进入测试页面 </a>

在服务器端，提供一个通用的用于识别用户的对象 IdentitiVerification ，页面把当前的 Request 对象传入，就能够得到相关请求用户的相关信息（ UserInfo ） :

　

public class UserInfo

　　{

　　　　public string ID { get; set; }

　　　　public string Name { get; set; }

　　　　public bool IsAnnonymous { get; set; }

　　　　public ShppingCart Sc { get; set; }

　　　　public string IdentityID { get; set; }

　　}

　

　

大部分页面的处理模式：

protected void Page_Load(object sender, EventArgs e)

　　{

　　　　UserInfo ui = IdentitiVerification.GetUserInfo(Request);

　　　　if (ui.IsAnnonymous)

　　　　{

　　　　　　// 未登录用户的页面生成

　　　　}

　　　　else

　　　　{

　　　　　　// 已登录用户

　　　　}

　　　　// 在可能与服务器通信处的链接，都加上 String.Format("xxx.aspx?uid={0}", ui.IdentityID) 字样。

　　　　...

　

}

　

　

注 1 ：　如果网页页面程序使用 Profile 来存储用户信息，那么这个 UserInfo 基本上可以与之通用。

注 2 ：　用户信息与 ID 对照表可使用 ASP.NET 全局缓存来保存。

注 3 ：　为了安全性考虑，生成的 ID 应该复杂且不可被猜测、没有上下文相关信息、最好也没有用户相关信息。建议使用 GUID 之类无上下文信息生成技术。同时 ID 不能太短，以免被人手工改动试出。 IdentitiVerification 对象还应该具有一些基本的智能识别攻击的技术（比如某段时间频繁调用 GetUserInfo 方法时，传入的 id 都是不存在的，这时基本可以判定有人在恶意攻击，应对 Request 对象进行日志记录并通知管理员等）。

注 4 ：　为了性能考虑， IdentitiVerification 应具有对长时间无动作的存储 ID 进行清除操作。