Web程序的设计实验指导书1116Word文档格式.docx

Web程序的设计实验指导书1116Word文档格式.docx

《Web程序的设计实验指导书1116Word文档格式.docx》由会员分享，可在线阅读，更多相关《Web程序的设计实验指导书1116Word文档格式.docx（112页珍藏版）》请在冰点文库上搜索。

当年龄小于18岁时返回值“XXX，您还没长大呢!

”。

6.将UserInfo类应用于Web窗体中

页面浏览效果如图1-6和图1-7所示。

图1-6UserInfo类浏览效果图

（1）

图1-7UserInfo类浏览效果图

（2）

三.实验步骤

1.转换输入的成绩到相应的等级

（1）设计Web窗体

新建一个Web窗体，切换到设计视图。

如图1-8所示，向页面添加1个TextBox控件、1个Botton控件和1个Lable控件。

图1-8设计界面

（2）设置属性

Web窗体中各控件的属性设置如表1-1所示。

表1-1各控件的属性设置表

控件

属性名

属性值

说明

TextBox

ID

txtInput

“输入成绩”文本框的编程名称

Botton

btnSubmit

“等级”按钮的编程名称

Text

等级

“等级”按钮上显示的文本

Label

lblDisplay

用来显示等级信息的Label控件编程名称

空

出示不显示任何容

（3）编写事件代码

按钮btnSubmit被单击时执行的事件代码如下：

protectedvoidbtnSubmit_Click（objectsender,EventArgse）

{

floatfGrade=float.Parse（txtInput.Text）;

intiGrade=（int）（fGrade/10）;

switch（iGrade）

case10:

case9:

lblDisplay.Text="

优秀"

;

break;

case8:

lblDisplay.Text="

良"

case7:

中"

case6:

与格"

case5:

case4:

case3:

case2:

case1:

case0:

不与格"

}

（4）浏览建立的Web窗体进行测试。

2.在Web窗体上输出九九乘法表

在空白处双击，编写Web窗体载入时执行代码如下：

protectedvoidPage_Load（objectsender,EventArgse）

for（inti=1;

i<

=9;

i++）

for（intj=1;

j<

=i;

j++）

Response.Write（i.ToString（）+"

*"

+j.ToString（）+"

="

+（i*j）.ToString（））;

Response.Write（"

&

nbsp;

nbsp"

）;

<

br/>

"

最后，浏览建立的Web窗体查看效果。

如图1-9所示，向页面添加1个TextBox控件、1个Botton控件。

图1-9设计界面

Web窗体中各控件的初始属性设置如表1-2所示。

表1-2各控件的属性设置表

“输入一组数据”文本框的编程名称

“降序级”按钮的编程名称

降序

“降序”按钮上显示的文本

stringsInput;

sInput=txtInput.Text.Trim（）+"

"

intj=0;

int[]aInput=newint[10];

stringtemp="

0"

for（inti=0;

=sInput.Length-1;

if（sInput.Substring（i,1）!

="

）

temp+=sInput.Substring（i,1）;

else

aInput[j]=int.Parse（temp）;

j++;

temp="

Array.Sort（aInput）;

Array.Reverse（aInput）;

foreach（intiinaInput）

if（i!

=0）

Response.Write（i+"

如图1-10所示，向页面添加2个TextBox控件、1个Botton控件。

图1-10设计界面

Web窗体中各控件的初始属性设置如表1-3所示。

表1-3各控件的属性设置表

txtDivsor

“除数”文本框的编程名称

txtDivided

“被除数”文本框的编程名称

“提交”按钮的编程名称

提交

“提交”按钮上显示的文本

try

floatdivsor=float.Parse（txtDivsor.Text）;

floatdividend=float.Parse（txtDividend.Text）;

商为:

+divsor/dividend）;

catch（Exceptionee）

系统提示"

+ee.Message+"

请输入正确的数字"

（1）右击App_Code文件夹，选择“添加新项”→“类”模板，重命名为UserInfo.cs,单击“添加”按钮。

