ASPNET教学设计教案教程文档格式.docx
- 文档编号:14066720
- 上传时间:2022-10-17
- 格式:DOCX
- 页数:184
- 大小:1.94MB
ASPNET教学设计教案教程文档格式.docx
《ASPNET教学设计教案教程文档格式.docx》由会员分享,可在线阅读,更多相关《ASPNET教学设计教案教程文档格式.docx(184页珍藏版)》请在冰豆网上搜索。
教学重点
框架知识
页面创建
网站包括的基本要素
教学难点
其它
教学基本内容
备注
一、新课导入
我们已经学习了C#程序语言,掌握了面向对象编程的基础,再进一步了解框架相关知识。
包括一个完整网站包括的基本要素和常用的操作。
第2章 服务器控件
15
通过本次课程的学习,主要掌握以下控件的应用:
Page页面
Label控件
TextBox控件
Button控件
HyperLink控件
Image控件
ImageButton控件
LinkButton控件
DropDownList控件
ListBox控件
CheckBox控件
CheckBoxList控件
RadioButton控件
RadioButtonList控件
Panel控件
Table控件
BulletedList控件
ImageMap控件
授课内容提要
(一)Page页面
1.作用
容器:
承载控件
2.重要属性
IsPostBack
3.例子
Page.IsPostBack属性
实验:
添加一个Web窗体,在页面上放一个按钮和一个标签(Label)控件,将Label的Text属性设置为0。
在Page_Load事件中写代码:
if(!
Page.IsPostBack)
{
intx=int.Parse(Label2.Text)+1;
Label2.Text=x.ToString();
}
运行,不断点击按钮。
改变后对比(去掉if判断)
protectedvoidPage_Load(objectsender,EventArgse)
(二)Label控件
显示数据
BackColor
BorderStyle
BorderWidth
Text
EnableTheming
SkinID
Height
Width
//Label的例子:
更改Text属性和背景颜色
floatsalary=4100.2f;
if(salary>
2000)
Label1.Text="
您需要交税"
;
else
您不需要交税"
此处填写更改颜色的代码
Label1.BackColor=……
(三)TextBox控件
数据输入控件
2.重要属性和方法
BorderColor
TextMode->
SingleLine、MultiLine、Password
ReadOnly
TextBox的ReadOnly属性
测试:
放一个文本框(TextBox),将其ReadOnly属性设置为true,运行看结果如何?
问题:
在哪里能够修改文本框的值呢?
参考答案:
一是在设计时通过属性窗口修改Text属性,二是在事件中通过代码修改Text属性
(四)Button控件
响应用户操作(鼠标和键盘事件)。
2.重要属性和事件
CausesValidation—是否引发验证
OnClientClick-->
指定单击按钮时执行的客户端脚本代码函数名
UseSubmitBehavior->
指示按钮是否呈现为提交按钮,默认为true
PostBackUrl-->
指定单击此按钮时回发到的页面的URL,默认为本页
在目标页面中用Page.PreviousPage.FindControl()方法获取数据
Click事件
标签、文本框、按钮的综合例子--模拟登录程序
知识点:
TextBox的TextMode属性
If语句
弹出提示对话框(可以带上耳机)
protectedvoidButton1_Click(objectsender,EventArgse)
stringuid="
a"
pwd="
123"
if((TextBox1.Text==uid)&
&
(TextBox2.Text==pwd))
Response.Write("
<
script>
alert('
用户名和密码正确!
'
)<
/script>
"
);
scriptlanguage='
javascript'
>
用户名和密码不正确!
(五)HyperLink控件
超级链接
NavigateUrl
ImageUrl
ToolTip
Target
将NavigateUrl设置为default.aspx,然后再
(1)设置Target为空(即默认值),查看效果;
(2)设置Target为_blank,查看效果。
HyperLink比<
a>
/a>
标记是更方便。
(六)ImageButton控件
显示图片的按钮
ImageAlign
AlternateText
CausesValidation
PostBackUrl
OnClientClick
Click事件
ImageButton的例子
BorderWidth为2
BorderColor为红色
创建文件夹pic,存入图片48.gif
ImageUrl="
~/pic/48.gif"
(六)LinkButton控件
显示为超级链接的按钮
(七)DropDownList控件
添加项目
联动
AutoPostBack属性
SelectedIndexChanged事件
Page_Load
DropDownList1_SelectedIndexChanged
DropDownList2_SelectedIndexChanged
Button1_Click
练习:
DropDownList年、月、日联动
(八)ListBox控件
显示列表
Items
SelectionMode->
Single、Multiple
添加新项目
删除选中项目
查找是否有该项目
清空所有的项目
ListItem类型
ListItem的两个重要属性:
Text和Value
创建一个ListItem对象:
ListItemLi1=newListItem();
Li1.Text=“hello”;
Li1.Value=“1”;
添加项目—判空、IsPostBack
每次点按钮都添加了多项,如何解决?
解决方案:
判断是否是第一次,是则添加项;
否则什么也不做。
ListBox1.Items.Add(newListItem(TextBox1.Text));
添加时判断是否为空
Trim()方法
逻辑:
不为空添加新项目;
为空,弹出不允许为空的对话框。
删除的业务逻辑
单项删除
如果有选中的项目则删除,否则提示“没有项目被选中!
”
多项删除
从第一项到最后一项循环,如果第i项被选中则删除。
怎么知道一共有多少项?
某项被选中怎么区分?
查找的业务逻辑
如果找到则选中项目,否则提示“没有找到”
删除代码:
ListBox1.Items.RemoveAt(i);
//根据索引删除项
添加删除确认对话框:
在Page_Load事件中,写入Button1.Attributes[“onClick”]=“javascript:
return
confirm(‘你确认要删除吗?
’);
”
,然后在Button1_OnClick事件中写入您的执行代码。
多选删除如何实现?
第一想法:
for(inti=0;
i<
ListBox1.Items.Count;
i++)
if(ListBox1.Items[i].Selected)
Response.Write(i+"
br>
ListBox1.Items.RemoveAt(i);
连续的时候会少删除其中一项,什么原因呢?
改进后的删除代码:
for(inti=ListBox1.Items.Count-1;
i>
=0;
i--)
//改变策略:
从后往前删除
Response.Write("
script>
删除成功!
2006级岳晓同学的代码:
i=i-1;
//此处做了改进
查找方案:
查找要求:
如果有则选中该项,没有则提示“没有满足条件的项目”。
ListBox1.Items.FindByText(TextBox1.Text)
ListBox1.Items.IndexOf(item)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASPNET 教学 设计 教案 教程
![提示](https://static.bdocx.com/images/bang_tan.gif)