实验二ASPNET的常用控件

xxxxx大学实验报告

科目: 应用开发技术

学号:____ 2018180008___________

姓名:

班级: 2018级计算机科学与技术本科班

实验名称

实验二 的常用控件

实验日期

1、实验目的：

实验成绩

1、 掌握常用控件的使用方法，包括Label、TextBox、Button、RadioButtonList、CheckBoxList、ListBox、DropDownList等控件。

2、 熟练掌握服务器控件的添加，控件属性的添加和更改和事件

3、

2、

熟练掌握服务器控件的事件过程的创建方法

实验内容：

一．设计一个用于选择日期的Web程序。用户单击“显示日历”或选择了年份和月份后，页面中显示Calendar控件，用户选择控件中的某个日期后，Calendar控件自动隐藏，日期信息显示在标签控件中。

二．设计一个可以在程序运行中动态更改文本框中字体、字型和字号的网页。

三．制作选择爱好示例，当选中CheckBox控件时，将改变CheckBoxList控件的显示方式；当单击提交按钮时，在Label中显示选定的项目。

四．制作专业选择页面，在DropdownList中选取学院时，ListBox中显示对应的专业名称，选取信息技术学院，ListBox中加载计科，信管；选取人文学院，ListBox中加载营销，编辑；选取外语学院，ListBox中加载英语，日语；单击提交按钮，在Label中显示XX学院：XX专

业。

五．使用Image控件和LinkButton控件设计一个简单图片浏览器。程序启动后页面中显示的图片下方有当前图片的序号。要求当页面中显示第1张图片时“上一张”按钮（控件ID为Previous）不可用，当页面中显示第2、3张图片时两个按钮均可用。当显示最后一张（第4张）图片时“下一张”按钮（控件ID为Next）不可用。

六．设计简易在线测验程序，如图所示，所有题目完成后，单击“提交”按钮，页面中将显示答对题的数量，所有答错题目的均添加一个红色底色突出显示。

3.核心实验步骤：

第一题，一.创建各控件并部署

1. 使用控件为DropDownlist，label，Calender,linkbutton

2. 设置各控件的text属性值

3. 设置下拉框：

if (!IsPostBack)

{

for (int i = 1940; i <= 2050; i++)

{

(new ListItem(ng()));

}

for (int i = 1; i <= 12; i++)

{

(new ListItem(ng()));

}

}

4. 如图所示：

在源代码中将两个下拉框的引发事件归为一类，是事件可以一起发生。

二．关键代码：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

string a = ;

string b = ;

eDate = Time(a + "-" + b + "-" + ng());

}

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

= DateString();

e = false;

e = true;

}

protected void LinkButton1_Click(object sender, EventArgs e)

{

e = true;

e = false;

}

第二题，一.创建各控件并部署如图：

1. 使用控件为label，checkboxlist，Radiobutton,button,DropDownlist.

2. 分别设置list中各项text值

3. 在使用radiobutton时，要打开

AutoPostback，使其可以自动刷新

二．编辑checkedchanged事件，使其对label属性设置

关键代码：

protected void

RadioButton4_CheckedChanged(object

sender, EventArgs e)

{

= "宋体";}

三．编辑下拉框的代码：

（这是贴吧上直接用索引的value属性，设置字体的大小的方式）

实验代码：

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

(ze, + "px");

}

四．编辑checkBoxlist的作用代码：

实验主要代码：

for (int i = 0; i <

; i++)

//搜索所有的复选框的选中情况

if ([1].Selected)

{

= true;

}

//对选中情况的事件编辑

发现的问题：

1. 在第一次勾选后，再次取消复选框的选中，无法取消对字体设置的改动；

2. 粗体和斜体无法同时显示

解决方案：

1.添加一个button，用click事件重新设置label字体的属性

第二个问题仍未解决

第三题，一.创建checklist并编辑爱好选项

4. 向工作台中拖入checklist工具，单击编辑项

5. 在编辑器中修改text值

实验主要代码：

for (int i=0; i < ; i++)

{

if ([i].Selected)

{

+=

[i].Text;

}

}

上图即设计图层：

使用控件有checklist，checkbox，button，label

第四题，一.各控件部署如下：

二．主要代码：

static string str = "";

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

switch (edIndex)

{

default:

break;

case 0:

();

break;

case 1:

{

();

("信管");

("计科");

break;

}

case 2:

{

();

("营销");

("编辑");

break;

}

case 3:

{

();

("英语");

("日语");

break;

}

}

str = + " :";

}

protected void Button1_Click(object sender, EventArgs e)

{

if ( > 0)

{

if (edIndex > -1)

=str+ ;

else

=str+" ";

}

else

{

= "没有选取任何选项！";

}

}

第五题，一．向网站中添加实验图片

1.右击mysite

2.增加新项

3.选择图片添加即可

二．在项目中添加控件

1.添加image控件

2.添加Label控件

3.添加两个Linkbutton控件

4.组成如右图的样式

三．编辑两个Linkbutton的click事件

tton1的事件编辑

主要代码为：

i--;

if (i == 1)

{

d = false;

}

else

{

d = true;

d = true;

}

rl = "~/Images/" + ng() + ".jpg";

= "这是第" + ng() + "幅图片";

tton2的主要事件编辑

i++;

if (i == 6)

{

d = false;

}

else

{

d = true;

d = true;

}

rl = "~/Images/" + ng() + ".jpg";

= "这是第" + ng() + "幅图片";

第六题,一.控件部署如下：

1.用到的控件为：label，radiobuttonlist，buttton

2.主要代码如下：

int num = 0;

if (edIndex == 3)

{

num++;

lor = ;

}

else

{

lor = ;

}

= "共答对" + ng() + "道题";

5、实验结果分析及总结体会：

首先跟着视频教材老师讲述的理论要点做出分析与思考，理解理论原因，在跟着视频老师的操作继续实际操作，遇见麻烦搜索百度即可，尽量自己动脑思考，好好理解各控件的使用。