今天讲一下移动web开发,就将一个小例子,手机号码归属地查询。首先告诉大家一个网站,www.webxml.com.cn。ok,我们新建一个项目,在项目下新建一个web移动窗体,名为Index.aspx。有的VS2008上没有移动web窗体模板,怎么办呢,需要下载模板文件,在这里我帮大家已经提供了。下载下来根据文件夹下的readme.txt文件把文件拷贝到相应的目录即可。ok,我的目录是C:\Documents and Settings\Administrator\My Documents\Visual Studio 2008\Templates。然后重启VS08就可以了。页面建好以后我们引用webService,先看看网站给我们提供的webService
我们再看看项目中怎么引用。在项目上点击右键选择添加web引用。输入Endpoint。点击前往
我们看见了webservice的两个方法。在点击添加引用,这个web服务就被我们引用到项目中了。
我们编写前台代码如下
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %>
- <%@ 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">
- <mobile:Label ID="labTitle" ForeColor="#000066" Font-Bold="True" Font-Size="Large"
- Runat="server" Alignment="Center">手机号码归属地查询</mobile:Label>
- 请输入手机号码:
- <mobile:TextBox ID="txtNumber" Runat="server" ForeColor="#cc3300">
- </mobile:TextBox>
- <mobile:Command ID="cmd" Runat="server" OnClick="cmd_click">归属地查询</mobile:Command>
- <mobile:Label ID="labInfo" ForeColor="#000066" Font-Bold="True" Font-Size="Large"
- Runat="server" Alignment="Center">
- </mobile:Label>
- </mobile:form>
- </body>
- </html>
再看看后台
- using System;
- using System.Collections;
- using System.ComponentModel;
- using System.Data;
- using System.Drawing;
- using System.Web;
- using System.Web.Mobile;
- using System.Web.SessionState;
- using System.Web.UI;
- using System.Web.UI.MobileControls;
- using System.Web.UI.WebControls;
- using System.Web.UI.HtmlControls;
- using cn.com.webxml.webservice;
- public partial class Index : System.Web.UI.MobileControls.MobilePage
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- }
- protected void cmd_click(object sender, EventArgs e)
- {
- MobileCodeWS mobileCodeWs = new MobileCodeWS();
- labInfo.Text= mobileCodeWs.getMobileCodeInfo(txtNumber.Text,null);
- }
- }
我们先瞧瞧人家网站的运行效果
点击调用,结果如下
我们再看看我们的运行效果
我发布后在手机模拟器中测试了下,报错,记得什么时候遇到过这种错误,却记不起来了,等记起来再解决吧。
没想到刚泡杯茶的功夫就解决了,原来要启用网站的写入,
我们再看看
这号码是我随便输的,如有雷同,纯属巧合。
本文转自 BruceAndLee 51CTO博客,原文链接:http://blog.51cto.com/leelei/381349,如需转载请自行联系原作者