（2）输入代码如下：

publicclassUserInfo

{

privatestring_Name;

privateDateTime_Birthday;

publicstringName

get

return_Name;

set

_Name=value;

publicDateTimeBirthday

return_Birthday;

_Birthday=value;

publicUserInfo（stringname,DateTimebirthday）

//

//TODO:

在此处添加构造函数逻辑

this.Name=name;

this.Birthday=birthday;

publicstringDecideAge（）

if（DateTime.Now.Year-_Birthday.Year<

18）

returnthis._Name+"

您还没长大呢！

您已经成年了"

}

如图1-11所示，向页面添加2个TextBox控件、1个Botton控件。

图1-11设计界面

Web窗体中各控件的初始属性设置如表1-4所示。

表1-4各控件的属性设置表

txtName

“”文本框的编程名称

txtBirthday

“生日”文本框的编程名称

stringname=txtName.Text;

stringbirthday=txtBirthday.Text;

UserInfouserInfo=newUserInfo（name,DateTime.ParseExact（birthday,"

yyyymmdd"

null））;

Response.Write（userInfo.DecideAge（））;

实验二ASP.NET3.5标准控件

（1）理解ASP.NET3.5页面事件处理流程。

（2）理解ASP.NET3.5标注控件的应用。

1.设计并实现一个简易的计算器

（1）页面浏览效果如图2-1所示

（2）仿照一般计算器的工作方式，实现加和减的功能。

图2-1“简易计算器”浏览效果

2.设计并实现一个用于查询教师课表的联动下拉列表框页面

（1）页面浏览效果如图2-2所示

（2）“学年”下拉列表框中添加十个数据项：

当前学年与之前的九个学年。

（3）“学期”下拉列表框中添加两个数据项：

1和2.

（4）“分院”下拉列表框中添加三个数据项：

“数学与信息工程学院”、“机电学院”和“外国语学院”。

（5）“教师”下拉列表框中的数据项根据不同的分院产生。

图2-2联动下拉列表框浏览效果

3.设计并实现一个用于单项选择题的测试页面

（1）页面浏览效果如图2-3所示

（2）试题要求和选择题必须动态生成。

（3）如图2-4所示，当单击提交按钮时，给出选择的答案。

图2-3测试页面效果

（1）图2-4测试页面效果

（2）

1.设计并实现一个简易的计算器

如图2-5所示，向页面添加1个用于布局的1行1列黑色边框表格。

向表格中添加一个TextBox控件、6个Botton控件。

图2-5

Web窗体中各控件的属性设置如表2-1所示。

表2-1各控件的属性设置表

txtDisplay

用于显示输入数字的文本框控件编程名称

ReadOnly

True

不能更改文本框中的文本，默认值为False

btnOne

“数字1”按钮的编程名称

1

“数字1”按钮上显示的文本

btnTwo

“数字2”按钮的编程名称

2

“数字2”按钮上显示的文本

btnThree

“数字3”按钮的编程名称

3

“数字3”按钮上显示的文本

btnAdd

“+”按钮的编程名称

+

“+”按钮上显示的文本

btnSubtract

“-”按钮的编程名称

-

“-”按钮上显示的文本

btnEqual

“=”按钮的编程名称

=

“=”按钮上显示的文本

（3）编写事件、方法代码

在所有事件、方法外声明静态字段。

静态字段保证了其中的数据可以在所有的事件、方法中被访问，并能在事件代码或方法代码执行结束后保留数据。

其中，静态字段num1用于存储算式中的第一个数字字符串，初始值为“0”；

num2用于存储算式中的第二个数字字符串，初始值为“0”；

total用于存储将所有输入的数连接后的数字字符串，初始值为“”（空字符串）；

sign用于存储运算符号，初始值为“”。

代码如下：

staticstringnum1="

num2="

total="

sign="

按钮btnOne被单击时执行的事件代码如下：

protectedvoidbtnOne_Click（objectsender,EventArgse）

