实验03ASPNET服务器控件Word格式.docx
《实验03ASPNET服务器控件Word格式.docx》由会员分享，可在线阅读，更多相关《实验03ASPNET服务器控件Word格式.docx（15页珍藏版）》请在冰豆网上搜索。
（4）设计一个能够登记个人信息的网站，在填写个人信息时利用各种服务器控件进行信息的输入和选择。
操作过程中注意要截图。
记录操作步骤并上交实验报告。
3、实验步骤：
A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-1”
B、右击网站名称，选择“添加新项”命令。
在“添加新项”对话框中选择web网页,单击添加按钮，默认名称为Default.aspx。
C、设计web窗体。
切换到设计视图，向页面中添加image，button，dropdownlist和label控件各一个。
并按照实验指导设置相应属性。
右击网站名称，选择“添加新项”命令。
选择“文件夹”选项。
添加一个文件名为“image”的文件夹，并在文件夹中添加01.jpg-0n.jpg的图片文件。
D、设置dropdownlist1中的列表项内容。
将鼠标移动到dropdownlist1控件上，单击其上向右的小三角，弹出“dropdownlist任务”列表。
选择列表中的“编辑项”命令，弹出如下对话框。
单击添加按钮可向成员项中添加成员，并在属性列表中设置选项的text属性和value属性。
E、编写下拉列表事件代码。
下拉列表控件中内容被改变时的事件代码如下：
Image1.ImageUrl=DropDownList1.SelectedValue;
F、编写“提交”按钮被单击时执行的事件代码如下：
Label1.Text=“您选择的头像是：
”+
DropDownList1.SelectedItem.Text;
G、浏览建立的web窗体进行测试。
A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-2”
切换到设计视图，向页面中添加checkboxlist，button和label控件各一个
并设置相应的属性，得到如下界面。
D、设置checkboxlist1中的列表项内容。
将鼠标移动到checkboxlist1控件上，单击其上向右的小三角，弹出“checkboxlist1任务”列表。
单击添加按钮可向成员项中添加成员，并在属性列表中设置选项的text属性。
进行如上设置，得到如下界面：
E、编写事件代码。
按钮button1被单击时执行事件代码如下：
Label1.Text="
您投票给了"
;
for（inti=0;
i<
CheckBoxList1.Items.Count;
i++）
{
if（CheckBoxList1.Items[i].Selected）
Label1.Text+=CheckBoxList1.Items[i].Text+"
"
}
F、浏览建立的web窗体进行测试。
A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-3”
切换到设计视图，向页面中添加一个calendar控件和一个label控件。
设置label属性如下：
D、设置calendar1控件的外观形式。
将鼠标移动到calendar1控件上，其上方会出现一个向右的小三角。
单击，弹出“calendar任务”列表。
选择列表中的“自动套用格式”命令
弹出如下对话框。
选择“选择架构”中的“彩色型1”，单击“确定”按钮，完成设置。
E、编写calendar1日历控件在呈现日期激发事件的代码如下：
If（e.Day.IsWeekend）
{
e.Cell.BackColor=System.Drawing.Color.Red;
e.Cell.Controls.Add（newliteralControl）（“<
br>
休息天”））;
e.Day.IsSelectable=false;
}
F、编写calendar1,日历控件在更改选择时的事件代码如下：
stringyy="
mm="
dd="
w="
yy=Calendar1.SelectedDate.Year.ToString（）;
mm=Calendar1.SelectedDate.Month.ToString（）;
dd=Calendar1.SelectedDate.Day.ToString（）;
switch（（int）Calendar1.SelectedDate.DayOfWeek）
case0:
w="
星期日"
break;
case1:
星期一"
case2:
星期二"
case3:
星期三"
case4:
星期四"
case5:
星期五"
case6:
星期六;
您选择的日期是：
<
b>
+yy+"
年"
+mm+"
月"
+dd+"
日"
+"
"
+w;
A、打开visualstudio2010，按实验一的方法创建一个ASP.NETWeb的空网站，命名为“课堂练习2-4”
切换到设计视图，向页面中添加2个LinkButton控件,2个Panel控件,1个Textbox控件，2个RadioButton控件，2个DropDownList控件，1个CheckBoxList控件，1个Image控件，2个Button控件和1个FileUpload控件，适当调整各个控件的大小和位置。
并按照实验手册25页设置相关属性。
D、编写各个事件代码如下
publicpartialclass_Default:
System.Web.UI.Page
protectedvoidPage_Load（objectsender,EventArgse）
if（!
Page.IsPostBack）
for（inty=1901;
y<
=2050;
y++）
DropDownList1.Items.Add（y.ToString（））;
for（intm=1;
m<
=12;
m++）
DropDownList2.Items.Add（m.ToString（））;
protectedvoidCheckBoxList1_SelectedIndexChanged（objectsender,EventArgse）
protectedvoidButton1_Click（objectsender,EventArgse）
this.Panel2.Visible=true;
protectedvoidButton2_Click（objectsender,EventArgse）
stringFileName=FileUpload1.FileName;
if（FileName!
="
）
stringnewfilename="
pic"
+
FileName.Substring（FileName.LastIndexOf（"
."
））;
FileUpload1.SaveAs（Server.MapPath（"
）+"
\\"
+newfilename）;
this.Image1.ImageUrl=newfilename;
this.Panel2.Visible=false;
protectedvoidLinkButton1_Click（objectsender,EventArgse）
this.name.Text=TextBox1.Text;
if（this.RadioButton1.Checked）
this.sex.Text="
男"
else
女"
this.birth.Text=DropDownList1.Text+"
+DropDownList2.Text+"
this.aihao.Text="
for（inti=0;
i<
CheckBoxList1.Items.Count;
i++）
if（CheckBoxList1.Items[i].Selected）
this.aihao.Text+=CheckBoxList1.Items[i].Text+"
this.Image2.ImageUrl=this.Image1.ImageUrl;
this.Panel1.Visible=false;
this.Table1.Visible=true;
protectedvoidLinkButton2_Click（objectsender,EventArgse）
this.Panel1.Visible=true;
this.Table1.Visible=false;
E、浏览建立的web窗体，进行测试。
小结：
四、主要实验仪器及材料
安装有Windows2000/XP/7系统的计算机，安装有VisualStudio2010等。
五、实验出现的问题及解决方法
六、实验总结
1、记录做实验过程中的体会
2、提出对该实验的意见和改进建议
升级会员 