《a sp点net程序设计教案完整》由会员分享，可在线阅读，更多相关《a sp点net程序设计教案完整（116页珍藏版）》请在金锄头文库上搜索。
1、计算机科学与信息技术学院ASP.NET 程序设计 课程教案2009-2010 学年 第二学期任课教师 邵国强任课班级 2007 级计算机本科选课组课程名称 ASP.NET 程序设计课程类型 专业必修课总学时 90二一 年 三 月 授课题目 第 4 章服务器控件授课类型 理论课+实验课教学方法 讲授、实例驱动 教学手段 多媒体教学授课时间 学时分配 10教学目的通过本次课程的学习，主要掌握以下控件的应用：Page 页面Label 控件TextBox 控件Button 控件HyperLink 控件Image 控件ImageButton 控件LinkButton 控件DropDownList 控件L
2、istBox 控件CheckBox 控件CheckBoxList 控件RadioButton 控件RadioButtonList 控件Panel 控件Table 控件BulletedList 控件ImageMap 控件教学重点Label 控件TextBox 控件Button 控件DropDownList 控件ListBox 控件RadioButtonList 控件Panel 控件Table 控件ImageMap 控件教学难点ListBox 控件RadioButtonList 控件Table 控件ImageMap 控件其它教学基本内容 备注一、新课导入我们已经学习了 C#程序语言，掌握了面向对象
3、编程的基础，现在我们通过服务器控件的学习构造图形界面，对其属性、方法和事件的处理，实现特定的功能。控件种类较多，基本分为容器类、实体控件。实体控件又分为显示控件和录入控件。二、授课内容提要第 4 章服务器控件（一）Page 页面1. 作用容器：承载控件2. 重要属性IsPostBack3. 例子 Page.IsPostBack 属性实验：添加一个 Web 窗体，在页面上放一个按钮和一个标签(Label)控件，将 Label 的Text 属性设置为 0。在 Page_Load 事件中写代码：if (!Page.IsPostBack)int x = int.Parse(Label2.Text) +
4、 1;Label2.Text = x.ToString();运行，不断点击按钮。改变后对比(去掉 if 判断)protected void Page_Load(object sender, EventArgs e)int x = int.Parse(Label2.Text) + 1;Label2.Text = x.ToString(); 运行，不断点击按钮。（二）Label 控件1. 作用显示数据2. 重要属性BackColorBorderStyleBorderWidthTextEnableThemingSkinIDHeightWidth3. 例子 /Label 的例子：更改 Text 属性和
5、背景颜色float salary = 4100.2f;if(salary2000) Label1.Text = 您需要交税;elseLabel1.Text = 您不需要交税;此处填写更改颜色的代码Label1.BackColor=/Label 的例子：更改 Text 属性和背景颜色（三）TextBox 控件1. 作用数据输入控件2. 重要属性和方法BorderColorBorderStyleBorderWidthTextEnableThemingSkinIDTextMode-SingleLine、MultiLine、PasswordReadOnly3. 例子 TextBox 的 ReadOnl
6、y 属性测试：放一个文本框(TextBox)，将其 ReadOnly 属性设置为 true，运行看结果如何？问题：在哪里能够修改文本框的值呢？参考答案：一是在设计时通过属性窗口修改 Text 属性，二是在事件中通过代码修改 Text 属性（四）Button 控件1. 作用响应用户操作(鼠标和键盘事件)。2. 重要属性和事件BorderColorBorderStyleBorderWidthTextEnableThemingSkinIDCausesValidation是否引发验证OnClientClick指定单击按钮时执行的客户端脚本代码函数名UseSubmitBehavior-指示按钮是否呈现为
7、提交按钮，默认为 truePostBackUrl指定单击此按钮时回发到的页面的 URL，默认为本页在目标页面中用 Page.PreviousPage.FindControl() 方法获取数据Click 事件3. 例子 标签、文本框、按钮的综合例子-模拟登录程序知识点：TextBox 的 TextMode 属性If 语句弹出提示对话框(可以带上耳机)protected void Button1_Click(object sender, EventArgs e)string uid = a, pwd = 123;if (TextBox1.Text = uid) & (TextBox2.Text =
8、 pwd)Response.Write(alert(用户名和密码正确！);elseResponse.Write(alert(用户名和密码不正确！);（五）HyperLink 控件1. 作用超级链接2. 重要属性TextNavigateUrlImageUrlToolTipTargetSkinID3. 例子 将 NavigateUrl 设置为 default.aspx，然后再(1)设置 Target 为空(即默认值)，查看效果；(2)设置 Target 为_blank，查看效果。HyperLink 比标记是更方便。（六）ImageButton 控件1. 作用显示图片的按钮2. 重要属性ImageU
9、rlImageAlignAlternateTextCausesValidationPostBackUrlOnClientClickToolTipClick 事件3. 例子 ImageButton 的例子BorderWidth 为 2BorderColor 为红色创建文件夹 pic，存入图片 48.gifImageUrl=/pic/48.gif（六）LinkButton 控件1. 作用显示为超级链接的按钮2. 重要属性TextCausesValidationPostBackUrlOnClientClickToolTipClick 事件（七）DropDownList 控件1. 作用显示数据2. 重
10、要属性添加项目联动AutoPostBack 属性SelectedIndexChanged 事件3. 例子 Page_Load DropDownList1_SelectedIndexChangedDropDownList2_SelectedIndexChangedAutoPostBack 属性Button1_Click练习：DropDownList 年、月、日联动（八）ListBox 控件1. 作用显示列表2. 重要属性ItemsSelectionMode-Single、Multiple添加新项目删除选中项目查找是否有该项目清空所有的项目3. 例子 ListItem 类型ListItem 的两个
11、重要属性：Text 和 Value创建一个 ListItem 对象：ListItem Li1=new ListItem();Li1.Text=“hello”;Li1.Value=“1”;添加项目判空、IsPostBack问题：每次点按钮都添加了多项，如何解决？解决方案：判断是否是第一次，是则添加项；否则什么也不做。ListBox1.Items.Add(new ListItem(TextBox1.Text);添加时判断是否为空Trim()方法逻辑：不为空添加新项目；为空，弹出不允许为空的对话框。删除的业务逻辑单项删除如果有选中的项目则删除，否则提示“没有项目被选中！”多项删除从第一项到最后一项循
12、环，如果第 i 项被选中则删除。问题：怎么知道一共有多少项？某项被选中怎么区分？查找的业务逻辑如果找到则选中项目，否则提示“没有找到”删除代码：ListBox1.Items.RemoveAt(i);/根据索引删除项添加删除确认对话框：在 Page_Load 事件中，写入 Button1.Attributes“onClick”=“javascript:return confirm(你确认要删除吗？);” ，然后在Button1_OnClick 事件中写入您的执行代码。问题：多选删除如何实现？ 第一想法：for (int i = 0; i );ListBox1.Items.RemoveAt(i);
13、问题：连续的时候会少删除其中一项，什么原因呢？改进后的删除代码：for (int i = ListBox1.Items.Count-1; i=0; i-)/改变策略：从后往前删除if (ListBox1.Itemsi.Selected)Response.Write(i + );ListBox1.Items.RemoveAt(i);Response.Write(alert(删除成功!);2006 级岳晓同学的代码：for (int i = 0; i );ListBox1.Items.RemoveAt(i);i=i-1;/此处做了改进查找方案：查找要求：如果有则选中该项，没有则提示“没有满足条件的
14、项目” 。ListBox1.Items.FindByText(TextBox1.Text)ListBox1.Items.IndexOf(item)ListBox1.Itemsposition.Selected查找代码：ListItem item = new ListItem(TextBox1.Text);int position = this.ListBox1.Items.IndexOf(item);if (position = 0)ListBox1.Itemsposition.Selected = true;else Response.Write(alert(没有满足条件的项目!);清空所有
15、项目protected void Page_Load(object sender, EventArgs e)Button5.Attributesonclick = javascript:return confirm(Are you sure to delete all items?);protected void Button5_Click(object sender, EventArgs e)ListBox1.Items.Clear();ListBox 控件的常用属性和方法ListBox1.Items.CountListBox1.Items.SelectedIndex 可读写(赋值或被赋值)ListBox1.Itemsi.TextListBox1.Itemsi.Selected 可读写(赋值或被赋值)ListBox1.Items.Add()ListBox1.Items.Insert()ListBox1.Items.RemoveAt()ListBox1.Items.Remove()ListBox1.Items.FindByText(TextBox1.Text)ListBox1.Items.IndexOf(item)（九）CheckBox 控件1. 作用可以多项选择2. 重要属性属性CheckedText方法3. 例子 CheckBox 实现多项选择添加 3 个
