实验一用户界面交互及网页间的数据传递.docVIP

实验一 用户界面交互及网页间的数据传递 实验目的 （1）练习ASP.NET各种服务器控件的用法。 （2）练习网页间数据传递的方法 实验用时 6学时 实验内容 开发一个模拟机动车驾驶员理论在线考试的网站，操作者可以在线进行理论知识测试。 实验要求 实验中要求至少有3个页面，即1个登陆页面和2个考试页面。具体名称及功能如下： 登陆页面（Login.aspx） 在此页面中，要求用户输入姓名和准考证号，并选择报考车型号，当用户单击【开始答题】按钮后，系统根据其选择的报考型号进入相应的考试页面。登录页面如图1。 考试页面（OnlineExamA1.aspx） 当用户在登录页面中选择的【报考车型号】为“A1(大型客车)”时，进入考试页面。如图2。在此页面中显示的考生姓名、准考证号和报考类型这三部分信息是用户在登录页面Login.aspx中输入及选择的相关内容；一旦用户单击【查看得分与正确答案】按钮，将显示“考试成绩”及“正确答案”。如图3。 考试页面（OnlineExamC1.aspx） 当用户在登录页面中选择【报考车型号】为“C1（小型汽车）”时，进入此页面。其功能及要求与OnlineExamA1.aspx的功能要求相似，区别仅仅是考试题目不同。 实验步骤提示 （1）运行VS2005,创建1个名为“OnlineExam”的ASP.NET Web应用程序。 （2）在【解决方案资源管理器】中，添加1个名为“Login.aspx”的Web页面。 （3）切换到Login.aspx的【设计】视图，设计要求的界面，并将【源】视图中对应的HTML代码改为如下内容： %@ Page Language=C# AutoEventWireup=true Codebehind=Login.aspx.cs Inherits=OnlineExam.Login % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head id=Head1 runat=server title登录界面/title /head body form id=form1 runat=server div style=text-align: center table border=1 cellpadding=0 cellspacing=0 tr td style=width: 399px; height: 55px; text-align: center span style=font-size: 24ptstrong机动车驾驶员理论考试/strong /span /td /tr tr td style=vertical-align: top; width: 399px; text-align: center; height: 176px; br / table tr td style=width: 100px 请输入姓名：/td td asp:TextBox ID=TextBoxName runat=server Width=115px/asp:TextBox/td /tr tr td style=width: 100px 输入准考证：/td td asp:Tex