静态网页制作经典教程.ppt

静态网页制作经典教程.ppt

《静态网页制作经典教程.ppt》由会员分享，可在线阅读，更多相关《静态网页制作经典教程.ppt（260页珍藏版）》请在冰豆网上搜索。

静态网页设计教程静态网页设计教程教学内容n学习情境一：

搭建开发环境n学习情境二：

系统对象与状态管理n学习情境三：

站点导航控件与母版页n学习情境四：

搭建系统框架n学习情境五：

数据绑定与显示n学习情境六：

数据录入与验证n学习情境七：

数据更新于编辑n学习情境八：

常用第三方工具与控件n学习情境九：

用户控件与HTTPHANDLERn学习情境十：

网站部署与定制学习情境一学习情境一学习情境一学习情境一搭建开发环境搭建开发环境搭建开发环境搭建开发环境课程地位PrevHTMLSQLBaseLogicJavaC#/WinFormsSTBProject1:

ADO.Net+WinFormsC/SADO.Net/ThreeTierJavaScriptSQLAdvanceJavaOOPProject2:

B/S.Net/OOPJSPAjax/WebServiceJSP/JSP/Servlet/JavaBean/WebServiceStruts/Hibernate/Spring/AjaxASP.NetNTCProject3:

Net/JavaHR/CRM/OA/B2CB/S行业手册行业手册就业技能结构图本门课程目标学完本门课程后，你能够：

n熟练使用VisualStudio开发环境开发ASP.NET应用程序n完成常见的数据操作任务n运用ASP.NET开发商业站点课程项目展示n网上书店演示图书列表图书列表数字水印数字水印课程项目展示RSS发布新书列表发布新书列表预习检查n创建ASP.NET页面时，自动生成了哪几个文件？

n使用ASP.NET做开发，是否一定要安装IIS？

本章任务n初识ASP.NETq制作第一个ASP.NET页面q显示学员信息列表本章目标n掌握简单ASP.NET程序的开发步骤n掌握ASP.NET控件+事件的开发方式n会使用Label、TextBox、Button等简单的控件B/S概念回顾nB/S与C/S相比各有何优缺点？

nB/S的典型应用场景有哪些？

ASP.NET的特色与优势4-1n与浏览器无关n方便设置断点，易于调试n编译后执行，运行效率高n丰富的控件库n代码后置，逻辑分明ASP.NET的特色与优势4-2n编译后执行，运行效率高_代码代码编译编译Microsoft中间语言中间语言（MSIL或或IL）JIT编译器编译器机器语言机器语言分别编译分别编译IL的每一部分的每一部分ASP.NET的特色与优势4-3n丰富的控件库q内置80多种控件q统计表明，采用新控件方式的编码，至少比早期减少70%的代码量使用纯使用纯JavaScript脚本方式编写脚本方式编写树形目录需要大量编码树形目录需要大量编码而使用而使用TreeView导航控件，无需导航控件，无需编写一行代码即可完成编写一行代码即可完成ASP.NET的特色与优势4-4n代码后置，将业务逻辑代码与显示逻辑分开ASPX页面页面页面显示页面显示.aspx页面页面业务逻辑业务逻辑.cs文件文件程序员程序员页面设计人员页面设计人员成功案例5-1n因为ASP.NET具有诸多优势，越来越多的企业开始采用ASP.NET技术构建它们的网络应用系统。

q戴尔电脑q当当书店q中华英才网q微软官方网站q.ASP.NET成功案例5-2http:

/n每个.aspx文件对应一个Page对象n.aspx与后台代码类（局部类）合并生成页面类nPage对象是页面类的实例n所有的.aspx文件（Web窗体页）都继承自System.Web.UI.Page类演示：

新建页面演示：

新建页面查看源视图nPage指令指明页面代码和后置代码所指明页面代码和后置代码所使用的脚本语言使用的脚本语言设置是否自动调用网页事件设置是否自动调用网页事件，默认为，默认为true指定代码后置文件，该文件包指定代码后置文件，该文件包含此页面的局部类含此页面的局部类代码后置的类，局部类代码后置的类，局部类Page指令定义了指令定义了ASP.NET页用于编译和解析的属性。

页用于编译和解析的属性。

每个每个aspx页面只能有一个页面只能有一个Page指令指令页面输入输出控制nRequest对象q获得页面输入qURL传参qForm表单提交nResponse对象q在页面输出要显示的内容q重定向Request对象n结合JSP，列举页面间传递数据的几种方式？

n如何获取传递过来的数据呢？

Request对象对象ServerVariables属性属性Form属性属性Params属性属性QueryString属性属性获取通过获取通过URL路径传来路径传来的数据的数据获取通过表单提交传输获取通过表单提交传输的数据的数据获取获取Web服务器变量服务器变量的集合的集合以上三种方式传输的内容都以上三种方式传输的内容都可以使用该属性获取可以使用该属性获取Response对象nResponse对象允许开发人员对当前页面的输出流进行操作Response.对象对象Redirect方法方法Write方法方法Response.Write（Hello，ACCP）;直接在页面上输出内容直接在页面上输出内容重定向到另外一个页面重定向到另外一个页面Response.Redirect（http:

/）;综合示例n获取并打印浏览器的信息q输出浏览器类型（IE/FireFox）q输出相关版本信息q输出客户端语言信息Request.ServerVariablesHTTP_USER_AGENT;/获取获取浏览器及版本浏览器及版本Request.ServerVariablesHTTP_ACCEPT_LANGUAGE;/获取获取浏览器语言浏览器语言演示示例演示示例5：

