ASP.NET 课程教案课程教案2016-2017 学年学年 第二学期第二学期任课教师任课教师 张成年张成年任课班级任课班级 软件软件 153课程名称课程名称 ASP.NET 课程类型课程类型 专业必修课专业必修课总学时总学时 80二一七二一七 年年 二二 月月 授课题目授课题目第第 1 1 章章 搭建搭建 ASP.NETASP.NET 开发环境开发环境授课类型授课类型理论课理论课+ +实验课实验课教学方法教学方法讲授、实例驱动教学手段教学手段多媒体教 学授课时间授课时间学时分配学时分配3教学目的教学目的通过本次课程的学习，主要掌握 visual studio 开发环境的 框架知识，安装知识和开发环境常用操作： 教学重点教学重点框架知识 页面创建 网站包括的基本要素教学难点教学难点框架知识其它其它教学基本内容教学基本内容备备 注注一、新课导入一、新课导入我们已经学习了 C#程序语言，掌握了面向对象编程的基础，再进一步了解框架 相关知识。包括一个完整网站包括的基本要素和常用的操作。授课题目授课题目第第 2 2 章章 服务器控件服务器控件授课类型授课类型理论课+实验课教学方法教学方法讲授、实例驱动教学手段教学手段多媒体 教学授课时间授课时间学时分配学时分配15教学目的教学目的通过本次课程的学习，主要掌握以下控件的应用： Page 页面 Label 控件 TextBox 控件 Button 控件 HyperLink 控件 Image 控件 ImageButton 控件 LinkButton 控件 DropDownList 控件 ListBox 控件 CheckBox 控件 CheckBoxList 控件 RadioButton 控件 RadioButtonList 控件 Panel 控件 Table 控件 BulletedList 控件 ImageMap 控件教学重点教学重点Label 控件 TextBox 控件 Button 控件 DropDownList 控件 ListBox 控件 RadioButtonList 控件 Panel 控件 Table 控件 ImageMap 控件教学难点教学难点ListBox 控件 RadioButtonList 控件 Table 控件 ImageMap 控件其它其它教学基本内容教学基本内容备备注注授课内容提要授课内容提要第第 2 2 章章 服务器控件服务器控件 （一）Page 页面 1. 作用 容器：承载控件 2. 重要属性IsPostBackIsPostBack 3. 例子 Page.IsPostBackPage.IsPostBack 属性属性 实验： 添加一个 Web 窗体，在页面上放一个按钮和一个标签(Label)控件，将 Label 的 Text 属性设置为 0。 在 Page_Load 事件中写代码：if (!Page.IsPostBack)int x = int.Parse(Label2.Text) + 1;Label2.Text = x.ToString(); 运行，不断点击按钮。 改变后对比改变后对比( (去掉去掉 ifif 判断判断) )protected void Page_Load(object sender, EventArgs e)int x = int.Parse(Label2.Text) + 1;Label2.Text = x.ToString(); 运行，不断点击按钮。（二）Label 控件1. 作用 显示数据 2. 重要属性 BackColor BorderStyle BorderWidth TextText EnableTheming SkinID Height Width3. 例子 /Label/Label 的例子：更改的例子：更改 TextText 属性和背景颜色属性和背景颜色float salary = 4100.2f;if(salary2000) Label1.Text = “您需要交税“;elseLabel1.Text = “您不需要交税“; 此处填写更改颜色的代码Label1.BackColor= /Label/Label 的例子：更改的例子：更改 TextText 属性和背景颜色属性和背景颜色（三）TextBox 控件 1. 作用 数据输入控件 2. 重要属性和方法BorderColor BorderStyle BorderWidth TextText EnableTheming SkinID TextMode-SingleLineTextMode-SingleLine、MultiLineMultiLine、PasswordPasswordReadOnlyReadOnly 3. 例子 TextBoxTextBox 的的 ReadOnlyReadOnly 属性属性 测试：测试： 放一个文本框(TextBox)，将其 ReadOnly 属性设置为 true，运行看结果如何？ 问题：问题： 在哪里能够修改文本框的值呢？在哪里能够修改文本框的值呢？ 参考答案： 一是在设计时通过属性窗口修改 Text 属性，二是在事件中通过代码修改 Text 属 性（四）Button 控件 1. 作用 响应用户操作(鼠标和键盘事件)。 2. 重要属性和事件BorderColor BorderStyle BorderWidth TextText EnableTheming SkinID CausesValidation是否引发验证 OnClientClick指定单击按钮时执行的客户端脚本代码函数名 UseSubmitBehavior-指示按钮是否呈现为提交按钮，默认为 truePostBackUrl指定单击此按钮时回发到的页面的 URL，默认为本页 在目标页面中用 Page.PreviousPage.FindControl() 方法获取数据 ClickClick 事件事件 3. 例子 标签、文本框、按钮的综合例子标签、文本框、按钮的综合例子-模拟登录程序模拟登录程序知识点：知识点： TextBox 的 TextMode 属性 If 语句 弹出提示对话框(可以带上耳机)protected void Button1_Click(object sender, EventArgs e)string uid = “a“, pwd = “123“;if (TextBox1.Text = uid) elseResponse.Write(“alert(用户 名和密码不正确！)“);（五）HyperLink 控件 1. 作用 超级链接 2. 重要属性TextText NavigateUrlNavigateUrl ImageUrl ToolTip TargetTarget SkinID 3. 例子 将将 NavigateUrlNavigateUrl 设置为设置为 default.aspxdefault.aspx，然后再，然后再 (1)设置 Target 为空(即默认值)，查看效果； (2)设置 Target 为_blank，查看效果。 HyperLink 比标记是更方便。（六）ImageButton 控件 1. 作用 显示图片的按钮2. 重要属性ImageUrlImageUrl ImageAlign AlternateTextAlternateText CausesValidation PostBackUrl OnClientClick ToolTip ClickClick 事件事件3. 例子 ImageButtonImageButton 的例子的例子 BorderWidth 为 2 BorderColor 为红色 创建文件夹 pic，存入图片 48.gifImageUrl=“/pic/48.gif“ （六）LinkButton 控件1. 作用 显示为超级链接的按钮 2. 重要属性TextText CausesValidation PostBackUrlPostBackUrl OnClientClick ToolTip ClickClick 事件事件（七）DropDownList 控件 1. 作用 显示数据 2. 重要属性 添加项目 联动 AutoPostBackAutoPostBack 属性属性 SelectedIndexChangedSelectedIndexChanged 事件事件 3. 例子 Page_Load DropDownList1_SelectedIndexChanged DropDownList2_SelectedIndexChanged AutoPostBack 属性Button1_Click 练习：练习：DropDownListDropDownList 年、月、日联动年、月、日联动（八）ListBox 控件 1. 作用 显示列表 2. 重要属性ItemsItems SelectionMode-SingleSelectionMode-Single、MultipleMultiple 添加新项目删除选中项目 查找是否有该项目 清空所有的项目 3. 例子 ListItem 类型 ListItem 的两个重要属性：Text 和 Value创建一个创建一个 ListItemListItem 对象：对象：ListItem Li1=new ListItem(); Li1.Text=“hello”; Li1.Value=“1”; 添加项目判空、IsPostBack 问题：问题： 每次点按钮都添加了多项，如何解决？ 解决方案：解决方案： 判断是否是第一次，是则添加项；否则什么也不做。ListBox1.Items.Add(new ListItem(TextBox1.Text); 添加时判断是否为空 Trim()方法 逻辑：不为空添加新项目；为空，弹出不允许为空的对话框。 删除的业务逻辑删除的业务逻辑 单项删除 如果有选中的项目则删除，否则提示“没有项目被选中！” 多项删除 从第一项到最后一项循环，如果第 i 项被选中则删除。问题：问题： 怎么知道一共有多少项？某项被选中怎么区分？ 查找的业务逻辑 如果找到则选中项目，否则提示如果找到则选中项目，否则提示“没有找到没有找到” 删除代码：删除代码： ListBox1.Items.RemoveAt(i);/根据索引删除项 添加删除确认对话框：添加删除确认对话框： 在 Page_Load 事件中，写入 Button1.Attributes“onClick”=“javascript:return confirm(你确认要删除吗？);” ，然后在 Button1_OnClick 事件中写入您的执行代码。 问题：问题： 多选删除如何实现？多选删除如何实现？ 第一想法：第一想法：for (int i = 0; i “);ListBox1.Items.RemoveAt(i); 问题：问题： 连续的时候会少删除其中一项，什么原因呢？连续的时候会少删除其中一项，什么原因呢？ 改进后的删除代码：改进后的删除代码：for (int i = ListBox1.Items.Count-1; i=0; i-) /改变策略：从后往前删除if (ListBox1.Itemsi.Selected)Response.Write(i + “);ListBox1.Items.RemoveAt(i); Response.Write(“alert(删除成功!)“); 20062006 级岳晓同学的代码：级岳晓同学的代码：for (int i = 0; i “);ListBox1.Items.RemoveAt(i);i=i-1;/此处做了改进 查找方案：查找方案： 查找要求：查找要求： 如果有则选中该项，没有则提示“没有满足条