vs2008開發wap網站(一)

http://www.cnblogs.com/3stones/archive/2009/01/05/1351969.html

首先新創建個項目,打開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]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章