快速上手wap网站开发

《快速上手wap网站开发》由会员分享，可在线阅读，更多相关《快速上手wap网站开发（13页珍藏版）》请在装配图网上搜索。

1、快速上手wap网站开发近来工作比较紧张，一直想写一些东西，无奈没有时间，现在开发的市移动wap论坛终于告一段落，现在将开发过程简单记录一下，以备日后参考，都是一些简单的使用过程，可为初次接触wap开发的提供一点点参考，高手可以忽略。开发工具：vs2008模拟器：vs自带仿真管理器framework版本：2.0一。配置环境：vs2008中已经没有了新建wap的选项，所需的 wap模板需要从网上下载：下载地址：，这是我的网络硬盘，下载下来是一个 ASPNETMobileTemplates.rar的文件，根据里面的说明将文件拷贝到所需的文件夹。模拟器可用openware （官方免费注册下载地址），也

2、可用 vs 自带的设备仿真器（要先安装 ActiveSync，），在工具一设备仿真管理器一选择pocket pc 2003 中的pocket pc 2003 se 仿真器一右键点解连接，然后再右键点击插入底座，运行后即可使用，不过在仿真管理器中地址不要用local，要用本机ip地址。建立数据库：数据库采用sqlserver ，建立一个名为 wapDB的数据库，如下图:然后添加一个用户表user info ，如下图:敷誓莫型1曲1允许空ijls er 1 i-爾*号：50ustr_pYrdchar50Vchar50为数据库添加一条记录，如下图:id|uer pwd| user Jmame|k*1

3、kdAiin.admin列名數据莫型桎度|允许空d&cIAliki4d?c_ti tig!Qdac_contentnt ext先为document表添加20条数据，用来显示，如下图:doc cont silldoe titledoc idh n b F Kb Kn H H E K k 岸岸 K Kh h h H 投捏裁我菽发笈友就討討发菽捷京菽芨复却矣 罟.像悻悻客碌悌像椽像橡椽标係悻隊傑像像 瞒亲亲亲亲乗亲制亲葡#乗条亲耒朋亲亲亲亲葡0123456789 0 1 12 34-F6 7 8yllllllllll22 脸验脸麗螳脸捡验捡n验燼验脸峻脸脸輸嵯脸脸 1J-I- t-1- -Balr-

4、 - L V Lflr.- -b-J二-J-L- .V LI- 山v一 一r” -dsj- L - k.v-L_- -L J- sd一试试试试试试试试试试试试试试试试试试谥试试 12345 & 789 0 18 9111111 1 111 2 2VS2008来具体开发至此，数据库建立完毕，下面我们将采用三。建立工程，开始开发：首先，我们建立一个 testWap的项目，如下图:将新建项目默任生成的default.aspx删除，新建一个 login.aspx的mobile web form 模板（在第一步环境配置中按照说明将ASPNETMobileTemplates.rar中的文件拷贝到各个文件夹

5、后，就会在新建项目中最下面的模板中显示mobile模板了），如下图：建立好以后，按照上述方法再添加一个in dex.aspx 的文件至此，我们所需的文件已经全部建立完成，login.aspx 用来登录，登录后到index.aspx 页面,此页面用来分页显示document文章表中的内容，并且可以添加文章记录（注意，做好网页后，需要在记事本中将我们刚才建立的logi n.aspxin dex.aspx打开重新保存一下，保存编码改为utf-8，覆盖原文件即可，这样做是因为项目采用utf-8编码，如果不这样的话，页面含有中文的话就会显示为乱码。），如下图:歸存类型CT）:捕码如:保存然后开始编码，具

6、体编码和中的编码过程一样，不同的就是换成了mobile控件，这里需要注意的vs下开发wap不支持可视化设计，我们只能在后台手工编码，当添加mobile控件的时候，只要打上m就会岀现你所需要的mobile控件，mobile控件的具体有哪些和都有什么属性请参考其他文档，日后若有时间，我会将 mobile控件的使用说明详细介绍一下，这里给大家引荐一个网址，这里面有mobile控件的介绍和廿使用说明， 005 3.html我们这里只用到了 objectlist 控件和textbox、textview 控件以及 comma nd Label控件，comma nd控件其实 就是 butt on 按钮，在

7、mobile 里叫 comma nd三个页面源代码:logi n.aspx前台代码具体如下:这里我们建立三个文件:logi n.aspx:登录页面in dex.aspx:分页显示文章页面，带有快速发表view.aspx:显示文章具体内容页面1. 2. 3.4. 5. 6.7. 8. 登录窗口 9.10.11.用户名 :12.13.密码： 14.15.16.登录 17. 18.19. 20. 21.login.aspx.cs 后台代码具体如下：1.usingSystem;2.usingSystem.Collections;3.usingSystem.ComponentModel;4.usingS

