手机网页的设计vs2008开发wap网站(一)

vs2008开发wap网站(一)

首先新创建个项目，打开VS2008，新建个网站项目，我们添加新项时会发现以前在vs2003或vs2005中的“移动Web窗体”项没有了，下图为vs2003和2005中的。

        vs2008中就没有“移动Web窗体”这一项，这是因为微软并未提供相应的模板。这确实很令人疑惑，百度了下网上的说法：据Microsoft-Visual Web Developer的团队项目经理Omar Khan的说法，这是因为Visual Studio 2008中的设计视图是基于一个全新的架构设计的, 所以暂时这一部分模板还没有跟上，所以ASP.NET mobile controls并不能显示。但是这多少也反映了微软是不是也在考虑今后（一方面也随着IEmobile的日趋成熟）可能将MobileWebSite的开发归并到ASP.NET Application中呢？
不过还好，Omar Khan同时也给出了他的团队开发的几个模板插件，用于在ASP.NET Web Site 和 ASP.NET Web Application的项目中 ，模板可以下载（点击下载）。 

        解压后先读各个文件夹下面的Readme.txt(其实就是说需要把他们铐到/My Documents/Visual Studio 2008/Templates/ItemTemplates下的两个文件夹下).有了这几个模板，在ASP.NET Web Site 和 ASP.NET Web Application的项目中再点击Add new Item即可看到相应的模板这样可以从“我的模板”里选择。如图： 

 

还有一点还是很遗憾的是，尽管有了模板，但是由于VS2008的Designer架构进行了较大改进，微软的vs2008目前并不支持移动窗体的设计模式，该模板只能在Source code的模式下进行编辑，不能再设计模式下编辑。

接着我们就可以进行界面的搭建与代码的编写，与普通的Asp.net Web 页面没什么区别。

这是首页：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default2" %>
<%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<mobile:Form id="Form1" runat="server" Title="一线">
<mobile:Image ID="Image1" Runat="server" ImageUrl="~/image/logo.gif"></mobile:Image>
<mobile:Link ID="Link1" Runat="server" BreakAfter="False" NavigateUrl="booklist.aspx">快速找工作</mobile:Link>
<mobile:Label ID="Label2" Runat="server" BreakAfter="False">||</mobile:Label>
<mobile:Link ID="Link4" Runat="server" BreakAfter="False" NavigateUrl="booklist.aspx">VIP通道</mobile:Link>
<mobile:Label ID="Label3" Runat="server" BreakAfter="False">||</mobile:Label>
<mobile:Link ID="Link2" Runat="server" BreakAfter="False" NavigateUrl="booklist.aspx">注册会员</mobile:Link>
<mobile:Label ID="Label4" Runat="server" BreakAfter="False">||</mobile:Label>
<mobile:Link ID="Link3" Runat="server" BreakAfter="True" NavigateUrl="booklist.aspx">登陆</mobile:Link>
<mobile:Label ID="Label25" Runat="server" ForeColor="Red" Wrapping="Wrap">本站资源所有免费!</mobile:Label>
        <mobile:Label ID="Label16" Runat="server" Wrapping="Wrap">版权所有:一线人才</mobile:Label>
        <mobile:Label ID="Label15" Runat="server">www.ywle.com</mobile:Label>

</mobile:Form>
</body>
</html>

代码完成后，就可以通过模拟设备进行调试了。从vs2008的“工具”-“设备仿真管理器”中选择一款模拟器，右键选择“连接”，等模拟器运行后，再右键选择“插入底座”，就会与ActiveSync连接。忘了说，系统需要先安装微软的ActiveSync，这是用来连接计算机与移动设备的软件。现在的版本是4.5。下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyID=cabdb564-ae94-4c02-abbc-cdece61231d4&DisplayLang=zh-cn

ActiveSync会自动同步移动设备与计算机

 

 

如果一切正常，就可以在模拟器里看到编写的页面了。

 

下面是登陆的cs代码

 

 

 

最后强调个比较重要的地方，这只是在虚拟器中访问，输出的都是html代码，要在手机上访问就需要强制输出wml，将会详细介绍。[url]http://www.cnblogs.com/3stones/archive/2008/12/10/1351971.html[/url]