《[精选]ASPNET__3服务器端控件(1)5579.pptx》由会员分享，可在线阅读，更多相关《[精选]ASPNET__3服务器端控件(1)5579.pptx（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、WEB应用程序设计应用程序设计(ASP.NET)安徽机电职业技术学院信息工程系安徽机电职业技术学院信息工程系汪汪 学学 文文wxwAspDotN2013年年3月月课程网站：课程网站：课程网站：课程网站：http:/http:/第第3课课 ASP.NET服务器端控件服务器端控件q本课要点：本课要点：了解和使用各种服务器控件了解和使用各种服务器控件使用文本框、列表框等标准控件输入数据使用文本框、列表框等标准控件输入数据使用验证控件确保输入数据的正确性使用验证控件确保输入数据的正确性使用文件上传控件、日历控件等使用文件上传控件、日历控件等RichRich控件控件了解导航控件和用户控件的使用了解导航控
2、件和用户控件的使用q本课示例请参见课件文件夹下本课示例请参见课件文件夹下AspDotNetLesson3_1文件夹，虚拟目录配置文件夹，虚拟目录配置为为AspDotNetLesson3_123.1 服务器端控件概述服务器端控件概述qWebWeb窗体是一个窗口类对象，由代码、标记、正文文本窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。和服务器控件组成。q在在ASP.NETASP.NET页面元素中，除页面元素中，除HtmlHtml标记外，所有控件实际标记外，所有控件实际上是在服务器端运行的。上是在服务器端运行的。q所有服务器控件都必须放在所有服务器控件都必须放在与与标记之间。标记之
3、间。q所有服务器控件都必须使用所有服务器控件都必须使用runat=“server”runat=“server”属性。属性。3什么是控件？什么是控件？q不仅仅是页面上的表不仅仅是页面上的表单元素。单元素。qASP.NETASP.NET是想将页面是想将页面上所有的内容都用控上所有的内容都用控件表示。件表示。4控件的声明控件的声明q声明控件的第声明控件的第1 1种方法种方法asp:Label id=message Text=runat=server/asp:Button id=enter Text=runat=server/q声明控件的第声明控件的第2 2种方法种方法欢迎大家欢迎大家asp:Butt
4、on id=enter Text=runat=server 5控件的分类控件的分类q控件的类型控件的类型HTMLHTML服务器控件服务器控件WebWeb服务器控件服务器控件qASP.NET 2.0ASP.NET 2.0提供了丰富的提供了丰富的WebWeb服务器控件：服务器控件：标准控件标准控件ListList控件控件(列表控件列表控件)验证控件验证控件RichRich控件控件(高级控件高级控件)导航控件导航控件登录控件等等登录控件等等63.2 HTML服务器端控件服务器端控件 q这一类控件是主要是为了保留原来的这一类控件是主要是为了保留原来的HTMLHTML元素标记。元素标记。一般和原来的一般
5、和原来的HTMLHTML标记一一对应，只是增加了标记一一对应，只是增加了runat=“server”runat=“server”。73.3 标准控件标准控件q标准控件几乎是每个标准控件几乎是每个ASP.NETASP.NET应用程序都要用到的。主应用程序都要用到的。主要包括：要包括：显示信息的显示信息的LabelLabel和和LiteralLiteral控件控件接受用户输入的接受用户输入的TextBoxTextBox、CheckBoxCheckBox、RadioButtonRadioButton控件控件提交表单数据的提交表单数据的ButtonButton、LinkButtonLinkButton
6、和和ImageButtonImageButton控件控件显示图像的显示图像的ImageImage和和ImageMapImageMap控件控件其它控件其它控件(Panel(Panel控件和控件和HyperLinkHyperLink控件控件)83.3.1 Label控件和控件和Literal控件控件q如果需要动态地修改显示在页面中的文本，可以使用如果需要动态地修改显示在页面中的文本，可以使用LabelLabel控件。控件。qLabelLabel控件的内容会由服务器端转译成控件的内容会由服务器端转译成标签。标签。protected void Page_Load(object sender,Event
7、Args e)/显示时间显示时间 lblTime.Text=DateTime.Now.ToString(T);ShowLabel.aspx9Label控件控件qLabelLabel控件的格式化属性控件的格式化属性BackColorBackColor：背景色：背景色BorderColorBorderColor：边框色：边框色BorderStyleBorderStyle：边框样式：边框样式BorderWidthBorderWidth：边框宽度：边框宽度CssClassCssClass：关联的：关联的CSSCSS类类FontFont：字体：字体ForeColoeForeColoe：前景色：前景色To
8、olTipToolTip：工具提示：工具提示q一般建议：避免使用格式属性，一般建议：避免使用格式属性，而使用而使用CSSCSS来格式化来格式化LabelLabel控控件的输出内容。件的输出内容。ShowLabel.aspx .labelstyle color:red;background-color:yellow;border:Solid 2px Red;10AssociatedControlID 属性属性qLabel控件的控件的AssociatedControlID属性的作用：一是方属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点击便读屏器等程序正确地识别标签和表单，二是当点击
9、标签时，自动把表单焦点设置为相应的表单输入框。标签时，自动把表单焦点设置为相应的表单输入框。11Literal控件控件qLiteralLiteral控件类似于控件类似于LabelLabel控件，区别在于，控件，区别在于，LiteralLiteral控件在转控件在转译时不产生译时不产生标记，因此，它没有格式化属性。标记，因此，它没有格式化属性。使用使用Literal控件修改浏览器标题控件修改浏览器标题ShowLabel.aspx123.3.2 接收用户输入接收用户输入q主要使用主要使用TextBox、CheckBox、RadioButton等控件来等控件来接收用户输入，对应于接收用户输入，对应于
10、Html的的标签。标签。qTextBox控件控件TextMode:Single|Multiline|PasswordText:显示的文字显示的文字MaxLength:整数，表示输入的最大的字符数整数，表示输入的最大的字符数Rows:整数，当为多行文本时的行数整数，当为多行文本时的行数Columns 整数，当为多行文本时的列数整数，当为多行文本时的列数Wrap:True|False，表示是否允许换行，默认为，表示是否允许换行，默认为TrueAutoPostBack:True|False OnTextChanged:当文字改变时触发的事件过程当文字改变时触发的事件过程13TextBox示例示例Sh
11、owTextBox.aspx14CheckBox控件控件q主要属性：主要属性：Text:Text:控件上显示的文字控件上显示的文字TextAlignTextAlign：对齐方式：对齐方式Checked:Checked:是否选中是否选中AutoPostBack:AutoPostBack:是否自动回传是否自动回传q主要方法：主要方法：FocusFocus：设为本控件为输入焦点：设为本控件为输入焦点q主要事件：主要事件：CheckedChangedCheckedChanged：选中或取消选中时，在服务器端引发：选中或取消选中时，在服务器端引发q多个多个CheckBoxCheckBox时，建议使用时，
12、建议使用CheckBoxListCheckBoxList控件控件15RadioButton控件控件q主要属性：主要属性：Text:Text:控件上显示的文字控件上显示的文字TextAlign:TextAlign:对齐方式对齐方式Checked:Checked:是否选中是否选中GroupName:GroupName:同一页面的单选钮要分组时，同一组的单选钮要同一页面的单选钮要分组时，同一组的单选钮要使用同一个组名使用同一个组名AutoPostBack:AutoPostBack:是否回传是否回传q主要方法：主要方法：FocusFocus：设为本控件为输入焦点：设为本控件为输入焦点q主要事件：主要事
13、件：CheckedChangedCheckedChanged：选中或取消选中时，在服务器端引发：选中或取消选中时，在服务器端引发q多个单选钮时，建议使用多个单选钮时，建议使用RadioButtonListRadioButtonList控件控件16CheckBox与与RadioButton示例示例ShowCheckBox.aspx17CheckBox与与RadioButton示例示例 protected void btnSubmit_Click(object sender,EventArgs e)lblResult.Text=您的选择如下：您的选择如下：;/判断复选框是否选中判断复选框是否选中i
14、f(chkNewsletter.Checked)lblResult.Text+=愿意接收邮件列表愿意接收邮件列表;else lblResult.Text+=不愿意接收邮件列表不愿意接收邮件列表;/判断单选钮哪个选中判断单选钮哪个选中string s=null;if(rbMagazine.Checked)s=rbMagazine.Text;if(rbTV.Checked)s=rbTV.Text;if(rbOther.Checked)s=rbOther.Text;lblResult.Text+=您是从您是从+s+获悉我们的网站获悉我们的网站;ShowCheckBox.aspx.cs183.3.3
15、提交表单数据提交表单数据qButton,LinkButton,ImageButtonButton,LinkButton,ImageButton控件用于向服务器控件用于向服务器提交表单数据。这提交表单数据。这3 3个控件具有相同的功能，却具有不个控件具有相同的功能，却具有不同的外观。同的外观。Button控件生成普通的按钮，产生控件生成普通的按钮，产生的的Html输出为输出为LinkButton控件生成一个链接，控件生成一个链接，使用使用JavaScript把表单传回服务器：把表单传回服务器：提交提交ImageButton控件与控件与Button控件类控件类似，只是总是使用图片。似，只是总是使用
16、图片。ShowButton.aspx19执行跨页面传送执行跨页面传送q设置按钮控件的设置按钮控件的PostBackUrlPostBackUrl属性，可以把表单数据提属性，可以把表单数据提交到其它页面。交到其它页面。ShowButton.aspxButtonSearchResults.aspx20使用使用PreviousPage属性获取前一网页信息属性获取前一网页信息 protected void Page_Load(object sender,EventArgs e)if(PreviousPage!=null)TextBox tbName=(TextBox)PreviousPage.FindC
17、ontrol(tbName);lblSearch.Text=姓名：姓名：+tbName.Text;21指定默认按钮指定默认按钮q使用使用FormForm控件的控件的DefaultButtonDefaultButton属性来指定表单的默认属性来指定表单的默认按钮，可以按回车键来调用这个按钮。按钮，可以按回车键来调用这个按钮。223.3.4 标准控件综合示例标准控件综合示例Default.aspx23 protected void btnSubmit_Click(object sender,EventArgs e)lblMessage.Text=您输入的个人信息为：您输入的个人信息为：;lblMe
18、ssage.Text+=姓名姓名:+tbName.Text+;if(rbMale.Checked)lblMessage.Text+=性别性别:男男;if(rbFemale.Checked)lblMessage.Text+=性别性别:女女;if(cbTour.Checked)lblMessage.Text+=爱好爱好:旅游旅游;if(cbNetworking.Checked)lblMessage.Text+=爱好爱好:上网上网;if(cbShopping.Checked)lblMessage.Text+=爱好爱好:购物购物;lblMessage.Text+=地址地址:+ddlCity.Selec
19、tedItem.Text+;lblMessage.Text+=简介简介:+tbBrief.Text+;243.3.5 显示图像显示图像qImage控件控件主要属性：主要属性：AlternateText:为图像提供替代文本为图像提供替代文本DescriptionURL：指向详细描述的图像链接：指向详细描述的图像链接GenerateEmptyAlternateText:为为AlternateText设置为空串设置为空串ImageAlign:对齐方式对齐方式ImageURL:指定图片的指定图片的URLShowImage.aspx25Image控件控件 protected void Page_Load
20、(object sender,EventArgs e)Random r=new Random();switch(r.Next(3)case 0:imgRadom.ImageUrl=Picture1.gif;imgRadom.AlternateText=Picture1;break;case 1:imgRadom.ImageUrl=Picture2.gif;imgRadom.AlternateText=Picture2;break;case 2:imgRadom.ImageUrl=Picture3.gif;imgRadom.AlternateText=Picture3;break;26Image
21、Map控件控件qImageMapImageMap控件用于在页面上显示图像，并可以划分控件用于在页面上显示图像，并可以划分“热区热区”。点击图像上不同的区域，可以链接不同的页。点击图像上不同的区域，可以链接不同的页面。面。q也可以把图像映射当成一个奇特的导航条使用。也可以把图像映射当成一个奇特的导航条使用。q注意注意HotSpotModeHotSpotMode属性和属性和HotSpotHotSpot属性的设置。属性的设置。ImageMenu.aspx27 protected void mapMenu_Click(object sender,ImageMapEventArgs e)switch(e
22、.PostBackValue)case ToUpper:tbText.Text=tbText.Text.ToUpper();break;case ToLower:tbText.Text=tbText.Text.ToLower();break;case Erase:tbText.Text=String.Empty;break;283.3.6 Panel控件控件qPanelPanel控件用于处理一组控件用于处理一组ASP.NETASP.NET控件。如隐藏或显示控件。如隐藏或显示一组控件。一组控件。Default2.aspx293.3.6 Panel控件控件q主要属性主要属性DefaultButto
23、n:DefaultButton:指定默认按钮指定默认按钮DirectionDirection：控件显示文本的方向：控件显示文本的方向HorizontalAlignHorizontalAlign：横向对齐方式：横向对齐方式ScrollBarsScrollBars：滚动条显示方式：滚动条显示方式qPlaceHolder(PlaceHolder(占位符占位符)控件与控件与PanelPanel控件类似，主要用控件类似，主要用于编程时，动态添加各种控件。于编程时，动态添加各种控件。303.3.7 HyperLink控件控件qHyperLinkHyperLink控件用于创建超链接。控件用于创建超链接。q主
24、要属性：主要属性：Enable:falseEnable:false时禁用该超链接时禁用该超链接ImageUrl:ImageUrl:为超链接指定图片为超链接指定图片NavigateUrl:NavigateUrl:要打开页面的要打开页面的UrlUrlTargetTarget：打开链接的位置，如：打开链接的位置，如_blank_blank表示在新窗口打开表示在新窗口打开Text:Text:超链接上显示的文本超链接上显示的文本ShowHyperLink.aspx31 protected void Page_Load(object sender,EventArgs e)lnkRandom.Text=Ge
25、tRandomFile();lnkRandom.NavigateUrl=GetRandomFile();/获取本网站内的随机网页文件获取本网站内的随机网页文件 string GetRandomFile()string files=Directory.GetFiles(MapPath(Request.ApplicationPath),*.aspx);Random rnd=new Random();string rndFile=filesrnd.Next(files.Length);return Path.GetFileName(rndFile);32作业作业3q上机熟悉使用上机熟悉使用Visua
26、l Studio.NET 2010Visual Studio.NET 2010集成环境开发集成环境开发ASP.NETASP.NET应用程序。应用程序。q上机熟悉上机熟悉WebWeb服务器控件中标准控件的使用方法。服务器控件中标准控件的使用方法。q利用利用WebWeb服务器端标准控件，设计一个个人信息登记网服务器端标准控件，设计一个个人信息登记网页或注册网页。页或注册网页。q完成实验完成实验3 3实验报告。实验报告。33q9 9、静夜四无邻，荒居旧业贫。、静夜四无邻，荒居旧业贫。3 3月月-23-233 3月月-23-23Friday,March 31,2023Friday,March 31,2
27、023q1010、雨中黄叶树，灯下白头人。、雨中黄叶树，灯下白头人。03:53:1603:53:1603:53:1603:53:1603:5303:533/31/2023 3:53:16 AM3/31/2023 3:53:16 AMq1111、以我独沈久，愧君相见频。、以我独沈久，愧君相见频。3 3月月-23-2303:53:1603:53:1603:5303:53Mar-23Mar-2331-Mar-2331-Mar-23q1212、故人江海别，几度隔山川。、故人江海别，几度隔山川。03:53:1603:53:1603:53:1603:53:1603:5303:53Friday,March
28、31,2023Friday,March 31,2023q1313、乍见翻疑梦，相悲各问年。、乍见翻疑梦，相悲各问年。3 3月月-23-233 3月月-23-2303:53:1603:53:1603:53:1603:53:16March 31,2023March 31,2023q1414、他乡生白发，旧国见青山。、他乡生白发，旧国见青山。31 31 三月三月 2023 20233:53:16 3:53:16 上午上午03:53:1603:53:163 3月月-23-23q1515、比不了得就不比，得不到的就不要。、比不了得就不比，得不到的就不要。三月三月 23 233:53 3:53 上午上午3
29、 3月月-23-2303:5303:53March 31,2023March 31,2023q1616、行动出成果，工作出财富。、行动出成果，工作出财富。2023/3/31 3:53:162023/3/31 3:53:1603:53:1603:53:1631 March 202331 March 2023q1717、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。3:53:16 3:53:16 上午上午3:53 3:53 上午上午03:53:1603:53:163 3月月-23-23q9 9、没有失败，只有暂
30、时停止成功！。、没有失败，只有暂时停止成功！。3 3月月-23-233 3月月-23-23Friday,March 31,2023Friday,March 31,2023q1010、很多事情努力了未必有结果，但是不努力却什么改变也没有。、很多事情努力了未必有结果，但是不努力却什么改变也没有。03:53:1603:53:1603:53:1603:53:1603:5303:533/31/2023 3:53:16 AM3/31/2023 3:53:16 AMq1111、成功就是日复一日那一点点小小努力的积累。、成功就是日复一日那一点点小小努力的积累。3 3月月-23-2303:53:1603:53:
31、1603:5303:53Mar-23Mar-2331-Mar-2331-Mar-23q1212、世间成事，不求其绝对圆满，留一份不足，可得无限完美。、世间成事，不求其绝对圆满，留一份不足，可得无限完美。03:53:1603:53:1603:53:1603:53:1603:5303:53Friday,March 31,2023Friday,March 31,2023q1313、不知香积寺，数里入云峰。、不知香积寺，数里入云峰。3 3月月-23-233 3月月-23-2303:53:1603:53:1603:53:1603:53:16March 31,2023March 31,2023q1414、
32、意志坚强的人能把世界放在手中像泥块一样任意揉捏。、意志坚强的人能把世界放在手中像泥块一样任意揉捏。31 31 三月三月 2023 20233:53:16 3:53:16 上午上午03:53:1603:53:163 3月月-23-23q1515、楚塞三湘接，荆门九派通。、楚塞三湘接，荆门九派通。三月三月 23 233:53 3:53 上午上午3 3月月-23-2303:5303:53March 31,2023March 31,2023q1616、少年十五二十时，步行夺得胡马骑。、少年十五二十时，步行夺得胡马骑。2023/3/31 3:53:172023/3/31 3:53:1703:53:170
33、3:53:1731 March 202331 March 2023q1717、空山新雨后，天气晚来秋。、空山新雨后，天气晚来秋。3:53:17 3:53:17 上午上午3:53 3:53 上午上午03:53:1703:53:173 3月月-23-23q9 9、杨柳散和风，青山澹吾虑。、杨柳散和风，青山澹吾虑。3 3月月-23-233 3月月-23-23Friday,March 31,2023Friday,March 31,2023q1010、阅读一切好书如同和过去最杰出的人谈话。、阅读一切好书如同和过去最杰出的人谈话。03:53:1703:53:1703:53:1703:53:1703:530
34、3:533/31/2023 3:53:17 AM3/31/2023 3:53:17 AMq1111、越是没有本领的就越加自命不凡。、越是没有本领的就越加自命不凡。3 3月月-23-2303:53:1703:53:1703:5303:53Mar-23Mar-2331-Mar-2331-Mar-23q1212、越是无能的人，越喜欢挑剔别人的错儿。、越是无能的人，越喜欢挑剔别人的错儿。03:53:1703:53:1703:53:1703:53:1703:5303:53Friday,March 31,2023Friday,March 31,2023q1313、知人者智，自知者明。胜人者有力，自胜者强。
35、、知人者智，自知者明。胜人者有力，自胜者强。3 3月月-23-233 3月月-23-2303:53:1703:53:1703:53:1703:53:17March 31,2023March 31,2023q1414、意志坚强的人能把世界放在手中像泥块一样任意揉捏。、意志坚强的人能把世界放在手中像泥块一样任意揉捏。31 31 三月三月 2023 20233:53:17 3:53:17 上午上午03:53:1703:53:173 3月月-23-23q1515、最具挑战性的挑战莫过于提升自我。、最具挑战性的挑战莫过于提升自我。三月三月 23 233:53 3:53 上午上午3 3月月-23-2303
36、:5303:53March 31,2023March 31,2023q1616、业余生活要有意义，不要越轨。、业余生活要有意义，不要越轨。2023/3/31 3:53:172023/3/31 3:53:1703:53:1703:53:1731 March 202331 March 2023q1717、一个人即使已登上顶峰，也仍要自强不息。、一个人即使已登上顶峰，也仍要自强不息。3:53:17 3:53:17 上午上午3:53 3:53 上午上午03:53:1703:53:173 3月月-23-23MOMODA POWERPOINTLorem ipsum dolor sit amet,consectetur adipiscing elit.Fusce id urna blandit,eleifend nulla ac,fringilla purus.Nulla iaculis tempor felis ut cursus.感感 谢谢 您您 的的 下下 载载 观观 看看专家告诉