《静态网页设计教程研究报告》由会员分享，可在线阅读，更多相关《静态网页设计教程研究报告（260页珍藏版）》请在金锄头文库上搜索。
1、静态网页设计教程,教学内容,学习情境一：搭建开发环境学习情境二：系统对象与状态管理学习情境三：站点导航控件与母版页学习情境四：搭建系统框架学习情境五：数据绑定与显示学习情境六：数据录入与验证学习情境七：数据更新于编辑学习情境八：常用第三方工具与控件学习情境九：用户控件与HTTPHANDLER学习情境十：网站部署与定制,学习情境一,搭建开发环境,课程地位,本门课程目标,学完本门课程后，你能够：熟练使用VisualStudio开发环境开发ASP.NET应用程序完成常见的数据操作任务运用ASP.NET开发商业站点,课程项目展示,网上书店演示,图书列表,数字水印,课程项目展示,RSS发布新书列表,预习
2、检查,创建ASP.NET页面时，自动生成了哪几个文件？使用ASP.NET做开发，是否一定要安装IIS？,本章任务,初识ASP.NET制作第一个ASP.NET页面显示学员信息列表,本章目标,掌握简单ASP.NET程序的开发步骤掌握ASP.NET控件+事件的开发方式会使用Label、TextBox、Button等简单的控件,B/S概念回顾,B/S与C/S相比各有何优缺点？B/S的典型应用场景有哪些？,ASP.NET的特色与优势4-1,与浏览器无关方便设置断点，易于调试编译后执行，运行效率高丰富的控件库代码后置，逻辑分明,ASP.NET的特色与优势4-2,编译后执行，运行效率高,_,代码,编译,Mi
3、crosoft中间语言（MSIL或IL）,JIT编译器,机器语言,分别编译IL的每一部分,ASP.NET的特色与优势4-3,丰富的控件库内置80多种控件统计表明，采用新控件方式的编码，至少比早期减少70%的代码量,使用纯JavaScript脚本方式编写树形目录需要大量编码而使用TreeView导航控件，无需编写一行代码即可完成,ASP.NET的特色与优势4-4,代码后置，将业务逻辑代码与显示逻辑分开,ASPX页面,页面显示.aspx页面,业务逻辑.cs文件,程序员,页面设计人员,成功案例5-1,因为ASP.NET具有诸多优势，越来越多的企业开始采用ASP.NET技术构建它们的网络应用系统。戴尔
4、电脑当当书店中华英才网微软官方网站.,ASP.NET成功案例5-2,戴尔公司官方网站网站是戴尔电脑直销的最主要渠道之一每天有上千订单通过戴尔网站提交和处理,ASP.NET成功案例5-3,当当网全球最大的中文网上书店提供近百万种商品的在线销售,ASP.NET成功案例5-4,中华英才网网站日均浏览量超过1900万拥有超过1360万个人注册用户拥有超过1250万份有效简历累计超过140万家企业注册会员每天提供超过160万个有效职位,ASP.NET成功案例5-5,微软公司官方网站,小结,列举2-3条ASP.NET的特色和优势。为什么说ASP.NET应用程序运行效率高？,搭建开发环境,安装IIS并配置虚
5、拟目录IIS是基于Windows系统的Web服务器的ASP.NET应用程序的发布是基于IIS服务器的IIS类似JSP中使用的Tomcat，提供了更为强大的功能,视频：IIS安装和配置视频,注意事项,单击“添加/删除Windows组件”,确保“应用程序服务器”处于选中状态,开发服务器,在VS中，内置了轻量级的Web服务器Cassini无须配置IIS、设置相应权限,Cassini运行时在状态栏的显示,可以查看开发服务器的状态信息,第一个ASP.NET应用程序,时间提示页面在VisualStudio中新建一个网站设置站点位置拖入相关控件编写事件处理方法查看运行效果,演示示例：第一个ASP.NET应用
6、程序,项目位置设置,新建网站时，可选择项目的位置，有多种选择,点击浏览可以更改项目位置,可视化的设计,双击Botton控件，到代码页，可以编写代码，与WinForms编程类似,点击“源”可看到HTML视图,与WinForms一样简单的控件+事件方式,基于控件+事件的编程,protectedvoidbtnOK_Click(objectsender,EventArgse)stringgreeting;switch(DateTime.Now.Hour).case12:greeting=嘿，0同学，吃中午饭了！;break;.stringmessage=string.Format(greeting,t
7、xtName.Text.Trim();lblMessage.Text=message;,Botton单击事件方法,通过Text属性直接获取控件值，无须像jsp中使用Get、Post等方式,查看解决方案组成,这是我们刚才页面的解决方案组成,存放数据的文件夹,自动创建的窗体文件,代码后置文件,站点配置文件,ASP.NET中，HTML代码和C#代码分别存储于不同的文件中，称作代码后置,编码方式,ASP.NET有两种编码方式：代码内嵌和代码后置代码内嵌，HTML代码和C#代码交叉使用。,演示示例：代码内嵌展示,内嵌方式只有.aspx文件,体会ASP.NET的开发过程,显示学员信息创建ShowStude
8、nts.aspx页面。将学员信息表拖入页面设置显示字段和标头设置自动套用格式添加分页功能，设置每页显示10条信息,演示示例2：学员信息列表,关键步骤：将表拖入页面,拖入表时，自动出现相关信息,使用服务器资源管理器，打开学员信息数据库,将Student表拖入页面的设计窗口内,关键步骤：设置字段和标题,设置Columns，可编辑显示字段,HeaderText设置列标题显示的内容,关键步骤：套用风格,选择自动套用格式,多种格式可选,关键步骤：设置分页,AllowPaging置为True打开分页功能,PageSize属性设置每页的显示数目,小结,在后置代码中获取用户在TextBox中输入的内容，使用的
9、是哪个属性？什么是代码后置？设置每页显示的条数，使用了哪个属性？,总结,ASP.NET的优势有哪些？画图描述ASP.NET工作原理。建立一个ASP.NET工程有哪些步骤？ASP.NET代码开发有哪两种模式？,学习情境二,系统对象与状态管理,回顾,什么是代码后置？JSP中状态保持有哪几种方式？JSP中Session的写法,预习检查,Session有什么用处？.aspx页面继承自哪个类？,本章任务,实现用户登录功能实现对用户浏览器的判断实现页面数据的传递,本章目标,掌握页面间的数据传递技术能用Session对象记录用户登录状态等信息能使用Server对象查看客户端浏览器类型会使用Response对
10、象和Request对象控制页面的输入输出,运行机制,回顾JSP的运行机制客户端请求后台处理（类Servlet）返回客户端（HTML）ASP.NET的运行机制是什么呢？,ASP.NET运行机制,.aspx文件,后台编码类,ASP.NET引擎,页面类,现象：第一次获取网页较慢，第二次获取较快,系统对象,JSP和ASP.NET中的常见系统对象对比。,注意：JSP和ASP.NET中对象的大小写不同,Page对象,每个.aspx文件对应一个Page对象.aspx与后台代码类（局部类）合并生成页面类Page对象是页面类的实例所有的.aspx文件（Web窗体页）都继承自System.Web.UI.Page类
11、,演示：新建页面,查看源视图,Page指令,指明页面代码和后置代码所使用的脚本语言,设置是否自动调用网页事件，默认为true,指定代码后置文件，该文件包含此页面的局部类,代码后置的类，局部类,Page指令定义了ASP.NET页用于编译和解析的属性。每个aspx页面只能有一个Page指令,页面输入输出控制,Request对象获得页面输入URL传参Form表单提交Response对象在页面输出要显示的内容重定向,Request对象,结合JSP，列举页面间传递数据的几种方式？如何获取传递过来的数据呢？,Request对象,ServerVariables属性,Form属性,Params属性,Query
12、String属性,获取通过URL路径传来的数据,获取通过表单提交传输的数据,获取Web服务器变量的集合,以上三种方式传输的内容都可以使用该属性获取,Response对象,Response对象允许开发人员对当前页面的输出流进行操作,Response.对象,Redirect方法,Write方法,Response.Write(Hello，ACCP);,直接在页面上输出内容,重定向到另外一个页面,Response.Redirect();,综合示例,获取并打印浏览器的信息输出浏览器类型（IE/FireFox）输出相关版本信息输出客户端语言信息,Request.ServerVariablesHTTP_US
13、ER_AGENT;/获取浏览器及版本Request.ServerVariablesHTTP_ACCEPT_LANGUAGE;/获取浏览器语言,演示示例5：获取并打印浏览器信息,数据传递,JSP页面中，如何获取用户输入的信息？分两个页面进行处理，用户输入页面是一页，处理用户输入的又是另一个页面。提交给同一页面，通过特殊参数判断是回传的数据通过Get、Post方式或者URL传递需要发送服务器的数据,页内数据传递,回发,ASP.NETWeb页面,控件1,控件1,用户页面操作,Page.IsPostBack属性,回传,首次加载,true,false,如何判断回发和首次加载？,演示示例1：查询演示,关键
14、代码：验证回传,IsPostBack常放置于Page_Load方法中用于首次加载页面时的初始化,protectedvoidPage_Load(objectsender,EventArgse)if(Page.IsPostBack).,跨页数据传递,ASP.NETWeb页面1,ASP.NETWeb页面2,控件1,控件2,跨页传递,如何知道跨页发送并获取传过来的数据？,跨页数据传递,IsCrossPagePostBack，指示跨页回发是否包含该页PreviousPage，获取向当前页面传输数据的页面,PreviousPage属性,页面2,FindControl方法,找到页面1的对象,根据控件名，获得
15、控件对象,演示示例2：跨页数据传递,关键代码,发出提交的页面获取内容的页面,if(Page.PreviousPage!=null)if(PreviousPage.IsCrossPagePostBack=true)this.lblShowURL.Text=您的查询条件为：+(TextBox)this.PreviousPage.FindControl(txtKeyWord).Text;,通过PostBackUrl指定获取页,获取控件值,判断该页面的是否为其他页回传,小结,绘图描述ASP.NET中页面的编译过程。.aspx文件都继承自哪个类？ASP.NET2.0中，.aspx的类与对应的代码后置的类
16、是什么关系？ASP.NET中，页内数据传递使用哪个属性判断回传或者首次加载？,状态管理,JSP中状态保持有哪几种方式？session、cookie等ASP.NET中状态保持,ASP.NET状态保持,Session,Cookie,Application,存储于服务器,存储于客户端,应用程序级别的状态保持,Session,Session用于什么场合？结合JSP中学过的知识，我们知道Session保持当前用户状态信息常用于用户登录、购物车等,Session示例,第三波网上书店用户登录。用户输入用户名和密码检测用户名和密码是否输入合法登录成功时，在Session中保存用户对象。,演示示例3：第三波网上书店的登录,关键代码,登录代码索引器使用索引器，可以像数组一样处理Session对象,Useruser=newUser();user.Id=0;user.UserName=txtloginId.Text;user.PassW
