资源预览内容
第1页 / 共23页
第2页 / 共23页
第3页 / 共23页
第4页 / 共23页
第5页 / 共23页
第6页 / 共23页
第7页 / 共23页
第8页 / 共23页
第9页 / 共23页
第10页 / 共23页
亲,该文档总共23页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
单元1:搭建Web开发环境,任务3:搭建Web开发环境(3),WEB 应 用 开 发,主要内容,学习目标,知识目标: 了解ASP.NET Web窗体构成 掌握ASP.NET窗体页面模型 理解ASP.NET窗体的运行机制及生命周期 掌握Page对象的事件及属性 掌握Page指令的作用及属性 能力目标: 能够完成动态页面的制作,技术应用的背景,ASP.NET网页,也称ASP.NET Web窗体(Web Form),是基于.NET通用运行环境的编程模型,用于为Web应用程序创建用户界面。 根据页面的运行机制,能够创建页面并编写后台代码调试运行。,任务描述:创建Web网站,完成页面的制作,实现在页面打开时动态显示系统时间,页面效果如图:,一、学习任务 创建页面动态显示系统时间,1.Web窗体的概念 ASP.NET网页,也称ASP.NET Web窗体(Web Form),是基于.NET通用运行环境的编程模型,用于为Web应用程序创建用户界面。 Web 窗体是一项 ASP.NET 功能,可以使用它为 Web 应用程序创建用户界面 Web 窗体还提供了一个丰富的控件集,使用支持 .NET 的语言(如 Visual Basic .NET 和 Visual C# 等)可对这些控件编程 通过使用Web 窗体上的各种服务器控件,可在 ASP.NET 网站上检索和更新信息,二、基本知识与技术ASP.NET Web窗体的概念,2.ASP.NET Web窗体的模型 ASP.NET的Web窗体模型由两部分组成: 页的显示逻辑(或称用户界面UI、可视化组件、可视元素); 页的业务逻辑(或称编程逻辑、代码)。,二、基本知识与技术ASP.NET Web窗体的模型,2.ASP.NET Web窗体的模型 Web 窗体的扩展名为 .aspx Web 窗体将 Web 应用程序分为两部分: 可视化组件 用户界面编码逻辑 Web 窗体中包括代码声明块 包含 HTML 控件和服务器 控件 Web 窗体有各种指令来控制编译过程,二、基本知识与技术ASP.NET Web窗体的模型,3.ASP.NET网页的代码模型 (1)单文件页模型 在单文件页模型中,页的标记及其编程代码位于同一个.aspx文件中。编程代码位于块中,该块包含runat=“server”属性,此属性将其标记为在服务器上执行的代码。 (2)代码隐藏页模型 在代码隐藏页模型中,页的标记(显示逻辑)位于.aspx文件中,编程代码(业务逻辑)位于.aspx.cs(对于C#)文件中。如图2-3所示,是在解决方案资源管理器中看到的,新建网站时默认创建的文件结构Default.aspx和Default.aspx.cs代码隐藏页模型。,二、基本知识与技术ASP.NET网页的代码模型,一个往返周期,Web 窗体,浏览器,信息发送给服务器,已处理,信息回送至浏览器,往返周期,已重新创建页面,删除页面信息,二、基本知识与技术ASP.NET页的生命周期,4.ASP.NET页的生命周期,初始化页面,阶段,引发的事件,Page_Init,加载页面,验证,事件处理,页面卸载,Page_Load,Validate,Form event handler,Page_Unload,页面显示之前,Page_PreRender,在页面处理的某些特定阶段,页面会自动触发一些事件。而与服务器控件相关联的其他事件则在服务器端触发并得到处理,二、基本知识与技术ASP.NET页的生命周期,4.Page对象 是页面类的实例,表示客户机请求的页面 用于表示一个.aspx文件,也称为Web 窗体页 每个页面都派生自Page类,并继承这个类公开的所有方法和属性 Page类的成员位于System.Web.UI命名空间中 Page对象的常用事件,二、基本知识与技术Page对象,4.Page对象Page_Load 事件 在加载页面时会触发 Page_Load 事件 ASP.NET 将自动调用 Page_Load 子程序,并执行其中的代码,private void Page_Load(object sender, System.EventArgs e) lblTime.Text = System.DateTime.Now.ToString() ,从此处调用 Page_Load 事件,只要加载页面,就会执行 Page_Load 事件内的代码,二、基本知识与技术Page对象,4.Page对象常用属性IsPostBack属性 IsPostBack属性:用了获取一个逻辑值,该值指示当前页面是否正为响应客户端回发而加载,或者它是否正在被首次加载和访问。 取值: True:表示页面是为响应客户端回发而加载 False:表示页面是首次加载,二、基本知识与技术Page对象_常用属性IsPostBack属性,15,private void Page_Load(object sender, System.EventArgs e) if ( !Page.IsPostBack) lblTime.Text = System.DateTime.Now.ToString(); private void btnSubmit_Click(object sender, System.EventArgs e) lblMessage.Text=“请确定您填写的信息:“+ txtName.Text+“ “+txtAge.Text+“ “+txtHabbit.Text; ,Page_Load 事件,如果页面为首次加载,则Page.IsPostBack 属性的值是 False,并显示日期和时间,单击“提交”按钮后,日期和时间都将保持不变,二、基本知识与技术Page对象_常用属性IsPostBack属性,5.页面指令_page指令,二、基本知识与技术页面指令_page指令, Page指令定义了 ASP.NET 页解析器和编译器使用的特定于页面的属性 它用于在处理和编译某页面时配置与此页面相关的属性 每个 ASPX 页只能有一个 Page 指令 Page 指令的语法如下:,二、基本知识与技术页面指令_page指令, Page 指令的属性 2-1,指定在编译时和页面的代码 声明块中使用的语言,指示能否自动处理页面的事件,指示是否启用了跟踪,指定编译的文件名称,此文件 含有与此页面关联的类,指定由页面继承的代码隐藏类,二、基本知识与技术页面指令_page指令属性,Language:指定页中所有内联(和和代码声明块进行编译时使用的语言,每页只能使用和指定一种语言,但一个工程中可以使用多种语言 AutoEventWrieup:设置页面的事件是否自动绑定,默认为true. Trace:设置是否启用跟踪,默认为false. CodeFile:指定页引用的代码隐藏类(源)文件的路径。 同时使用 Inherits 属性指定该类的完全限定名称。(即类名) 使用这两个属性可以将代码隐藏源文件和网页相关联。,二、基本知识与技术页面指令_page指令属性, Page 指令的其他属性包括,属性,二、基本知识与技术页面指令_page指令属性,三、任务的实施,第一步:文件新建网站设置网站保存的信息 第二步:添加新项,选择Web窗体,修改文件名称,确定 第三步:在页面视图上添加文字及Label控件 第三步:双击.cs文件,进入后台代码编辑,编辑代码,如下: 第四步:页面文件设计视图右键“在浏览器中浏览”,public partial class 显示系统时间 : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) Label1.Text = DateTime.Now.ToString(); ,子任务3:Page运行机制,四、小结,本次课主要介绍了ASP.NET窗体的概念及构成,介绍了ASP.NET窗体的页面模型,说明了ASP.NET窗体的运行原理及生命周期,介绍了Page对象及Page对象的属性及事件,介绍了页面指令中的Page指令,要求掌握页面的运行机制,掌握Page对象及使用方法,能够完成页面的制作。,本次学习的内容主要能够创建一个的Web页面,五、作业,创建一个动态页面,实现动态显示“欢迎你进入网页”的文字。,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号