教学与管理平台.ppt
《教学与管理平台.ppt》由会员分享,可在线阅读,更多相关《教学与管理平台.ppt(256页珍藏版)》请在三一办公上搜索。
1、ASP.NET技术及应用,本章主要介绍ASP.NET技术的相关知识:(1)了解ASP.NET相关概念;(2)掌握配置ASP.NET运行环境的方法;(3)熟练使用ASP.NET服务器控件;(4)掌握ASP.NET内置对象的使用方法;,ASP.NET是.NET技术框架下的一个核心组成部分。.NET就是Microsoft的XML Web服务平台。.NET的最终目标就是让用户在任何地方、任何时间以及使用任何设备都可以访问所需的信息、文件和程序。用户不需要知道这些信息、文件和程序存放在何地,只需要简单地发出请求并接收执行结果,其中的复杂计算和操作都由.NET平台控制并隐蔽起来。,1.1 ASP.NET概
2、述,一、.NET框架Microsoft推出的.NET平台不同于以往的编程语言,它架设了一个开发VB.NET、C#、ASP.NET等应用程序的总框架。在.NET框架中主要包括三部分。1通用语言运行环境(Common Language Runtime,CLR)公共语言运行环境(CLR)是.NET框架的运行环境,负责运行和维护用户编写的程序代码。2基础类库(Base Class Library).NET框架为开发人员提供了一个统一、面向对象、层次化、可扩展的类库集(API)。,1.1 ASP.NET概述,3ASP.NET,Windows Forms等应用环境ASP.NET、Windows Forms
3、都是.NET框架中顶层应用,在ASP.NET中支持VB.NET、C#、Jscript等程序语言类库。,1.1 ASP.NET概述,二、ASP.NET简介 ASP.NET是ASP的升级版,它重新改造了ASP,并融入Microsoft.NET框架之中。用户可以使用.NET平台支持的程序语言(如VB.NET、C#等)来开发ASP.NET程序。在应用程序的开发中,ASP.NET提供了一系列控件,用来构建类似图形用户界面的Web程序。ASP.NET的开发环境有两个特点:,1.1 ASP.NET概述,(1)拥有与Winodows环境相似的Web控件,如Button、Label等。这些控件都有各自的属性、方
4、法和事件,可以利用程序码来设定这些控件的属性。在Web运行环境中,.NET平台会自动处理这些控件的所有细节,.NET平台会先处理控件在画面(Web Form)上产生的HTML标签,然后再把处理结果发送到浏览器中。(2)与传统的开发方式相比,ASP.NET可以采用事件驱动或用户图形接口(GUI)的方式进行开发。NET平台将内建控件与现有的网页技术(如JavaScript)结合起来,拓宽了Web应用范围和能力。,1.1 ASP.NET概述,三、ASP.NET运行环境要正确运行ASP.NET,需要在计算机上安装如下软件:(1)IIS 5.x(Internet信息服务管理器5.0)或更高版本。(2).
5、NET Framework2(.NET框架)。如果安装了Microsoft Visual Studio 2005,包括上面两个组件的所有服务器环境都由系统自动配置。,1.2 服务器控件,在HTML页面上包括了两个基本内容:网页元素(俗称网页标签)和超连接,网页元素是网页结构和交互的重要对象。在ASP.NET中,服务器控件就是在服务器端执行的控件。具体来说,就是服务器控件被执行时,首先在服务器端被编译,然后将编译得到的HTML代码一次性发送到客户端浏览器中,展现在浏览器中的是HTML各种标签。ASP.NET服务器控件可以分为两大类:HTML服务器控件和Web服务器控件。,1.2 服务器控件,1H
6、TML服务器控件HTML服务器控件实际上就是HTML网页元素的可编程版本,基本上与HTML元素保持着对应关系,这些网页元素包含了很多能够在服务器上显示并可被调用的公共属性。将普通的HTML元素转换为HTML服务器控件方法比较简单,可以通过两步实现转换:(1)在普通HTML元素中添加Runat=Server属性,表示该元素在服务器端执行。(2)设置ID属性,标识服务器控件的身份,方便编程引用。,1.2 服务器控件,例如,HTML网页元素语法:转换为服务器控件语法为:转换之后普通HTML网页元素的相关属性、事件和方法等将全部映射到HTML服务器控件中,通过编程就可在页面处理过程中引用并控制该HTM
7、L服务器控件了。,1.2 服务器控件,2Web服务器控件Web服务器控件是.NET针对Web编程开发的另一套全新解决方案,它具有更强大的功能,完全与编程进行融合。该控件组并不一一对应HTML元素,而且属性与HTML元素的属性也不尽相同。Web服务器控件包括传统意义上的表单控件(如按钮、文本框、单选按钮、复选框、下拉列表框等)和数据表等复杂控件,还包括提供在网格中显示数据、选择日期等常用窗体功能的控件。此外,用户还可以定义自己的控件。,1.2 服务器控件,在设计时,显示在页面上的Web服务器控件的格式如下:其中asp:前缀表示该控件为Web服务器控件,attributes表示Web服务器控件的各
8、种属性,这些属性不与HTML元素的属性相对应,使用时不要混淆。运行Web窗体页面时,Web服务器控件使用适当的HTML元素呈现在页上,不但取决于浏览器类型,而且与对控件进行的设置有关。,1.2 服务器控件,由于HTML网页元素、HTML服务器控件和Web服务器控件的功能大部分是重合的,可以按照下述原则来选择使用网页元素还是控件:(1)如果仅显示或处理静态内容,使用传统的HTML网页元素即可。(2)当需要将ASP程序转换为ASP.NET程序时,可以使用HTML服务器控件。(3)如果新建ASP.NET程序,建议使用Web服务器控件。,1.2 服务器控件,一、HTML服务器控件HTML服务器控件本质
9、上是由System.Web.UI.HtmlControls类继承而来的,整个控件组在System.Object类中的位置关系如右图所示。,1.2 服务器控件,HTML服务器控件和普通的HTML网页元素在显示和使用上基本一致。它们之间也存在直接的对应关系,其对应关系如下表所示。,1.2 服务器控件,1HtmlAnchor控件HtmlAnchor控件对应HTML语言中的标签,用于定义超链接。示例2HtmIImage控件Htmllmage控件对应HTML的标签,用于在页面中插入图像,其语法格式如下:HtmIImage控件分别指定了图像的文件的地址、宽、高等属性。,1.2 服务器控件,3HtmlFor
10、m控件HtmlForm控件是一个容器控件,用来放置其他表单控件,对应HTML语言中的标签,其语法如下:.如果要在页面内添加向服务器提交的表单,就必须使用HtmlForm控件。,1.2 服务器控件,4HtmIInputext控件HtmlInputext控件是一个文本或密码输入控件,对应HTML语言中的和标签,其语法如下:在HtmlInputext控件中使用type=text,表示文本输入框;使用type=password,表示密码输入框。Maxlength属性表示文本框最大输入字符数,size表示文本框显示字符宽度,Value属性表示在文本框中的显示文字,用于事先设置默认显示信息。,1.2 服务
11、器控件,5HtmlTextArea控件HtmlTextArea控件可以用来输入多行文本,对应HTML语言中的标签,其语法如下:在HtmlInputext控件中,cols和rows分别表示列数和行数,单位为字符。,1.2 服务器控件,6HtmlInputHidden控件HtmlInputHidden控件是一个隐藏控件,对应HTML语言中的标签。该控件在页面中不显示,主要用于参数信息传递。其语法如下:在HtmlInputHidden控件中,可以传递的值都放置在value属性中。,1.2 服务器控件,7HtmlInputRadioButton控件HtmlInputRadioButton控件是一个单选
12、按钮控件,对应HTML语言中的标签,在页面中显示为一个单选按钮,其语法如下:在HtmlInputRadioButton控件中,value表示单选按钮要传递的值。一般常把多个单选按钮放置在一起编成一组,需要设置相同的name属性。checked=checked属性表示单选按钮为可选状态。,1.2 服务器控件,8HtmlInputCheckBox控件HtmlInputCheckBox控件是一个复选框控件,对应HTML语言中的标签,在页面中显示为一个复选框按钮,其语法如下:在HtmlInputCheckBox控件中,value表示复选框要传递的值。一般可以把多个复选框放置在一起,组成一个多项选择组。
13、checked=checked属性表示复选框为可选状态。,1.2 服务器控件,9HtmlInputButton控件HtmlInputButton控件是一个按钮控件,对应HTML语言中的和标签。在页面中显示为一个按钮,一般用来提交表单。其语法如下:在HtmlInputButton控件中,type属性可以指定按钮的不同功能;当type属性值为button时,表示一个普通按钮。value表示按钮在页面中显示的文字。按钮的事件属性为onserverclick=,表示单击按钮将触发事件。,1.2 服务器控件,10HtmlSelect控件HtmlSelect控件是一个下拉列表控件,对应HTML语言中的标签
14、,在页面中显示为一个下拉列表框或下拉菜单,其语法如下:选项1 选项2,1.2 服务器控件,在HtmlSelect控件中,size属性设置下拉列表框显示为列表框或者下拉菜单,当size属性值为1时显示为下拉菜单,而当size属性值大于1时显示为列表框。表示一个下拉列表框的一个选项,选项要传递的值通过value属性设置。要获取下拉列表框中选取了哪个选项,可以通过selectName.value来实现。通过为选项添加selected=“selected”属性,可以设置该选项在默认状态下被选取状态。示例,1.2 服务器控件,11HtmlInputFile控件HtmlInputFile控件是一个文件上传
15、控件,对应HTML的标签。其语法如下:HtmlInputFile控件中有几个属性和方法非常重要,它们是HtmllnputFile控件的子类PostedFile的属性或方法:ContentLength获取上载文件的大小;ContentType获取上载文件的类型;FileName获取客户端的路径;SaveAs():将上传文件保存在服务器端指定文件夹中。示例,1.2 服务器控件,示例HtmlAnchor控件使用:Sub Page_Load(ByVal sender As Object,ByVal e As EventArgs)dns.InnerText=天津师范大学 dns.HRef=http:/d
16、ns.Target=_blank End Sub HtmlAnchor控件使用,1.2 服务器控件,表单控件综合应用 Sub Test(ByVal Sender As Object,ByVal E As EventArgs)Dim strMessage As String strMessage=你设置的详细信息如下:获取文本框的值 strMessage=strMessage&用户名&name.Value strMessage=strMessage&密码&password.Value 获取单选按钮组的值 If browser1.Checked Then strMessage=strMessage
17、&浏览器&browser1.Value ElseIf browser2.Checked Then strMessage=strMessage&浏览器&browser2.Value End If 获取复选框的值 If tool1.Checked Then strMessage=strMessage&服务器1&tool1.Value End If If tool2.Checked Then strMessage=strMessage&服务器2&tool2.Value End If If tool3.Checked Then strMessage=strMessage&服务器3&tool3.Valu
18、e End If If tool4.Checked Then strMessage=strMessage&服务器4&tool4.Value End If 获取列表框的值 strMessage=strMessage&使用语言&language.Value 获取多行文本框的值 strMessage=strMessage&说明&intro.Value 显示结果 message.InnerHtml=strMessage End Sub,表单控件综合使用 用户环境设置 用户名:密码:浏览器:IE FF 服务器:ASP JSP PSP ASP.NET 语言:VBScript JavaScript VB.N
19、ET C#Java J#说明:,1.2 服务器控件,文件上传控件使用 Sub Enter(ByVal Sender As Object,ByVal E As EventArgs)Dim name,paths As String name=path.GetFileName(upfile.PostedFile.FileName)paths=d:&name upfile.PostedFile.SaveAs(paths)message.InnerHtml=上传文件的详细信息如下:message.InnerHtml=message.InnerHtml&保存地址:&paths message.InnerH
20、tml=message.InnerHtml&文件名称:&name message.InnerHtml=message.InnerHtml&文件大小:&upfile.PostedFile.ContentLength&字节 message.InnerHtml=message.InnerHtml&文件类型:&upfile.PostedFile.ContentType message.InnerHtml=message.InnerHtml&原文件地址:End Sub 文件上传控件的使用 选择上传的文件:,1.2 服务器控件,二、Web服务器控件Web服务器控件是NET全力打造的新控件组,这套控件表现为
21、功能更强大、设计更合理、使用更方便,几乎涵盖了HTML服务器控件的所有功能。Web服务器控件是由类继承而来。由于所有Web服务器控件都是从WebControls类继承而来,因此它们有很多相同的属性和方法。,1.2 服务器控件,1.2 服务器控件,1Image控件Image控件是一个图像控件,用于在Web页面上显示图像。其中ImageUrl属性用于设置图像文件的地址。示例Web服务器控件的属性与标准HTML元素属性和HTML服务器控件属性差异很大,如ImageUrl属性,HTML语法为src;ImageAlign属性,HTML语法为align。在ImageUrl=/logo.gif属性中,“/”
22、表示站点根目录。,1.2 服务器控件,2HyperLink控件HyperLink控件是一个超链接控件,用于在Web页面上定义超级链接。其中NavigateUrl属性用于设置超链接的地址。示例在Web服务器控件中对HTML超链接标签进行了更改,还可以在HyperLink控件中嵌入图片,这在HTML语法中是需要两个元素配合才能完成的,把上面代码用HTML语法书写则为:,1.2 服务器控件,3Label控件Label控件是一个标签控件,用于在Web页面上显示提示信息。示例在Label控件中主要有一个Text属性,该属性用来显示静态信息,也可以编程控制该属性的值。4Literal控件Literal控件
23、是一个文本控件,用于在Web页面上显示静态文本。其语法如下:Literal控件中Text属性用来设置在页面上显示的静态文本。,1.2 服务器控件,5Table控件Table控件是一个表格控件,用于在Web页面上创建表格,功能与HTML语言中的标签类似。与Table控件相关的控件有TableRow控件和TableCell控件,其中TableRow控件用于创建表格行,TableCell控件用于创建单元格。示例 Table控件与HTML语言中的标签使用方法相同,需要配合TableRow控件和TableCell控件共同构建表格结构。Table控件的属性非常多,与HTML的标签属性非常相似。,1.2 服
24、务器控件,6Panel控件Panel控件是一个容器控件,用于在Web页面上将一组控件作为一个整体进行统一管理,相当于HTML语言中的元素。通过设置Panel控件的Visible属性可以隐藏或显示Panel控件内所有控件。示例 利用Panel控件可以很方便地管理一组控件,并进行外观控制,如背景、边框、对齐、显示隐藏或失效激活等。,1.2 服务器控件,7PlaceHolder控件PlaceHolder控件也是一个容器控件,用于在Web页面上预留一个位置,以便在运行时,动态放置其他控件,相当于一个集合。示例 程序中通过编程动态为PlaceHolder控件添加两个控件,个是文本控件,另一个是按钮控件。
25、使用PlaceHolder控件时,应先声明控件变量,再用Controls子类中的Add方法把新控件添加到PlaceHolder控件实例中。,1.2 服务器控件,8TextBox控件TextBox控件是一个文本框控件,可用来输入单行文本、密码和多行文本。默认情况下为单行文本,设置TextMode属性为Multiline,则表示多行文本框,设置TextMode属性为Password,则表示密码框。通过设置Text属性可以显示默认文本,MaxLength属性可以确定输入最大字符数,Rows和Columns属性可以设置多行文本框的行数和列数,Wrap属性表示是否换行。,1.2 服务器控件,AutoPo
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学 管理 平台

链接地址:https://www.31ppt.com/p-6287635.html