获取并打印浏览器信息获取并打印浏览器信息数据传递nJSP页面中，如何获取用户输入的信息？

q分两个页面进行处理，用户输入页面是一页，处理用户输入的又是另一个页面。

q提交给同一页面，通过特殊参数判断是回传的数据q通过Get、Post方式或者URL传递需要发送服务器的数据页内数据传递回回发发ASP.NETWeb页面页面控件控件1控件控件1用户页面用户页面操作操作Page.IsPostBack属性属性回传回传首次加载首次加载truefalsefalse如何判断回发和首次加载？

如何判断回发和首次加载？

演示示例演示示例1：

查询演示查询演示关键代码：

验证回传nIsPostBack常放置于Page_Load方法中q用于首次加载页面时的初始化protectedvoidPage_Load（objectsender,EventArgse）if（Page.IsPostBack）.跨页数据传递ASP.NETWeb页面页面1ASP.NETWeb页面页面2控件控件1控件控件2跨跨页页传传递递如何知道跨页发送如何知道跨页发送并获取传过来的数据？

并获取传过来的数据？

跨页数据传递nIsCrossPagePostBack，指示跨页回发是否包含该页nPreviousPage，获取向当前页面传输数据的页面PreviousPage属性属性页面页面2FindControl方法方法找到页面找到页面1的对象的对象根据控件名，获得控件对象根据控件名，获得控件对象演示示例演示示例2：

跨页数据传递跨页数据传递关键代码n发出提交的页面n获取内容的页面if（Page.PreviousPage!

=null）if（PreviousPage.IsCrossPagePostBack=true）this.lblShowURL.Text=您的查询条件为：

您的查询条件为：

+（TextBox）this.PreviousPage.FindControl（txtKeyWord）.Text;通过通过PostBackUrl指定获取页指定获取页获取控件值获取控件值判断该页面的是否为其他页回传判断该页面的是否为其他页回传小结n绘图描述ASP.NET中页面的编译过程。

n.aspx文件都继承自哪个类？

nASP.NET2.0中，.aspx的类与对应的代码后置的类是什么关系？

nASP.NET中，页内数据传递使用哪个属性判断回传或者首次加载？

状态管理nJSP中状态保持有哪几种方式？

qsession、cookie等nASP.NET中状态保持ASP.NET状态保持状态保持SessionCookieApplication存储于服务器存储于服务器存储于客户端存储于客户端应用程序级别的状态保持应用程序级别的状态保持SessionnSession用于什么场合？

n结合JSP中学过的知识，我们知道qSession保持当前用户状态信息q常用于用户登录、购物车等Session示例n第三波网上书店用户登录。

q用户输入用户名和密码q检测用户名和密码是否输入合法q登录成功时，在Session中保存用户对象。

演示示例演示示例3：

第三波网上书店的登录第三波网上书店的登录关键代码n登录代码n索引器q使用索引器，可以像数组一样处理Session对象Useruser=newUser（）;user.Id=0;user.UserName=txtloginId.Text;user.PassWord=txtLoginPwd.Text;SessionUser=user;Session的名称的名称要存储的对象要存储的对象JSP中中session.setAttribute（username,username）Cookie演示nCookie方式记录用户最后登录时间q当用户登录时，记录用户的登录时间q用户下次登录时，显示用户上次登录时间演示示例演示示例4：

增加增加Cookie的书店登录的书店登录关键代码n写入Cookie代码n读取Cookie代码HttpCookiehcCookie=newHttpCookie（UserName,“张三张三）;Response.Cookies.Add（hcCookie）;stringUserName=Request.CookiesUserName.Value;添加新的添加新的CookieApplication对象nApplication对象可以存储应用程序级的数据。

q“Application”：

应用程序q第一个用户访问站点时，应用程序启动，并创建一个Application对象。

q创建成功后，整个应用程序中都可以使用该对象。

q除非应用程序关闭，否则对象一直存储在内存中。

Application对象对应对象对应HttpApplication类，它定义类，它定义ASP.NET应用程序中的所有应用程序对象通用的方法、属性和事件。

应用程序中的所有应用程序对象通用的方法、属性和事件。

小结n请分别书写Session方式和Cookie方式保存用户登录状态的代码。

q保存当前用户登录时间q保存登录用户名q编写读取Cookie中内容的代码Server对象nServer对象是HttpServerUtility的一个实例，它提供对服务器上的方法和属性的访问。

Server对象对象HtmlEncode方法和方法和HtmlDecode方方法法Execute方法和方法和Transfer方法方法UrlEncode方法和方法和UrlDecode方法方法MapPath方法方法取得文件的物理路径取得文件的物理路径执行另一个页面的脚本执行另一个页面的脚本将文本编码成可以在浏览器中可将文本编码成可以在浏览器中可正确浏览的格式正确浏览的格式URL编码和解码，类似与编码和解码，类似与JSP中的中的URLEncoder.encode综合示例n修改欢迎页q当用户未登录时转到登录页面q登录成功后转回欢迎页q在欢迎页面显示用户的信息q根据用户浏览器的语言，给予不同语言的欢迎辞（如：

中文用“您好，！

”，其他用“HELLO,.！

”。

）演示示例演示示例6：

新的欢迎页面新的欢迎页面总结n如果要显示在线人数，想想怎么做？

q提示：

在每次用户请求时记录人数，保存在什么位置比较合适？

n简述ASP.NET中状态保持的三种方式，并说明适用范围？

学习情境四学习情境四搭建系统框架搭建系统框架回顾2-1n三层结构都有哪三层？

n上一章里我们学习了哪三种导航控件？

回顾2-2stringsql=SELECTSubjectNameFRO