8、ystem.Data;5.usingSystem.Drawing;6.usingSystem.Web;7.usingSystem.Web.Mobile;8.usingSystem.Web.SessionState;9.usingSystem.Web.UI;10.usingSystem.Web.UI.MobileControls;11.usingSystem.Web.UI.WebControls;12.usingSystem.Web.UI.HtmlControls;13.usingSystem.Data.SqlClient;namespace testWappublicpartial class

9、protected void/loginSystem.Web.UI.MobileControls.MobilePagePage_Load(object系统退出时将信息标签#region(SessionloginOutInfoifstring outInfo this.lbl_out.Textthis.lbl_out.VisibleSession.Clear();#endregion登录验证 protected void/sender, EventArgs e)Button1_OnClick(objectwd=zxkj;+username+.ToString().Trim();andlbl_ou

10、t 赋值并且显示!= null)SessionloginOutInfo.ToString();outInfo;true;sender, EventArgs e)stringusername= this.tb_User.Text.Trim();stringuserpwd =this.tb_Pwd.Text.Trim();stringstrCon =Data Source=(local);Database=wapDB;Uid=sa;PstringstrSql =select * from userinfowhere user_name=user_pwd=+userpwd+;SqlConnectio

11、nconn.Open();SqlDataAdapterDataSet dsda.Fill(ds); conn.Close();intifconnnewSqlConnection(strCon);danewSqlDataAdapter(strSql,new DataSet();conn);rowCount(rowCountds.Tables0.Rows.Count; 0)Sessionusernameds.Tables0.Rows0user_nameResponse.Redirect(index.aspx);14.15.16.17.18.19.20.21.22.23.24.25.26.27.28

12、.29.30.31.32.33.34.35.36.37.38.39.40.41.42.43.44.45.46.47.48.49.50.51.52.53.54.55.56.1. 2. 3.4. 5. 6.7. 8. 9. 文章列表10. 11. 12. 13. 14. mobile:Link Runat=server Text= NavigateUrl= ID=Title NAME=Title Wrapping=Wrap15. 16. 17. 18. 19. 20. 21. 122. 123. 首页 | 上一页 24. 尾页 | 下一页 25. 26. 发布文章 :27. 28.29.30. 发

13、表 退出 31. 32.33. 34. index.aspx.cs后台代码具体如下：1.usingSystem;2.usingSystem.Collections;3.usingSystem.ComponentModel;4.usingSystem.Data;5.usingSystem.Drawing;6.usingSystem.Web;7.usingSystem.Web.Mobile;8.usingSystem.Web.SessionState;9.usingSystem.Web.UI;10.usingSystem.Web.UI.MobileControls;11.usingSystem.W

14、eb.UI.WebControls;12.usingSystem.Web.UI.HtmlControls;13.usingSystem.Data.SqlClient;14.15.namespace testWap16.17.public partial classindex : System.Web.UI.MobileControls.MobilePage18.19.protected voidPage_Load(object sender, EventArgs e)20.21.if (Sessionusername = null)22.23.SessionloginOutInfo = 登录时

15、间到，请重新登录24.Response.Redirect(login.aspx);25.26.this.lbl_uname.Text = 欢迎您： +(string)Sessionusername27.if (Sessionok != null)28.29.this.lbl_error.Text = 发表成功 !;30.this.lbl_error.Visible = true;31.Sessionok = null;32.33.if (!IsPostBack)34.35.Bind();36.37.38.39.privatevoid Bind()40.41.string rPage =Requ

16、est.QueryStringPage;42.int page = 1;43.if (rPage !=null)44.45.try46.47.page = int.Parse(rPage);48.49.catch50.51.page = 1;52.53.54.Sessionpage= page;55.PagedDataSourceps = new PagedDataSource();56.string strCon= Data Source=(local);Database=wapDB;Uid=sa;Pwd=zxkj;57.string strSql= select * from docume

17、nt orderby doc_iddesc;58.SqlConnection conn = new SqlConnection(strCon);59.conn.Open();60.SqlDataAdapterda = new SqlDataAdapter(strSql,conn);61.DataSet ds =new DataSet();62.da.Fill(ds);63.conn.Close();64.ps.DataSource =ds.Tables0.DefaultView;65.ps.AllowPaging= true;66.ps.PageSize =5;67.ps.CurrentPag

