福建农林大学ASPNET实验二.docx

_福建农林大学计算机与信息学院实验报告系： 计算机与信息学院 专业： 计算机科学与技术 年级： 姓名： 学号： 实验室号 田C510 计算机号 实验时间： 指导教师签字： 成绩： 实验二 ASP.NET3.5标准控件一、实验目的和要求1、 理解3.5页面事件处理流程。2、 熟悉3.5标准控件的使用。二、实验内容和原理本次实验为2学时。为了避免将程序设计得过于复杂，又兼顾实验的覆盖面，将实验分为三个独立的部分。1、 设计并实现一个简易的计算器。要求如下：（1） 页面浏览效果如图1-1所示。图1-1 简易浏览器的浏览效果（2） 仿照一般计算器的工作方式，实现加和减的功能。【参考页面代码】【参考事件代码】请在下述代码的基础上进一步完善。2、 设计并实现一个用于查询教师课表的联动下拉列表框页面，要求如下：（1）页面浏览效果如图2-1所示。图2-1 联动下拉列表框浏览效果（2）“学年”下拉列表框中添加十个数据项；当前学期及之前的九个学年。（3）“学期”下拉列表框添加两个数据项：1和2。（4）“分院”下拉列表框添加三个数据项：数学与信息工程学院、机电学院和外国语学院。（5）“教师”下拉列表框中的数据项根据不同的分院产生。【提示】请参照课件第三讲 ASP.NET3.5标准控件中“年月日下拉列表框的联动”来设置。3、设计简易在线测试程序。具体要求如下：（1）如图3-1所示，在页面打开时显示一组模拟测试题，每题均由一个4元素单选按钮组控件提供4个选项，用户可以使用鼠标选择自己认为正确的答案。（2）所有题目完成后，单击“提交”按钮，页面中将显示答对题的数量，所有答错题目的标题均加一个淡蓝色底色，以突出显示，如图3-2所示。（3）界面中的所有题目、分割线均以动态的方式在程序运行时通过代码添加到页面中。图3-1 初始化页面图3-2 部分答错【参考页面代码】【参考事件代码】请在下述代码的基础上进一步完善。三、实验环境1、Windows XP2、Visual Studio2005四、算法描述及实验步骤1. 设计并实现一个简易的计算器（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图2-5所示，向页面添加1个用于布局的1行1列黑色边框表格。向表格中添加一个TextBox控件、6个Botton控件。图2-5（2）设置属性Web窗体中各控件的属性设置如表2-1所示。表2-1 各控件的属性设置表控件属性名属性值说明TextBoxIDtxtDisplay用于显示输入数字的文本框控件编程名称ReadOnlyTrue不能更改文本框中的文本，默认值为FalseBottonIDbtnOne“数字1”按钮的编程名称Text1“数字1”按钮上显示的文本BottonIDbtnTwo“数字2”按钮的编程名称Text2“数字2”按钮上显示的文本BottonIDbtnThree“数字3”按钮的编程名称Text3“数字3”按钮上显示的文本BottonIDbtnAdd“+”按钮的编程名称Text+“+”按钮上显示的文本BottonIDbtnSubtract“-”按钮的编程名称Text-“-”按钮上显示的文本BottonIDbtnEqual“=”按钮的编程名称Text=“=”按钮上显示的文本（3）编写事件、方法代码在所有事件、方法外声明静态字段。静态字段保证了其中的数据可以在所有的事件、方法中被访问，并能在事件代码或方法代码执行结束后保留数据。其中，静态字段num1用于存储算式中的第一个数字字符串，初始值为“0”；num2用于存储算式中的第二个数字字符串，初始值为“0”；total用于存储将所有输入的数连接后的数字字符串，初始值为“”（空字符串）；sign用于存储运算符号，初始值为“”。代码如下：static string num1 = "0", num2 = "0", total = "", sign = ""按钮btnOne被单击时执行的事件代码如下：protected void btnOne_Click(object sender, EventArgs e) total += "1" /将数字字符串"1"与total原值连接后再存入total txtDisplay.Text = total; 按钮btnTwo被单击时执行的事件代码如下：protected void btnTwo_Click(object sender, EventArgs e) total += "2" txtDisplay.Text = total; 按钮btnThree被单击时执行的事件代码如下：protected void btnThree_Click(object sender, EventArgs e) total += "3" txtDisplay.Text = total; 按钮btnAdd被单击时执行的事件代码如下：protected void btnAdd_Click(object sender, EventArgs e) if (sign.Length = 1) /sign已存储运算符号 Count(); /调用Count()方法计算结果 num1 = txtDisplay.Text; sign = "+" else /sign未存储运算符号 num1 = txtDisplay.Text; txtDisplay.Text = "" total = "" sign = "+" 按钮btnSubtract被单击时执行的事件代码如下：protected void btnSubtract_Click(object sender, EventArgs e) if (sign.Length = 1) /sign已存储运算符号 Count(); /调用自定义方法Count()计算结果 num1 = txtDisplay.Text; sign = "-" else /sign未存储运算符号 num1 = txtDisplay.Text; txtDisplay.Text = "" total = "" sign = "-" 按钮btnEqual被单击时执行的事件代码如下：protected void btnEqual_Click(object sender, EventArgs e) Count(); /调用自定义方法Count()计算结果 / <summary> / 计算“num1 运算符 num2”的结果 / </summary> protected void Count() num2 = txtDisplay.Text; if (num2 = "") /num2值为空字符串 num2 = "0" switch (sign) /根据不同的运算符分别计算结果 case "+": txtDisplay.Text = (int.Parse(num1) + int.Parse(num2).ToString(); num1 = "0" num2 = "0" total = "" sign = "" break; case "-": txtDisplay.Text = (int.Parse(num1) - int.Parse(num2).ToString(); num1 = "0" num2 = "0" total = "" sign = "" break; （4）浏览建立的Web窗体进行测试。2. 设计并实现一个用于查询教师课表的联动下拉列表框页面（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图2-6所示，向页面输入“学年：”、“学期：”、“分院：”和“教师：”等信息，适当设置字体大小。再向页面添加4个DropDownList控件，适当调整个控件的大小和位置。图2-6（2）设置属性Web窗体中各控件的属性设置如表2-2所示。表2-1 各控件的属性设置表控件属性名属性值说明DropDownListIDddlYear“学年”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlTerm“学期”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlCollege“分院”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlTeacher“教师”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返（3）编写事件、方法代码Web窗体首次载入时执行的代码如下：protected void Page_Load(object sender, EventArgs e) /页面第一次载入，向各下拉列表填充值 if (!IsPostBack) BindYear(); BindTerm(); BindCollege(); BindTeacher(); 当“分院”下拉列表框中选择项改变时，触发的事件代码如下：protected void ddlCollege_SelectedIndexChanged(object sender, EventArgs e) BindTeacher(); 自定义方法BingYear()的代码如下：protected void BindYear() /清空学年下拉列表中项 ddlYear.Items.Clear(); int startYear = DateTime.Now.Year - 10; int currentYear = DateTime.Now.Year; /向学年下拉列表添加项 for (int i = startYear; i <= currentYear; i+) ddlYear.Items.Add(new ListItem(i - 1).ToString() + "-" + i.ToString(); /设置年份下拉列表默认项 ddlYear.SelectedValue = (currentYear - 1).ToString() + "-" + currentYear.ToString(); 自定义方法BingTerm()的代码如下：protected void BindTerm() ddlTerm.Items.Clear(); /向学期下拉列表添加项 for (int i = 1; i <= 2; i+) ddlTerm.Items.Add(i.ToString(); 自定义方法BingCollege()的代码如下：protected void BindCollege() ddlCollege.Items.Clear(); ddlCollege.Items.Add(new ListItem("数学与信息工程学院"); ddlCollege.Items.Add(new ListItem("外国语学院"); ddlCollege.Items.Add(new ListItem("机电学院"); 自定义方法BingTeacher()的代码如下：protected void BindTeacher() ddlTeacher.Items.Clear(); switch (ddlCollege.SelectedValue) /根据不同的分院产生不同的教师姓名 case "数学与信息工程学院": /添加教师列表。在实际工程中，数据来源于数据库 ddlTeacher.Items.Add(new ListItem("沈士根"); ddlTeacher.Items.Add(new ListItem("汪承焱"); ddlTeacher.Items.Add(new ListItem("许小东"); break; case "外国语学院": ddlTeacher.Items.Add(new ListItem("张强"); ddlTeacher.Items.Add(new ListItem("王第男"); break; case "机电学院": ddlTeacher.Items.Add(new ListItem("朱兆清"); ddlTeacher.Items.Add(new ListItem("毛沁程"); break; 最后，浏览建立的Web窗体查看效果。3. 设计并实现一个用于单项选择题的测试页面（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图2-7所示，向页面添加1个PlaceHolder控件、1个Botton控件和1个Label控件，适当调整个控件的大小和位置。图2-7（2）设置属性Web窗体中各控件的初始属性设置如表2-3所示。表2-3 各控件的属性设置表控件属性名属性值说明TextBoxIDbtnSubmit“提交”按钮的编程名称Text提交“提交”按钮上显示的文本LabelIDlblDisplay用来显示选择结果的Label控件编程名称Text空初始不显示任何内容（3）编写事件代码Web窗体首次载入时执行的代码如下：protected void Page_Load(object sender, EventArgs e) /定义Label控件lblQuestion1 Label lblQuestion1 = new Label(); lblQuestion1.ID = "lblQuestion1" /设置题目要求。在实际工程中，数据来源于数据库 lblQuestion1.Text = "1.Web服务器控件不包括（ ）。" /将lblQuestion1控件添加到PlaceHolder1中 PlaceHolder1.Controls.Add(lblQuestion1); /定义RadioButtonList控件rdoltChoice1 RadioButtonList rdoltChoice1 = new RadioButtonList(); rdoltChoice1.ID = "rdoltChoice1" /设置单项选择项。在实际工程中，数据来源于数据库 rdoltChoice1.Items.Add(new ListItem("A.Wizard", "A"); rdoltChoice1.Items.Add(new ListItem("B.input", "B"); rdoltChoice1.Items.Add(new ListItem("C.Adrotator", "C"); rdoltChoice1.Items.Add(new ListItem("D.Calender", "D"); PlaceHolder1.Controls.Add(rdoltChoice1); 按钮btnSubmit被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e) /查找rdoltChoice1控件 RadioButtonList rdoltChoice1 = (RadioButtonList)PlaceHolder1.FindControl("rdoltChoice1"); lblDisplay.Text = "你选择了：" + rdoltChoice1.SelectedValue; （4）浏览建立的Web窗体进行测试。五、调试过程在编写BingTeacher()与BindCollege()的联系时有些错误，修改后成功。六、实验结果七、总结通过本次试验我理解了ASP.NET 3.5页面事件处理流程， 掌握了ASP.NET 3.5标注控件的应用。附录：16_