ASPNET课件PPT文件格式下载.ppt
《ASPNET课件PPT文件格式下载.ppt》由会员分享,可在线阅读,更多相关《ASPNET课件PPT文件格式下载.ppt(174页珍藏版)》请在冰点文库上搜索。
![ASPNET课件PPT文件格式下载.ppt](https://file1.bingdoc.com/fileroot1/2023-5/7/e6a9f996-f222-41b2-b3ff-a9089abac2e7/e6a9f996-f222-41b2-b3ff-a9089abac2e71.gif)
静态网页的交互性交叉,在功能方面有较大的限制,客户端动态网页,JavaScript的作用:
交互式操作;
表单验证;
网页特效JavaScript缺点:
每种浏览器支持JavaScript的程度是不一样的,设计网页时需要考虑客户端浏览器的情况。
代码暴露给客户端用户,存在安全隐患。
服务器端动态网页,服务器端动态网页特点:
动态网页以数据库技术为基础,可以大大降低网站维护的工作量;
采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
我们应当采用静态还是动态?
网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。
静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。
1.1基本概念web服务器,Web服务器是一个软件,用于管理Web页面,并使这些页面通过本地网络或Internet供客户浏览器使用。
在Internet中,Web服务器和浏览器通常位于两台不同的机器上,也许它们之间相隔数英里。
然而,在本地情况下,也可以在一台机器上运行Web服务器软件,再在这台机器上通过浏览器浏览它的Web页面。
常见的web服务器,在UNIX和LINUX平台下使用最广泛的免费HTTP服务器是APACHE服务器Windows平台下使用IIS的WEB服务器。
HTTP的工作原理,客户端(浏览器),客户端(浏览器),请给我发送“超文本简介”,超文本简介,页请求,1.2安装ASP.NET,安装IIS安装VS2005(netframework2.0)安装和配置IIS,安装IIS,“开始”“控制面板”“添加删除程序”,选择“添加删除Windows组件”,将“Internet信息服务(IIS)”前面选勾,点击下一步,将Windows安装光盘或下载的IIS安装程序选中后安装即可。
配置IIS,选择“开始”“控制面板”“管理工具”“Internet信息服务(IIS)”即进入IIS的管理窗口。
具体做法,比如本机的IP地址为192.168.0.1,自己的网页放在e:
aspnet目录下,网页的首页文件名为default.aspx,现在想根据这些建立好自己的Web服务器。
对于此Web站点,我们可以用现有的“默认Web站点”来做相应的修改后,就可以轻松实现。
请先在“默认Web站点”上单击右键,选“属性”,以进入名为“默认Web站点属性”设置界面。
修改绑定的IP地址:
转到“网站”窗口,再在“IP地址”后的下拉菜单中选择所需用到的本机IP地址“192.168.0.1”。
修改主目录:
转到“主目录”窗口,再在“本地路径”输入(或用“浏览”按钮选择)好自己网页所在的“e:
aspnet”目录。
添加首页文件名:
转到“文档”窗口,再按“添加”按钮,根据提示在“默认文档名”后输入自己网页的首页文件名“default.aspx”。
扩展:
IIS服务器组建一览,1.3建立最简单的ASP.NET程序,打开“VisualStudio2005”选择“文件”“新建网站”,任务,建立网页版“HelloWorld”将网页重新命名为Myfirst.aspx,ASP.NET文件类型,aspx:
ASP.Net主体文件,用来存放Web窗体页面。
cs:
在使用代码分离技术时,以C#作为程序设计语言,C#模块文件。
config:
配置文件sln:
VS2005解决方案文件,一个解决方案可以包含若干个不同类型的项目。
(位于我的文档visualstudio2005Projects下),代码分离技术,在新建Web窗体时,选择“代码放在单独的文件中”即可好处:
HTML与程序代码分开,使程序的逻辑结构更清晰易于重用易于维护可独立于源代码进行部署,1.4建立最简单的可交互的ASP.NET程序,分别使用代码分离技术和不使用代码分离技术建立一个简单的可交互的Web页面。
功能是,单击命令按钮改变标签的文本内容,字体大小和字体名称。
掌握利用VS2005开发环境建立最简单的可交互的ASP.NETweb页面程序。
理解采用代码分离技术的好处,HTML服务器控件和Web服务器控件
(1),ASP.NET中有两类控件:
HTML服务器控件和Web服务器控件,都可通过工具箱插入。
一个位于工具箱的“HTML”选项卡中,一个位于工具箱的“标准”选项卡中。
带三角符的是Web服务器控件,HTML服务器控件和Web服务器控件
(2),HTML服务器控件默认是在浏览器端执行的,在这种情况下,其完全等效于一组HTML标记。
Web服务器控件是ASP.NET内置的服务器端控件,是其强大功能的体现,也是我们学习的重点。
第二章Web服务器控件,2.1任务1:
设置文本字体2.2任务2:
图片浏览器2.3任务3:
选择出行时间和目标城市2.4任务4:
设计用户注册页面2.5任务5:
广告条效果2.6任务6:
设计页面Banner,2.1任务1:
设置文本字体,掌握Web服务器控件命令按钮(Button)文本框(TextBox)单选按钮(RadioButton)复选框列表(CheckBoxList),Button,Button控件用于在页面上显示一个标准的按钮。
几个重要的属性如下:
IDFontTextAccessKeyToolTipButton控件的常用事件如下:
Click,RadioButton,RadioButton控件用于从一个或多个选项中选择一项。
几个重要属性如下:
AutoPostBackCheckedGroupName(可将多个单选按钮形成一组)TextTextAlign当RadioButton控件的Checked属性发生变化时将会引发RadioButton的CheckedChanged事件,但是此事件并不是立即引发页面的回发,除非将RadioButton控件的AutoPostBack属性被设置为True时,Checked属性发生变化时会立即回发页面到服务器。
RadioButtonList,RadioButtonList控件用于提供一组RadioButton控件,其中几个主要属性如下:
AutoPostBackItemsSelectedIndexSelectedItemSelectedValueRepeatDirection当RadioButtonList控件中的选中项发生变化时,会引发SelectedIndexChanged事件,但是此事件不会立即回发页面到服务器,除非选择了RadioButtonList控件的AutoPostBack属性为True。
CheckBox,CheckBox控件给用户提供了选择一项或者多项的功能,几个重要属性如下:
AutoPostBackCheckedTextTextAlign当CheckBox控件的Checked属性发生变化时将会引发CheckBox的CheckedChanged事件,但是此事件并不是立即引发页面的回发,除非将CheckBox控件的AutoPostBack属性被设置为True时,Checked属性发生变化时会立即回发页面到服务器。
CheckBoxList,CheckBoxList控件用于提供一组CheckBox控件。
属性参考RadioButtonList控件。
当CheckBoxList控件中的选中项发生变化时,会引发SelectedIndexChanged事件,但是此事件不会立即回发页面到服务器,除非选择了CheckBoxList控件的AutoPostBack属性为True。
添加CheckBoxList列表项,LinkButton,LinkButton控件就是一个特殊Button控件,除了表现的样式不同外,其功能跟Button控件的功能基本一致。
LinkButton控件的属性跟Button控件的属性也基本一致。
LinkButton控件的事件也同Button控件的事件一致。
ImageButton,ImageButton控件一个特殊的Button控件,其功能跟Button控件的功能一致。
几个ImageButton控件特殊的属性如下:
AlternateText:
图片无法显示时的替换文本。
ImageUrl:
要显示的图片的URL。
事件:
Click,HyperLink,HyperLink控件用于创建到其他页面的链接,可以动态的更改HyperLink的链接文本或目标页,其中几个重要属性如下:
要显示的图片NavigateUrl:
定位到的URLTarget:
超链接的目标框架Text用户单击HyperLink控件时并不会在服务器代码中引发事件,而只是执行导航任务。
任务2:
图片浏览器,Image控件DropDownList控件掌握页面属性的设置,掌握基本的使用样式表的技能。
了解page页面指示符,Image控件,Image控件用于在Web页面上显示图像,但是不能捕获鼠标的服务器端单击事件,几个重要属性如下:
1.AlternateText2.ImageAlign3.ImageUrlImage控件可以以一种编程的方式来为Image控件指定图像文件。
DorpDownList,DorpDownList控件类似于Window中的下拉列表框,几个重要属性如下:
AutoPostBackItemsSelectedIndexSelectedItemSelectedValue掌握利用ListItem集合编辑器和利用代码两种方式添加列表项的方法。
当DropDownList控件中的选中项发生变化时,会引发SelectedIndexChanged事件,但是此事件不会立即回发页面到服务器,除非选择了DropDownList控件的AutoPostBack属性为True。
页面属性的设置,在属性工具栏中选择“DOCUMENT”后,设置属性:
BgColorBackGroundLinkTextaLinkvLinkStyleStyleSheetTitle通过单击“Style”属性对话框弹出“样式生成器”来实现通过使用样式表,如何使用样式表
(1)Html标记,编辑样式表按右键添加项目“样式表”编辑样式表,对某一Html标记设置属性:
bodyfont-size:
30px;
color:
Limetdbackground-color:
Silver应用样式表在想使用该样式表的文件中将DOCUMENT的StyleSheet属性选择已编辑好的样式表,如何使用样式表
(2)服务器端对象,编辑样式表编辑样式表,:
.drpcssfont-size:
20px应用样式表在想使用该样式的服务器端控件中将CssClass属性设置为相应的样式名称(如本例中的drpcss),使用样式表的好处,使网站风格统一便于批量修改样式,page页面指示符,page指令通过设置其中的属性,使ASP.NET页分析器和编译器使用此页特定设置属性。
每个页面只能有一个Page指令。
指令的语法如下:
任务3:
选择出行时间和目标城市,任务要求:
能选定城市,被选城市能从左边的列表框(ListBox)中删去,并加入到右边的列表框实现一次可以选择多个城市,并加入到右边的列表框中通过日历控件(Calendar)来选定出行时间。
列表框(ListBox),ListBox控件提供一个项目选择的功能,ListBox控件可以一次显示多个项目。
用户可以选择一项或者多项。
列表框常见的属性和方法,日历控件(Calendar),Calendar控件用于在Web页面上显示日历,以便用户选择具体的日期。
Calendar控件的主要属性,如何快速设计Calendar控件的样式,利用Calendar控件的“智能标记”中的“自动套用格式”可以利用系统预定义好的几种日历样式。
Calendar控件的重要事件,SelectionChanged在用户更改选择时激发该事件。
关键代码
(1),当列表框控件的SelectionMode设置为Single时,将一个列表框中的选定的单个项目添加到另一个列表框,关键代码
(2),当列表框控件的SelectionMode设置为Multiple时,将一个列表框中的选定的所有项目添加到另一个列表框,知识点,日期的格式化显示,观察运行效果,protectedvoidPage_Load(objectsender,EventArgse)Response.Write(DateTime.Now.ToString(yy-M-d);
Response.Write();
/换行Response.Write(DateTime.Now.ToString(yy年M月d日);
Response.Write(DateTime.Now.ToString(yyyy-MM-dd);
Response.Write(DateTime.Now.ToString(yyyy年MM月dd日);
Response.Write(DateTime.Now.ToString(yyyy年MM月dd日h:
m:
s);
Response.Write(DateTime.Now.ToString(yyyy年MM月dd日hh:
mm:
ss);
任务四:
设计用户注册界面,知识点:
掌握各种验证控件的使用RequiredFieldValidatorCompareValidatorRangeValidatorRegularExpressionValidatorValidationSummaryCustomValidator,RequiredFieldValidator,必填验证控件:
用来确保用户输入,使的输入控件成为强制字段。
重要属性:
ControlToValidate:
指定关联控件ErrorMessage:
当关联控件为空时提示信息的内容Display:
验证控件的显示方式,三种显示方式(书上有误)Static:
即使没有可见错误信息文本,每个验证控件也将占用空间,允许你为页定义固定的布局Dynamic:
除非显示错误信息,否则验证控件将不会占用空间,这允许控件共用同一个位置(例如表的单元格)。
但在显示错误信息时,页的布局将会更改,有时将导致控件更改位置。
None:
不显示,CompareValidator,比较验证控件:
该控件将一个窗体字段中输入的值与一个常量或另一个控件中输入的值进行比较,并验证值的类型。
指定关联控件ControlToCompare:
指定和关联控件比较的控件Operator:
指定比较的方式,共有7中方式,如“大于”、“等于”等。
Type:
用于比较的值的数据类型(string,integer,double,date,currency),RangeValidator,范围验证控件:
用于验证用户输入的值是否在设定的范围之内。
可以检查数字,字符,时间类型的数据。
属性:
MaximumValue:
指定范围的最大值MinimumValue:
指定范围的最小值Type:
用于比较的值的数据类型(string,integer,double,date,currency)本任务须将RangeValidator对象的Type属性设置为Integer,RegularExpressionValidator,正则表达式验证控件:
用来验证用户输入的值是否符合一定的格式,而这个格式是由设定的正则表达式(RegularExpression)来确定的。
常用来验证电子邮件地址,电话号码,身份证号等等。
书写规则:
普通字符转义字符字符集合数量限定符位置限定符重要属性:
ValidationExpression:
用于确定有效性的正则表达式。
ValidationSummary,验证摘要控件:
用来显示Web页面上所有验证控件的错误信息,其本身并不具有验证功能,只是用来汇总、显示所有的错误信息。
DisplayMode:
错误摘要输出时的显示方式,有列表,项目符号和单一段落ShowMessageBox:
是否使用弹出式显示方式,默认为false。
HeaderText:
错误摘要输出时的标题ShowSummary:
是否显示错误摘要,默认值true在使用ValidationSummary控件时,我们可以将各个单个的验证控件的Display设置为None,这样就可以只看到ValidationSummary中显示的错误信息。
CustomValidator,自定义验证控件:
用来验证数据是否符合用户自己定义的验证规则。
可以采用客户端验证和服务器端验证(我们这里只采用服务器端验证)重要属性:
IsValid:
是否通过验证,通过值为true,否则值为falseControlToValidate:
指定关联控件事件:
ServerValidate:
自定义控件验证事件,当验证在服务器发生后执行相应的事件处理代码,protectedvoidCustomValidator1_ServerValidate(objectsource,ServerValidateEventArgsargs)/利用args参数获取在验证关联控件中输入的身份证号stringstrid=Convert.ToString(args.Value);
/获取身份证倒数第二位stringd=strid.Substring(16,1);
intnum=Convert.ToInt16(d);
if(drpsex.Text=男)args.IsValid=(num%2)=0?
false:
true;
elseargs.IsValid=(num%2)=0?
true:
false;
任务五:
设计页面Banner,知识点:
Web用户控件学习建立Web用户控件的方法学习为Web用户控件添加新的属性学习为Web用户控件添加新的方法Panel控件学习使用容器控件(Panel)了解如何在容器控件(Panel)动态添加控件,使用Web用户控件的好处,便于其他Web页引用便于统一修改,定义Web用户控件的步骤,创建Web用户控件文件,文件创建成功会自动生成窗体向窗体中添加Web服务器控件,并根据需要设置控件属性为Web用户控件定义属性为Web用户控件定义方法为Web用户控件定义新的事件,第一步:
创建Web用户控件文件,文件创建成功会自动生成窗体,第二步:
向窗体中添加Web服务器控件,并根据需要设置控件属性,添加div和Table用于布局添加Image、Label和DropDownList对象,并设置相应的属性,第三步:
为Web用户控件定义属性,publicstringEngLanguagegetreturnDropDownList1.SelectedValue;
publicstringChnLanguagegetreturnDropDownList1.SelectedItem.Text;
publicstringTitlegetreturnLabel1.Text;
第四步:
为Web用户控件定义方法,publicvoidAddLanguage(stringEngLanguage,stringChnLanguage)ListItemitem=newListItem();
item.Text=EngLanguage;
item.Value=ChnLanguage;
DropDownList1.Items.Add(item);
publicvoidSetTitle(stringTitle)Label1.Text=Title;
Web用户控件与Web页面的关系,用户控件与ASP.NET网页有以下区别:
用户控件的文件扩展名为.ascx。
用户控件中没有Page指令,而是包含Control指令,该指令对配置及其他属性进行定义。
用户控件不能作为独立文件运行。
而必须像处理任何控件一样,将它们添加到ASP.NET页中。
用户控件中没有html、body或form元素。
Panel控件:
Panel服务器控件在Web窗体页内提供了一种容器控件,您可以将它用作静态文本和其他控件的父级其他用途:
对控件和标记进行分组动态生成的控件的容器页上的自定义区域使用Panel控件在页上创建具有自定义外观和行为的区域,如下所示:
添加滚动条如果设置了Height和Width属性将Panel控件约束到特定大小,则可通过设置ScrollBa