快速上手wap网站开发.doc

《快速上手wap网站开发.doc》由会员分享，可在线阅读，更多相关《快速上手wap网站开发.doc（17页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

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

2、pocket pc 2003中的pocket pc 2003 se仿真器右键点解连接，然后再右键点击插入底座，运行后即可使用，不过在仿真管理器中地址不要用local，要用本机ip地址。二。建立数据库： 数据库采用sqlserver，建立一个名为wapDB的数据库，如下列图： 然后添加一个用户表userinfo，如下列图： 为数据库添加一条记录，如下列图： 建立表document，用来存储发布的文章，表构造如下列图： 先为document表添加20条数据，用来显示，如下列图： 至此，数据库建立完毕，下面我们将采用vs2021来具体开发。三。建立工程，开场开发： 首先，我们建立一个testWap的

3、工程，如下列图： 将新建工程默任生成的default.aspx删除，新建一个login.aspx的mobile web form模板在第一步环境配置中按照说明将ASPNETMobileTemplates.rar中的文件拷贝到各个文件夹后，就会在新建工程中最下面的模板中显示mobile模板了，如下列图： 建立好以后，按照上述方法再添加一个index.aspx的文件。 至此，我们所需的文件已经全部建立完成，login.aspx用来登录，登录后到index.aspx页面，此页面用来分页显示document文章表中的内容，并且可以添加文章记录。注意，做好网页后，需要在记事本中将我们刚刚建立的login

4、.aspx、index.aspx翻开重新保存一下，保存编码改为utf-8，覆盖原文件即可，这样做是因为工程采用utf-8编码，如果不这样的话，页面含有中文的话就会显示为乱码。，如下列图： 然后开场编码，具体编码与asp中的编码过程一样，不同的就是换成了mobile控件，这里需要注意的vs下开发wap不支持可视化设计，我们只能在后台手工编码，当添加控件的时候，只要打上m就会出现你所需要的mobile控件，mobile控件的具体有哪些与都有什么属性请参考其他文档，日后假设有时间，我会将mobile控件的使用说明详细介绍一下，这里给大家引荐一个网址，这里面有mobile控件的介绍与使用说明，我们这里

5、只用到了objectlist控件与textbox、textview控件以及command、Label控件，command控件其实就是button按钮，在mobile里叫command。 这里我们建立三个文件： login.aspx：登录页面 index.aspx：分页显示文章页面，带有快速发表 view.aspx：显示文章具体内容页面三个页面源代码：login.aspx 前台代码具体如下：1. 2. 3. 4. 5. 6. 登录窗口7. 8. 9. 用户名:10. 11. 密码：12. 13. 登录14. 15. 16. login.aspx.cs 后台代码具体如下：1. usingSyste

6、m;2. usingSystem.Collections;3. usingSystemponentModel;4. usingSystem.Data;5. usingSystem.Drawing;6. usingSystem.Web;7. usingSystem.Weble;8. usingSystem.Web.SessionState;9. usingSystem.Web.UI;10. usingSystem.Web.UIleControls;11. usingSystem.Web.UI.WebControls;12. usingSystem.Web.UI.HtmlControls;13.

7、usingSystem.Data.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.

8、 Session.Clear();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=;33. stringstrSql=select*fromuserinfowhereuser

9、_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.Tables0.R

10、ows0user_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. 17. 18. 1

11、9. 120. 121. 首页|上一页22. 尾页|下一页23. 24. 发布文章:25. 26. 27. 28. 发表退出29. 30. 31. index.aspx.cs 后台代码具体如下：1. usingSystem;2. usingSystem.Collections;3. usingSystemponentModel;4. usingSystem.Data;5. usingSystem.Drawing;6. usingSystem.Web;7. usingSystem.Weble;8. usingSystem.Web.SessionState;9. usingSystem.Web.U

12、I;10. usingSystem.Web.UIleControls;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=登录时间到，请重新登录！;19. R

13、esponse.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=1;30. if(rP

14、age!=null)31. try32. page=int.Parse(rPage);33. catch34. page=1;35. Sessionpage=page;36. PagedDataSourceps=newPagedDataSource();37. stringstrCon=DataSource=(local);Database=;38. stringstrSql=select*fromdocumentorderbydoc_iddesc;39. SqlConnectionconn=newSqlConnection(strCon);40. conn.Open();41. SqlDat

15、aAdapterda=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.Visible=true;51. this.lnk_next.Visibl

16、e=true;52. this.lnk_end.Visible=true;53. this.lnk_top.NavigateUrl=index.aspxpage=1;54. this.lnk_pre.NavigateUrl=index.aspxpage=+(page-1);55. this.lnk_next.NavigateUrl=index.aspxpage=+(page+1);56. this.lnk_end.NavigateUrl=index.aspxpage=+ps.PageCount;57. if(page=1)58. this.lnk_top.Visible=false;59. t

17、his.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. this.lbl_pagecount.Text=Convert.ToS

18、tring(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|content=|content=null)75. this.lbl_error.Te

19、xt=文章标题或内容不能为空!;76. this.lbl_error.Visible=true;77. return;78. stringstrSql=insertdocumentvalues(+title+,+content+);79. stringstrCon=DataSource=(local);Database=;80. SqlConnectionconn=newSqlConnection(strCon);81. conn.Open();82. SqlCommandcom=newSqlCommand(strSql,conn);83. com.ExecuteNonQuery();84.

20、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(login.aspx);view.aspx 前台代码具体如下：1. 2. 3. 4. 5. 6. 帖子内容7. 标题：8.

21、 9. 内容：10. 11. 返回上层|12. 退出13. 14. 15. view.aspx.cs 后台代码具体如下：1. usingSystem;2. usingSystem.Collections;3. usingSystemponentModel;4. usingSystem.Data;5. usingSystem.Drawing;6. usingSystem.Web;7. usingSystem.Weble;8. usingSystem.Web.SessionState;9. usingSystem.Web.UI;10. usingSystem.Web.UIleControls;11

22、. usingSystem.Web.UI.WebControls;12. usingSystem.Web.UI.HtmlControls;13. usingSystem.Data.SqlClient;14. namespacetestWap15. publicpartialclass16. protectedvoidPage_Load(objectsender,EventArgse)17. if(Sessionusername=null|Sessionpage=null)18. SessionloginOutInfo=登录时间到，请重新登录！;19. Response.Redirect(log

23、in.aspx);20. intdocid=int.Parse(Requestid.ToString();21. stringstrCon=DataSource=(local);Database=;22. stringstrSql=select*fromdocumentwheredoc_id=+docid;23. SqlConnectionconn=newSqlConnection(strCon);24. conn.Open();25. SqlDataAdapterda=newSqlDataAdapter(strSql,conn);26. DataSetds=newDataSet();27.

24、da.Fill(ds);28. conn.Close();29. this_title.Text=ds.Tables0.Rows0doc_title.ToString();30. this_Content.Text=ds.Tables0.Rows0doc_content.ToString();31. intpage=(int)Sessionpage;32. this.lnk_FanHui.NavigateUrl=index.aspxpage=+Convert.ToString(page);33. protectedvoidButton1_OnClick(objectsender,EventAr

25、gse)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第 17 页