《快速上手wap网站开发(9页).doc》由会员分享，可在线阅读，更多相关《快速上手wap网站开发(9页).doc（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、-快速上手wap网站开发-第 9 页快速上手wap网站开发近来工作比较紧张，一直想写一些东西，无奈没有时间，现在开发的市移动wap论坛终于告一段落，现在将开发过程简单记录一下，以备日后参考，都是一些简单的使用过程，可为初次接触wap开发的提供一点点参考，高手可以忽略。一。配置环境： vs2008中已经没有了新建wap的选项，所需的wap模板需要从网上下载： 下载地址：，这是我的网络硬盘，下载下来是一个ASPNETMobileTemplates.rar的文件，根据里面的说明将文件拷贝到所需的文件夹。 模拟器可用openware（(官方免费注册下载地址)），也可用vs自带的设备仿真器（要先安装Ac
2、tiveSync，），在工具设备仿真管理器选择pocket pc 2003中的pocket pc 2003 se仿真器右键点解连接，然后再右键点击插入底座，运行后即可使用，不过在仿真管理器中地址不要用local，要用本机ip地址。二。建立数据库： 数据库采用sqlserver，建立一个名为wapDB的数据库，如下图： 然后添加一个用户表userinfo，如下图： 为数据库添加一条记录，如下图： 建立表document，用来存储发布的文章，表结构如下图： 先为document表添加20条数据，用来显示，如下图： 至此，数据库建立完毕，下面我们将采用vs2008来具体开发。三。建立工程，开始开发：
3、 首先，我们建立一个testWap的项目，如下图： 将新建项目默任生成的default.aspx删除，新建一个login.aspx的mobile web form模板（在第一步环境配置中按照说明将ASPNETMobileTemplates.rar中的文件拷贝到各个文件夹后，就会在新建项目中最下面的模板中显示mobile模板了），如下图： 建立好以后，按照上述方法再添加一个index.aspx的文件。 至此，我们所需的文件已经全部建立完成，login.aspx用来登录，登录后到index.aspx页面，此页面用来分页显示document文章表中的内容，并且可以添加文章记录。（x、index.as
4、px打开重新保存一下，保存编码改为utf-8，覆盖原文件即可，这样做是因为项目采用utf-8编码，如果不这样的话，页面含有中文的话就会显示为乱码。），如下图： 然后开始编码，具体编码和中的编码过程一样，不同的就是换成了mobile控件，这里需要注意的vs下开发wap不支持可视化设计，我们只能在后台手工编码，当添加控件的时候，只要打上m就会出现你所需要的mobile控件，mobile控件的具体有哪些和都有什么属性请参考其他文档，日后若有时间，我会将mobile控件的使用说明详细介绍一下，这里给大家引荐一个网址，这里面有mobile控件的介绍和使用说明，我们这里只用到了objectlist控件和t
5、extbox、textview控件以及command、Label控件，command控件其实就是button按钮，在mobile里叫command。 这里我们建立三个文件： login.aspx：登录页面 index.aspx：分页显示文章页面，带有快速发表x：显示文章具体内容页面三个页面源代码：login.aspx 前台代码具体如下：1. 2. 3. 4. 5. 6. 登录窗口7. 8. 9. 用户名:10. 11. 密码：12. 13. 登录14. 15. 16. login.aspx.cs 后台代码具体如下：1. usingSystem;2. usingSystem.Collection
6、s;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.Web.UI.WebControls;12. usingSystem.Web.UI.HtmlControls;13. usingSystem.D
7、ata.SqlClient;14. namespacetestWap15. publicpartialclass16. protectedvoidPage_Load(objectsender,EventArgse)17. #region系统退出时将信息标签lbl_out赋值并且显示 18. if(SessionloginOutInfo!=null)19. stringoutInfo=SessionloginOutInfo.ToString();20. this.lbl_out.Text=outInfo;21. this.lbl_out.Visible=true;22. Session.Clea
8、r();23. #endregion 24. / 25. /登录验证 26. / 27. / 28. / 29. protectedvoidButton1_OnClick(objectsender,EventArgse)30. stringusername=this.tb_User.Text.Trim();31. stringuserpwd=this.tb_Pwd.Text.Trim();32. stringstrCon=DataSource=(local);Database=wapDB;Uid=sa;Pwd=zxkj;33. stringstrSql=select*fromuserinfow
9、hereuser_name=+username+anduser_pwd=+userpwd+;34. SqlConnectionconn=newSqlConnection(strCon);35. conn.Open();36. SqlDataAdapterda=newSqlDataAdapter(strSql,conn);37. DataSetds=newDataSet();38. da.Fill(ds);39. conn.Close();40. introwCount=ds.Tables0.Rows.Count;41. if(rowCount0)42. Sessionusername=ds.T
10、ables0.Rows0user_name.ToString().Trim();43. Response.Redirect(index.aspx);44. else45. this.lbl_out.Text=用户名密码错误，请重新登录!;46. this.lbl_out.Visible=true;index.aspx 前台代码具体如下：1. 2. 3. 4. 5. 6. 7. 文章列表8. 9. 10. 11. 12. mobile:LinkRunat=serverText=NavigateUrl=ID=TitleNAME=TitleWrapping=Wrap13. 14. 15. 16. 1
11、7. 18. 19. 120. 121. 首页|上一页22. 尾页|下一页23. 24. 发布文章:25. 26. 27. 28. 发表退出29. 30. 31. index.aspx.cs 后台代码具体如下：1. usingSystem;2. usingSystem.Collections;3. usingSystem.ComponentModel;4. usinga;5. usingSystem.Drawing;6. usingSystem.Web;7. usingSystem.Web.Mobile;8. usingSystem.Web.SessionState;9. usingSyste
12、m.Web.UI;10. usingSystem.Web.UI.MobileControls;11. usingSystem.Web.UI.WebControls;12. usingSystem.Web.UI.HtmlControls;13. usingSystem.Data.SqlClient;14. namespacetestWap15. publicpartialclass16. protectedvoidPage_Load(objectsender,EventArgse)17. if(Sessionusername=null)18. SessionloginOutInfo=登录时间到，
13、请重新登录！;19. Response.Redirect(login.aspx);20. this.lbl_uname.Text=欢迎您：+(string)Sessionusername;21. if(Sessionok!=null)22. this.lbl_error.Text=发表成功!;23. this.lbl_error.Visible=true;24. Sessionok=null;25. if(!IsPostBack)26. Bind();27. privatevoidBind()28. stringrPage=Request.QueryStringPage;29. intpage
14、=1;30. if(rPage!=null)31. try32. page=int.Parse(rPage);33. catch34. page=1;35. Sessionpage=page;36. PagedDataSourceps=newPagedDataSource();37. stringstrCon=DataSource=(local);Database=wapDB;Uid=sa;Pwd=zxkj;38. stringstrSql=select*fromdocumentorderbydoc_iddesc;39. SqlConnectionconn=newSqlConnection(s
15、trCon);40. conn.Open();41. SqlDataAdapterda=newSqlDataAdapter(strSql,conn);42. DataSetds=newDataSet();43. da.Fill(ds);44. conn.Close();45. ps.DataSource=ds.Tables0.DefaultView;46. ps.AllowPaging=true;47. ps.PageSize=5;48. ps.CurrentPageIndex=page-1;49. this.lnk_top.Visible=true;50. this.lnk_pre.Visi
16、ble=true;51. this.lnk_next.Visible=true;52. this.lnk_end.Visible=true;53. this.lnk_top.NavigateUrl=index.aspx?page=1;54. this.lnk_pre.NavigateUrl=index.aspx?page=+(page-1);55. this.lnk_next.NavigateUrl=index.aspx?page=+(page+1);56. this.lnk_end.NavigateUrl=index.aspx?page=+ps.PageCount;57. if(page=1
17、)58. this.lnk_top.Visible=false;59. this.lnk_pre.Visible=false;60. if(page=ps.PageCount)61. this.lnk_next.Visible=false;62. this.lnk_end.Visible=false;63. if(ps.PageCount=1)64. this.lnk_top.Visible=false;65. this.lnk_pre.Visible=false;66. this.lnk_next.Visible=false;67. this.lnk_end.Visible=false;68
18、. this.lbl_pagecount.Text=Convert.ToString(ps.PageCount);69. this.ObjectList1.DataSource=ps;70. this.ObjectList1.DataBind();71. protectedvoidButton2_OnClick(objectsender,EventArgse)72. stringtitle=this.tb_title.Text.Trim();73. stringcontent=this.tb_content.Text.Trim();74. if(title=|title=null|conten
19、t=|content=null)75. this.lbl_error.Text=文章标题或内容不能为空!;76. this.lbl_error.Visible=true;77. return;78. stringstrSql=insertdocumentvalues(+title+,+content+);79. stringstrCon=DataSource=(local);Database=wapDB;Uid=sa;Pwd=zxkj;80. SqlConnectionconn=newSqlConnection(strCon);81. conn.Open();82. SqlCommandcom
20、=newSqlCommand(strSql,conn);83. com.ExecuteNonQuery();84. conn.Close();85. Sessionok=ok;86. Response.Redirect(index.aspx);87. protectedvoidButton1_OnClick(objectsender,EventArgse)88. try89. Session.Clear();90. SessionloginOutInfo=退出成功！;91. catch92. SessionloginOutInfo=退出成功！;93. Response.Redirect(log
21、in.aspx);view.aspx 前台代码具体如下：1. 2. 3. 4. 5. 6. 帖子内容7. 标题：8. 9. 内容：10. 11. 返回上层|12. 退出13. 14. 15. view.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.Ses
22、sionState;9. usingSystem.Web.UI;10. usingSystem.Web.UI.MobileControls;11. usingSystem.Web.UI.WebControls;12. usingSystem.Web.UI.HtmlControls;13. usingSystem.Data.SqlClient;14. namespacetestWap15. publicpartialclass16. protectedvoidPage_Load(objectsender,EventArgse)17. if(Sessionusername=null|Session
23、page=null)18. SessionloginOutInfo=登录时间到，请重新登录！;19. Response.Redirect(login.aspx);20. intdocid=int.Parse(Requestid.ToString();21. stringstrCon=DataSource=(local);Database=wapDB;Uid=sa;Pwd=zxkj;22. stringstrSql=select*fromdocumentwheredoc_id=+docid;23. SqlConnectionconn=newSqlConnection(strCon);24. co
24、nn.Open();25. SqlDataAdapterda=newSqlDataAdapter(strSql,conn);26. DataSetds=newDataSet();27. da.Fill(ds);28. conn.Close();29. this.tv_title.Text=ds.Tables0.Rows0doc_title.ToString();30. this.tv_Content.Text=ds.Tables0.Rows0doc_content.ToString();31. intpage=(int)Sessionpage;32. this.lnk_FanHui.Navig
25、ateUrl=index.aspx?page=+Convert.ToString(page);33. protectedvoidButton1_OnClick(objectsender,EventArgse)34. try35. Session.Clear();36. SessionloginOutInfo=退出成功！;37. catch38. SessionloginOutInfo=退出成功！;39. Response.Redirect(login.aspx);以上程序完毕，这是个简单的发表分页的wap项目，比较简单，仅供参考，内容还有很多不完善之处，比如登录的验证需要完善，数据库连接可以放到config中，这里只是为了简单而写成这样的。在wap开发中的一点心得： 需将文件另保存为utf-8格式。 wap控件每个默认后面自动分行，若想不分行需将控件的BreakAfter属性置为False。 wap控件中的内容自动分行：Wrapping=Wrap