移动设备的Web应用程序开发----(表单)

原创 2003年10月25日 22:37:00

移动.NET表单

移动.NET表单是一种为工作在不同移动设备而设计的特殊Web表单。

移动页面<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

移动页面和原始.NET Web页面是非常相似。它是一个aspx扩展的文本文件并且具有了Web控件的多样性(and it can contain a variety of web controls)。

两者的不同是移动页面使用移动页面标签标识页面,移动控件使用在页面。

移动控件编程是有设备依赖性的,页面将为访问设备产生合适的输出。(译者注:就是不同的控件对不同的移动设备呈现的效果是不同的。)

移动表单

每个移动页面最少有一个移动表单,并且每个移动表单可以有一定数量的移动控件。

注意:移动页面可以有多个移动表单。这是因为移动设备的实际情况。移动设备拥有小的屏幕所以通过简单的链接在屏幕间导航是非常正常的。

自动分页

移动.NET支持在不同的移动设备上自动分页的功能。

每个控件的分页的处理是不同的,For example when paging takes place the controls included in a panel control will stay together

显示文本

这个移动页面使用TextView控件显示一个字符很多的文本(a large amont of text)。

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />Mobile:Form runat="server">

<Mobile:TextView runat="server">

This is a very long text to demonstrate

how text can be displayed over several screens.

This is a very long text to demonstrate

how text can be displayed over several screens. 

This is a very long text to demonstrate

how text can be displayed over several screens. 

This is a very long text to demonstrate

how text can be displayed over several screens. 

</Mobile:TextView>

</Mobile:Form>

当这个页面显示在移动设备上的时候,页面的导航和显示功能将为不同的设备被编译成不同的显示特性。

当这个文本显示在小的显示屏幕的Pocket PC的时候,使用者可以通过调节滚动条来滚动文字,但是在手机上这个文本将会显示在添加了适当的导航工具的几个屏幕上。

注意:为了可靠适当的为不同设备呈现页面,所有的移动控件必须将Runat属性设置成Server(译者注:就像标准的ASP.NET页面)

单个表单

这个移动页面包含一个表单:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form runat="server">

   <Mobile:Label runat="server">Hello W3Schools

   </Mobile:Label>

</Mobile:Form>

 

多个表单

这个移动页面包括两个表单:

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form id="f1" runat="server">

 <Mobile:Label runat="server">Hello W3Schools

 </Mobile:Label>

 <Mobile:Link runat="server" NavigateURL="#f2">2

 </Mobile:Link>

</Mobile:Form>

<Mobile:Form id="f2" runat="server">

 <Mobile:Label runat="server">Hello Again

 </Mobile:Label>

 <Mobile:Link runat="server" NavigateURL="#f1">1

 </Mobile:Link>

</Mobile:Form>

 

超级链接

注意:在上面的例子种<Molile:Link>标签。这个连接控件让用户在两个移动表单之间进行导航。

三种移动APP(应用程序)开发方式比较

一、名词介绍 1.Native APP Native APP 指的是原生程序,一般依托于操作系统,有很强的交互,是一个完整的App,可拓展性强,需要用户下载安装使用。(简单来说,原生应用是特别为某...
  • qq_35010958
  • qq_35010958
  • 2016年05月16日 11:13
  • 8428

从零开始学习移动端Web开发

背景 近年来,随着智能手机的普及,移动端开发受到了异常的关注。从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨...
  • u013778905
  • u013778905
  • 2017年05月11日 13:19
  • 2414

使用jQuery Mobile框架开发移动端Web App的入门教程

jQuery Mobile是移动端的基于jQuery的Web前端开发框架,移动设备上的浏览器对HTML5的支持普遍较强,因而jQuery Mobile的UI设计主要针对HTML5,下面就来详细看一下使...
  • slqgenius
  • slqgenius
  • 2016年12月06日 12:47
  • 1816

移动设备上的Web应用程序标准:2011年8月发展现状以及未来规划(上)

台式机和笔记本电脑上的Web技术已经发展得相当成熟了,现在台式机和笔记本电脑上各种功能的应用程序应有尽有;然而,目前移动设备上的Web技术仍然还处在发展阶段。 这篇文章总结了当前已有的各种技术,...
  • ydj9931
  • ydj9931
  • 2011年11月30日 18:46
  • 609

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者...
  • cjw13860421089
  • cjw13860421089
  • 2014年05月27日 10:58
  • 471

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者...
  • lvron
  • lvron
  • 2012年07月25日 17:53
  • 1074

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者...
  • SmartTony
  • SmartTony
  • 2011年09月09日 15:21
  • 1236

10大优秀的移动Web应用程序开发框架推荐

转自:http://www.cnblogs.com/lhb25/archive/2011/09/07/mobile-web-app-frameworks.html
  • mmrsdym
  • mmrsdym
  • 2014年04月24日 09:20
  • 334

10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者...
  • dcl8261425
  • dcl8261425
  • 2011年09月20日 15:28
  • 512

移动Web应用程序开发 HTML5篇 (一) HTML5简介

本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分: 1. 众望所归的HTML5将主要介绍HTML5的前世今...
  • allenlily
  • allenlily
  • 2012年02月25日 00:05
  • 654
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动设备的Web应用程序开发----(表单)
举报原因:
原因补充:

(最多只允许输入30个字)