第13讲 多网页项目

1、第十三讲 多网页项目 教学内容一、向项目中添加网页二、页面间的跳转三、使用查询字符串传送数据到下一页四、添加网页属性在页面间交换数据教学目标 掌握处理页面间关系的方法； 掌握查询字符串传送数据的方法； 掌握为页面添加属性的方法。2一、向项目中添加网页(1/2) 每个ASP.NET应用程序项目建立时，开发器会自动创建一个WebForm1.aspx的网页，该网页为项目的启动网页。 若要向项目中添加网页，则：在“项目”菜单的下拉菜单上单击【添加Web窗体】，在模板区选择“Web窗体”，在名称框内输入网页的名称，单击【打开】按钮，如右图。一个新的网页被添加到项目中。3一、向项目中添加网页(2/2) 从

2、解决方案资源管理器中可以看到增加了网页WebForm2.aspx，如右图。 双击“WebForm1.aspx”或“WebForm2.aspx” ，可以在设计视图区切换当前的工作网页。 开发器默认第一个网页为启动网页，若需要将“WebForm2.aspx”设置为项目的启动网页，右击 “WebForm2.aspx” ，在弹出菜单上单击【设为起始页】即可。 4二、页面间的跳转 (1/5) 从一个页面跳转到另一个页面有多种方法实现。 (一)在浏览器的地址栏中输入目的网页的URL 在浏览器的地址栏中输入目的网页的URL，可以定向到新的网页。 (二)调用脚本打开另一个窗口 调用JavaScript脚本的w

3、indow.open()方法，可以打开浏览器的另一个窗口，在该方法的第一个参数中指定需要展示的页面的URL。打开的另一个窗口为非模态窗口，可以在它与别的窗口间切换焦点。 也可以调用JavaScript脚本的window.showModalDialog()方法显示一个模态对话框，在该方法的第一个参数中指定需要展示的页面的URL。模态对话框独占屏幕焦点，此时不能够将焦点切换到别的窗口。 5(三)在页面上增加导航按钮 Web窗体服务器控件HyperLink专门为导航到新的URL而设计。该控件的NavigateUrl用来指定导航目标。该属性可以在属性窗口或程序代码中指定。如指定控件HyperLink1

4、导航到WebForm2.aspx，则其HTML标记为： 跳转到第二页 由于HyperLink控件专门用来导航到新的URL，因此它没有Click一类的事件来添加额外的代码，若需要在程序中再次改变它的导航目标，在网页或别的控件的事件中改变其NavigateUrl属性就是。如： HyperLink1.NavigateUrl=WebForm3.aspx; 当用户单击该控件时，会导航到WebForm3.aspx上去。 二、页面间的跳转 (2/5)6(四)利用DataGrid控件的超级链接列 当浏览数据表的记录时需要跳转到它对应的专门网站或网页时，使用DataGrid控件的超级链接列就可以实现。如数据表的

5、每一行记录了一个学校的简略资料，要实现导航到各学校的网站，只要将其网站的URL记录在数据表的某列中，将该列联系到DataGrid控件的超级链接列就可以。导航到网页的做法类似。 (五)调用Response.Redirect方法 Response是ASP.NET的一个内部对象，其类名为HttpResponse，主要的作用是输出数据到客户端。常用到2个方法： Write方法：输出数据到客户端。如 Response.Write(“Hello”); Redirect方法：将浏览器重定向到新的URL。二、页面间的跳转 (3/5)7 可以在程序的任何位置使用Response.Redirect方法将浏览器重定

6、向到新的URL。如在登录页面中，当验证了用户的密码和权限确认其为合法用户时，就可以调用该方法定向到其他页面上。方法是： Response.Redirect(“目标URL”)； 如： Response.Redirect(”WebForm2.aspx”)； 当该行被执行时，就跳转到WebForm2.aspx页面上。 Response.Redirect方法首先发送一个HTTP响应到客户端，通知客户端跳转到一个新的URL，然后客户端再发送跳转请求到服务器端。在页面跳转后其内部控件保存的所有数据都将丢失。二、页面间的跳转 (4/5)8(六)调用Server.Transfer方法 Server.Trans

7、fer方法的作用和调用方式与Response.Redirect基本是相同的。例如： Server.Transfer(“WebForm2.aspx”); 调用Server.Transfer方法跳转到另一个页面后，浏览器的地址栏中的信息仍然保持不变，表明重定向的请求是在服务器端进行的，页面跳转时仅将页面处理的控制权进行了移交，浏览器不知道服务器执行了一次页面变换。因此，从A页面跳转到B页面后，在B页面中仍然可以提取到A页面中的数据，前提是，它们都是.aspx页面。二、页面间的跳转 (5/5)9三、使用查询字符串在页面间交换数据(1/3) 从A页面跳转到B页面后，往往需要从A页面传送一些信息到B页面