18、eIndex = page - 1;68.this.lnk_top.Visible= true;69.this.lnk_pre.Visible= true;70.this.lnk_next.Visible= true;71.this.lnk_end.Visible= true;72.this.lnk_top.NavigateUrl = index.aspx?page=1;73.this.lnk_pre.NavigateUrl = index.aspx?page= +(page -1)74.);this.lnk_next.NavigateUrl =index.aspx?page= +(page

19、+/ )75.this.lnk_end.NavigateUrl =index.aspx?page= +ps.PageCount76.if (page = 1)77.78.this.lnk_top.Visible= false;79.this.lnk_pre.Visible= false;80.81.if (page = ps.PageCount)82.83.this.lnk_next.Visible= false;84.this.lnk_end.Visible= false;85.86.if (ps.PageCount = 1)87.88.this.lnk_top.Visible= false

20、;89.this.lnk_pre.Visible= false;90.this.lnk_next.Visible= false;91.this.lnk_end.Visible= false;92.93.this.lbl_pagecount.Text =Convert.ToString(ps.PageCount);94.this.ObjectList1.DataSource= ps;95.this.ObjectList1.DataBind();96.97.98.protectedvoid Button2_OnClick(objectsender, EventArgse)99.100.string

21、 title = this.tb_title.Text.Trim();101.string content = this.tb_content.Text.Trim();102.if (title = | title= null | content= | content =null)103.104.this.lbl_error.Text= 文章标题或内容不能为空 !;105.this.lbl_error.Visible= true;106.return;107.108.string strSql = insertdocument values( +title + , + content+ )11

22、09.string strCon = Data Source=(local);Database=wapDB;Uid=sa;Pwd=zxkj;110.SqlConnection conn = newSqlConnection(strCon);111.conn.Open();112.SqlCommand com = new SqlCommand(strSql, conn);.ExecuteNonQuery();114.conn.Close();115.Sessionok = ok;116.Response.Redirect(index.aspx);117.118.119.protected voi

23、dButton1_OnClick(objectsender, EventArgs e)120.121.try122.123.Session.Clear();124.SessionloginOutInfo= 退出成功！ ;125.126.catch127.128.SessionloginOutInfo= 退出成功！ ;129.130.Response.Redirect(login.aspx);131.132.133. 1. AutoEventWireup=trueInherits=testWap.viewCodebehind=vi2. 3.4. 5. id=Form1 runat=server6

24、. mobile:Form7. 帖子内容 8. 标题： 9. 10. 内容： 11. 12. 返回上层 |13. 退出 14. 15. 16. view.aspx.cs后台代码具体如下：usingSystem;usingSystem.Collections;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Web;usingSystem.Web.Mobile;usingSystem.Web.SessionState;usingSystem.Web.UI;usingSystem.Web.UI.M

25、obileControls;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.HtmlControls;usingSystem.Data.SqlClient;namespace testWap1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.36.37.38.39.40.publicl)partial class view : System.Web.UI.MobileControls.MobilePage

26、protected void Page_Load(object sender, if (Sessionusername = nullEventArgs e)| SessionpagenulSessionloginOutInfo = 登录时间到，请重新登录！ Response.Redirect(login.aspx);int docid = int.Parse(Requestid.ToString();string strCon = Data Source=(local);Database=wapDB;Uid=sa;Pwd=zxkj;+ docid;stringstrSql = select*

27、fromdocumentwheredocSqlConnectionconn= new SqlConnection(strCon);conn.Open();SqlDataAdapterda= new SqlDataAdapter(strSql,conn);DataSet ds = new DataSet(); da.Fill(ds); conn.Close();this.tv_title.Text = ds.Tables0.Rows0doc_title.ToString();tring();this.tv_Content.Text= ds.Tables0.Rows0doc_content.ToS

28、int page = (int)Sessionpage;this.lnk_FanHui.NavigateUrlindex.aspx?page=+Convert.ToString(page);41.protectedvoidButton1_OnClick(objectsender, EventArgs e)42.43.try44.45.Session.Clear();46.SessionloginOutInfo= 退出成功！ ;47.48.catch49.50.SessionloginOutInfo= 退出成功！ ;51.52.Response.Redirect(login.aspx);53.54.55. 以上程序完毕，这是个简单的发表分页的录的验证需要完善，数据库连接可以放到wap 项目，比较简单，仅供参考，内容还有很多不完善之处，比如登 config 中，这里只是为了简单而写成这样的。在 wap 开发中的一点心得：需将文件另保存为 utf-8 格式。BreakAfter 属性置为 Falsewap 控件每个默认后面自动分行，若想不分行需将控件的 wap 控件中的内容自动分行： Wrapping=Wrap