total+="

1"

//将数字字符串"

与total原值连接后再存入total

txtDisplay.Text=total;

按钮btnTwo被单击时执行的事件代码如下：

protectedvoidbtnTwo_Click（objectsender,EventArgse）

2"

按钮btnThree被单击时执行的事件代码如下：

protectedvoidbtnThree_Click（objectsender,EventArgse）

3"

按钮btnAdd被单击时执行的事件代码如下：

protectedvoidbtnAdd_Click（objectsender,EventArgse）

if（sign.Length==1）//sign已存储运算符号

Count（）;

//调用Count（）方法计算结果

num1=txtDisplay.Text;

sign="

+"

else//sign未存储运算符号

txtDisplay.Text="

total="

按钮btnSubtract被单击时执行的事件代码如下：

protectedvoidbtnSubtract_Click（objectsender,EventArgse）

//调用自定义方法Count（）计算结果

-"

按钮btnEqual被单击时执行的事件代码如下：

protectedvoidbtnEqual_Click（objectsender,EventArgse）

///<

summary>

///计算“num1运算符num2”的结果

/summary>

protectedvoidCount（）

num2=txtDisplay.Text;

if（num2=="

）//num2值为空字符串

num2="

switch（sign）//根据不同的运算符分别计算结果

case"

:

txtDisplay.Text=（int.Parse（num1）+int.Parse（num2））.ToString（）;

num1="

break;

txtDisplay.Text=（int.Parse（num1）-int.Parse（num2））.ToString（）;

2.设计并实现一个用于查询教师课表的联动下拉列表框页面

如图2-6所示，向页面输入“学年：

”、“学期：

”、“分院：

”和“教师：

”等信息，适当设置字体大小。

再向页面添加4个DropDownList控件，适当调整个控件的大小和位置。

图2-6

Web窗体中各控件的属性设置如表2-2所示。

DropDownList

ddlYear

“学年”下拉列表框的编程名称

AutoPostBack

当列表项容改变后，自动触发页面往返

ddlTerm

“学期”下拉列表框的编程名称

ddlCollege

“分院”下拉列表框的编程名称

ddlTeacher

“教师”下拉列表框的编程名称

Web窗体首次载入时执行的代码如下：

protectedvoidPage_Load（objectsender,EventArgse）

//页面第一次载入，向各下拉列表填充值

if（!

IsPostBack）

BindYear（）;

BindTerm（）;

BindCollege（）;

BindTeacher（）;

当“分院”下拉列表框中选择项改变时，触发的事件代码如下：

protectedvoidddlCollege_SelectedIndexChanged（objectsender,EventArgse）

自定义方法BingYear（）的代码如下：

protectedvoidBindYear（）

//清空学年下拉列表中项

ddlYear.Items.Clear（）;

intstartYear=DateTime.Now.Year-10;

intcurrentYear=DateTime.Now.Year;

//向学年下拉列表添加项

for（inti=startYear;

=currentYear;

ddlYear.Items.Add（newListItem（（i-1）.ToString（）+"

+i.ToString（）））;

//设置年份下拉列表默认项

ddlYear.SelectedValue=（currentYear-1）.ToString（）+"

+currentYear.ToString（）;

自定义方法BingTerm（）的代码如下：

protectedvoidBindTerm（）

ddlTerm.Items.Clear（）;

//向学期下拉列表添加项

for（inti=1;

=2;

ddlTerm.Items.Add（i.ToString（））;

自定义方法BingCollege（）的代码如下：

protectedvoidBindCollege（）

ddlCollege.Items.Clear（）;

ddlCollege.Items.Add（newListItem（"

数学与信息工程学院"

））;

外国语学院"

机电学院"

自定义方法BingTeacher（）的代码如下：

protectedvoidBindTeacher（）

ddlTeacher.Items.Clear（）;

switch（ddlCollege.SelectedValue）//根据不同的分院产生不同的教师

//添加教师列表。

在实际工程中，数据来源于数据库

d