8、中去。从一个页面传送数据到另一个页面可以使用查询字符串、内部对象或上一个网页的公有数据等。 查询字符串是附加在网页URL后从“?”开始直到结尾的一串字符，当浏览器从一个页面重定向到另一个页面时， URL附带查询字符串一并传送到目的页面，因而在目的页面中可以取得查询字符串带过来的信息。 10 1.构造查询字符串 查询字符串由“属性名=属性值”的格式构成，若有多个属性，属性间用“&”连接，中间不要留有空格。如： string URL=”WebForm2.aspx?name=张山&No=1000”; 因为整个URL和查询字符串一起构成了一个字符串，若查询字符串的某个属性值为变量时，该变量必须是str

9、ing类型。如上例可以这样表示； string Name=”张山”; string Number=”1000”; string URL=”WebForm2.aspx?name=”+Name+”&No=”+Number; 三、使用查询字符串在页面间交换数据(2/3)112.解析查询字符串 当查询字符串随同URL一起被传送到目标页面后，需要将其各个属性值解析出来才能为程序所用。格式是： Request.Params“属性名”。如解析上例的两个属性值： string Name=Request.Paramsname; string Number=Request.ParamsNo; 3.查询字符串的应用

10、 查询字符串的使用简单易行，一般的浏览器和客户端装置都能识别查询字符串。一般限制查询字符串的长度在255个字符之内，因此通过它不能携带过多的信息，也不能携带非字符串类型的信息，同时由于查询字符串可以从浏览器的地址栏中直接看到，其保密性较差。 三、使用查询字符串在页面间交换数据(3/3)12四、添加网页属性在页面间交换数据（1/7） 当调用Server.Transfer方法从A页面跳转到B页面后，可以在B页面中通过上下文句柄获取A页面的实例，通过该实例访问到A页面的公有成员，如公有的字段、控件和属性等。这需要向A页面添加一些公有的属性。 示例 添加网页属性将数据集传送到下一个页面 这个项目中有：

11、登录页面（login.aspx）和详情页面(detail.aspx) 2个网页。登录页面连接到数据库MMIS，将用户输入的账号和密码与数据表memberInfo中的账号和密码进行核对。若为合法用户，就将他的姓名和性别送入到详情页面，以便让详情页面知道是谁登录到了该页面；若账号或密码有误，则给出一个错误信息后仍停留在登录页面。 13本例将用户登录时查询到该用户的数据放在一个数据集中，为Login页面添加一个属性将该数据集返回，以便在下一个页面中访问到这个数据集。当调用Server.Transfer方法从Login页面跳转到detail页面后，在detail页面中通过上下文句柄获取Login页面的

12、实例，通过该实例访问到Login页面的数据集属性，然后从数据集属性中提取记录的各个字段值。四、添加网页属性在页面间交换数据（2/7）14四、添加网页属性在页面间交换数据（3/7）1.程序运行结果 登录页面 登录后的页面 152. 登录页面的后台代码 public class Login : System.Web.UI.Page protected DataSet myDataSet=new DataSet(); public DataSet LoginDataSet get return myDataSet; 四、添加网页属性在页面间交换数据（4/7）16 单击“登录”按钮，核对账号和密码 合

13、法用户就跳转到detail.aspx页面 private void Button1_Click(object sender, System.EventArgs e) string Number=this.TextBoxID.Text; string Pass=this.TextBoxPass.Text; string connectionString=workstation id=localhost;initial catalog=MMIS;user id=sa; pwd=; SqlConnection myConnection=new SqlConnection(connectionStri

14、ng); SqlDataAdapter myDataAdapter=new SqlDataAdapter(); SqlCommand myCommand=myConnection.CreateCommand(); myCommand.CommandText=“select * from memberInfo where 账号 =+Number+ and 密码=+Pass+; 四、添加网页属性在页面间交换数据（5/7）17myDataAdapter.SelectCommand=myCommand; int n=myDataAdapter.Fill(myDataSet,memberInfo); i

15、f(n=1) Server.Transfer(detail.aspx); else this.LabelMessage.Text=“账号或密码错误”; 四、添加网页属性在页面间交换数据（6/7）18 3. 详情页面的后台代码 private void Page_Load(object sender, System.EventArgs e) Login wfm1=(Login)Context.Handler; DataSet myDataSet=wfm1.LoginDataSet; string s=“请”+ myDataSet.TablesmemberInfo.Rows0姓名.ToString().Trim(); if(myDataSet.TablesmemberInfo.Rows0性别.ToString()=男) s+=先生核对您的资料; else s+=女士核对您的资料; this