繁体中文
设为首页
加入收藏
当前位置:.Net技术首页 >> Asp.Net开发 >> 用vs2005实现asp.net2.0移动开发2

用vs2005实现asp.net2.0移动开发2

2007-10-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介:当你完成上述步骤后,就已经创建好了一个ASP.net 网站。现在我们就可以在该网站中添加一些针对移动设备的web窗体,其具体的实现过程如下:   1. 在visual studio 2005的"解决方案资源管理器"窗口中选择刚才创建...
关键字:移动 vs2005 开发 net 2.0 asp

当你完成上述步骤后,就已经创建好了一个ASP.net 网站。现在我们就可以在该网站中添加一些针对移动设备的web窗体,其具体的实现过程如下:

  1. 在visual studio 2005的"解决方案资源管理器"窗口中选择刚才创建好的网站项目,右键点击并在弹出的菜单中选择"添加新项"命令。

  2. 在弹出的"添加新项"窗体中选择"移动web窗体"项。

  3. 设置窗体的"名称"和"语言"等项,并且确保"将代码放在单独的文件中"选择框处于选中状态。

  4. 单击"添加"按钮。

当单击"添加"按钮后,你会发现visual studio 2005自动添加了两个文件,在这里窗体名称被设置为"mobiledefault",因此这两个文件分别为mobiledefault.ASPx 和mobiledefault.ASPx.cs (如果你选择的语言为vb的话,则这两个文件为mobiledefault.ASPx和mobiledefault.ASPx.vb)。 mobiledefault.ASPx文件包含在窗体使用的各个ASP.net 移动控件的声明方式,而mobiledefault.ASPx.cs则包含了一些程序实现代码和事件处理代码,这和传统的ASP.net应用程序采用的" 代码后置"的方式是一致的。

  窗体添加完毕后,我们就可以使用工具箱中的"移动web窗体"标签下的各个控件。如同其它的ASP.net控件一样,我们也可以根据需求设置这些控件的属性和事件行为。你可以在"原代码"窗口下直接输入"<mobile: />"的语法方式来添加移动控件:

<mobile:textbox id="mytextbox" runat="server"></mobile:textbox>

<mobile:label id="mylabel" runat="server">标签控件</mobile:label>

  下图显示了一个放置了label、textbox和command控件的移动web窗体。该窗体所实现的功能是根据textbox控件中输入的customerid来查找相应的用户信息,我们并没有编写对应的逻辑代码,只是显示了该窗体的界面:

visual studio 2005中对应的HTML代码如下所示,我们可以看到上述的3个控件均以 <mobile: 为前缀在页面代码中进行了声明。同样的,form也采用了类似的方式加以声明,见代码7所示。在传统的ASP.net应用程序中处理窗体和处理控件的方式 是不一样的,这和移动web页面有很大的差别。其最大的不同就是开发人员可以在同一个移动web页面中创建多个窗体,并且可以在这些窗体间自由地导航而无 需回发到服务器。利用该项特性可以减少因移动设备带宽小而带来的约束,大大减少了和服务器通讯的数据量。换句话说,移动设备中是以窗体为单位进行显示,而 不是像传统的ASP.net程序那样以页面为单位进行显示。我们使用移动设备浏览不同屏的信息时,可能并没有跳转到不同的页面,而是在同一个页面的不同窗 体间进行跳转。

01 <%@ page language="c#" autoeventwireup="true" codefile="mobiledefault.ASPx.cs"

02 inherits="mobiledefault" %>

03 <%@ register tagprefix="mobile" namespace="system.web.ui.mobilecontrols"

04 assembly="system.web.mobile" %>

05 <HTML XMLns="http://www.w3.org/1999/xHTML" >

06 <body>

07 <mobile:form id="form1" runat="server">

08 <mobile:label id="lblid" runat="server">customer id</mobile:label>

09 <mobile:textbox id="txtcustid" runat="server"></mobile:textbox>

10 <mobile:command id="cmdgetcustomer" runat="server">find customer

11 </mobile:command>

12 </mobile:form>

13 </body>

14 </HTML>

  ASP.net 移动web窗体的开发视图 visual studio 2005的开发环境中提供了三种视图进行ASP.net 移动web窗体的设计和开发。这三种视图分别为设计视图、HTML视图和代码视图,我们可以针对不同的开发需求在这些视图间进行切换。现在我们就这三种视 图进行一个简短的概要。

责任编辑:admin
相关文章