静态网页设计实用教程课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《静态网页设计实用教程课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 静态 网页 设计 实用教程 课件
- 资源描述:
-
1、静态网页设计实用教程静态网页设计实用教程教学内容n学习情境一:搭建开发环境n学习情境二:系统对象与状态管理n学习情境三:站点导航控件与母版页n学习情境四:搭建系统框架n学习情境五:数据绑定与显示n学习情境六:数据录入与验证n学习情境七:数据更新于编辑n学习情境八:常用第三方工具与控件n学习情境九:用户控件与HTTPHANDLERn学习情境十:网站部署与定制学习情境一学习情境一搭建开发环境搭建开发环境课程地位PrevHTMLSQL BaseLogic JavaC#/WinFormsSTBProject1:ADO.Net+WinForms C/SADO.Net/Three TierJavaScri
2、ptSQL AdvanceJava OOPProject2: B/S.Net/OOPJSPAjax/Web ServiceJSP/Servlet/JavaBean/Web ServiceStruts/Hibernate/Spring/AjaxASP.NetNTCProject3: Net/Java HR/CRM/OA/B2C B/S行业手册行业手册就业技能结构图本门课程目标学完本门课程后,你能够:n熟练使用Visual Studio开发环境开发ASP.NET应用程序n完成常见的数据操作任务n运用ASP.NET开发商业站点课程项目展示n网上书店演示图书列表图书列表 数字水印数字水印 课程项目展示
3、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、色与优势4-2n编译后执行,运行效率高_代码代码编译编译 Microsoft 中间语言中间语言(MSIL 或或 IL) JIT 编译器编译器 机器语言机器语言分别编译分别编译 IL 的每一部分的每一部分ASP.NET的特色与优势4-3n丰富的控件库q内置80多种控件q统计表明,采用新控件方式的编码,至少比早期减少70%的代码量使用纯使用纯 JavaScript 脚本方式编写脚本方式编写树形目录需要大量编码树形目录需要大量编码而使用而使用TreeView导航控件,无需导航控件,无需编写一行代码即可完成编写一行代码即可完成ASP.NET的特色与优势4-4n代码后置,将业务逻辑代码与显示逻辑分开AS
5、PX 页面页面页面显示页面显示.aspx页面页面业务逻辑业务逻辑.cs文件文件程序员程序员页面设计人员页面设计人员成功案例5-1n因为 ASP.NET 具有诸多优势,越来越多的企业开始采用ASP.NET技术构建它们的网络应用系统。q戴尔电脑q当当书店q中华英才网q微软官方网站q. .ASP.NET成功案例5-2http:/ ASP.NET成功案例5-5http:/ 是基于 Windows系统的Web 服务器的qASP.NET应用程序的发布是基于IIS服务器的qIIS类似JSP中使用的Tomcat,提供了更为强大的功能视频:视频:IIS安装和配置视频安装和配置视频注意事项单击单击“添加添加/删除
6、删除Windows组件组件”确保确保“应用程序服务应用程序服务器器”处于选中状态处于选中状态开发服务器n在VS中,内置了轻量级的Web服务器qCassiniq无须配置IIS、设置相应权限Cassini运行时在状态栏的显示运行时在状态栏的显示可以查看开发服务器的可以查看开发服务器的状态信息状态信息第一个ASP.NET应用程序n时间提示页面q在Visual Studio中新建一个网站q设置站点位置q拖入相关控件q编写事件处理方法q查看运行效果 演示示例:演示示例:第一个第一个ASP.NET应用程序应用程序 项目位置设置n新建网站时,可选择项目的位置,有多种选择点击浏览可以更改点击浏览可以更改项目位
7、置项目位置可视化的设计双击双击Botton控件,到代码页,控件,到代码页,可以编写代码,与可以编写代码,与WinForms编程类似编程类似 点击点击“源源”可看到可看到HTML视图视图 与与WinForms一样简单的控件一样简单的控件+事件方式事件方式 基于控件+事件的编程protected void btnOK_Click(object sender, EventArgs e)string greeting;switch(DateTime.Now.Hour). .case 12: greeting = 嘿,嘿,0同学,吃中午饭了!同学,吃中午饭了!; break;. .string mess
8、age = string.Format(greeting, txtName.Text.Trim( );lblMessage.Text = message;Botton单击事件方法单击事件方法通过通过Text属性直接获取控件值,无须属性直接获取控件值,无须像像jsp中使用中使用Get、Post等方式等方式查看解决方案组成n这是我们刚才页面的解决方案组成存放数据的文件夹存放数据的文件夹自动创建的窗体文件自动创建的窗体文件代码后置文件代码后置文件站点配置文件站点配置文件ASP.NET中,中,HTML代码和代码和C#代码分别存储于不代码分别存储于不同的文件中,称作代码后置同的文件中,称作代码后置编码方
9、式nASP.NET有两种编码方式:代码内嵌和代码后置q代码内嵌,HTML代码和C#代码交叉使用。演示示例:演示示例:代码内嵌展示代码内嵌展示内嵌方式只内嵌方式只有有.aspx文件文件 体会ASP.NET的开发过程n显示学员信息q创建ShowStudents.aspx页面。q将学员信息表拖入页面q设置显示字段和标头q设置自动套用格式q添加分页功能,设置每页显示10条信息演示示例演示示例2:学员信息列表学员信息列表关键步骤:将表拖入页面n拖入表时,自动出现相关信息使用服务器资源管理器,打开学员信息数据库使用服务器资源管理器,打开学员信息数据库 将将Student表拖入页面的设计窗口内表拖入页面的设
10、计窗口内 关键步骤:设置字段和标题设置设置Columns,可,可编辑显示字段编辑显示字段HeaderText设置列标题设置列标题显示的内容显示的内容关键步骤:套用风格选择自动套用格式选择自动套用格式 多种格式可选多种格式可选 关键步骤:设置分页AllowPaging置为置为True打开分页功能打开分页功能PageSize属性设置每页的显示数目属性设置每页的显示数目小结n在后置代码中获取用户在TextBox中输入的内容,使用的是哪个属性?n什么是代码后置?n设置每页显示的条数,使用了哪个属性?总结nASP.NET的优势有哪些?n画图描述ASP.NET工作原理。n建立一个ASP.NET工程有哪些步
11、骤?nASP.NET代码开发有哪两种模式?学习情境二系统对象与状态管理回顾n什么是代码后置?nJSP中状态保持有哪几种方式?nJSP中Session的写法预习检查Session有什么用处?.aspx页面继承自哪个类?本章任务n实现用户登录功能n实现对用户浏览器的判断n实现页面数据的传递本章目标n掌握页面间的数据传递技术n能用Session对象记录用户登录状态等信息n能使用Server对象查看客户端浏览器类型n会使用Response 对象和Request对象控制页面的输入输出运行机制n回顾JSP的运行机制q客户端请求q后台处理(类Servlet)q返回客户端(HTML)nASP.NET的运行机制
12、是什么呢?ASP.NET运行机制.aspx文件文件第一次请求第一次请求解析解析后台编码类后台编码类生成生成生成的生成的页面类页面类编译编译第二次请求第二次请求第二个请求第二个请求实例化实例化响应响应ASP.NET引擎引擎页面类页面类实例化,处理实例化,处理和显示和显示现象:第一次获取网页较慢,第二次获取较快现象:第一次获取网页较慢,第二次获取较快 系统对象nJSP和ASP.NET中的常见系统对象对比。系统对象JSPASP.NETPage对象指向页面自身的方式。作用域为页面执行期。 Request对象读取客户端在Web请求期间发送的值Response 对象封装了页面执行期返回到HTTP客户端的输
13、出 Application对象作用于整个程序运行期的状态对象Session 对象会话期状态保持对象,用于跟踪单一用户的会话。 Cookie 对象客户端保持会话信息的一种方式Server 对象无,但其他对象提供了相应方法提供对服务器上的方法和属性的访问 注意:注意:JSP和和ASP.NET中对象的大小写不同中对象的大小写不同 Page对象 n每个.aspx文件对应一个Page对象n.aspx与后台代码类(局部类)合并生成页面类nPage对象是页面类的实例n所有的.aspx文件(Web窗体页)都继承自System.Web.UI.Page类 演示:新建页面演示:新建页面 查看源视图nPage指令指明
14、页面代码和后置代码所指明页面代码和后置代码所使用的脚本语言使用的脚本语言设置是否自动调用网页事件设置是否自动调用网页事件 ,默认为默认为true指定代码后置文件,该文件包指定代码后置文件,该文件包含此页面的局部类含此页面的局部类 代码后置的类,局部类代码后置的类,局部类 Page指令定义了指令定义了 ASP.NET 页用于编译和解析的属性。页用于编译和解析的属性。每个每个aspx页面只能有一个页面只能有一个Page指令指令页面输入输出控制nRequest对象q获得页面输入qURL传参qForm表单提交nResponse 对象q在页面输出要显示的内容q重定向Request对象n结合JSP,列举页
15、面间传递数据的几种方式?n如何获取传递过来的数据呢?Request对象对象ServerVariables 属性属性Form 属性属性Params 属性属性QueryString属性属性获取通过获取通过URL路径传来路径传来的数据的数据获取通过表单提交传输获取通过表单提交传输的数据的数据获取获取Web服务器变量服务器变量的集合的集合以上三种方式传输的内容都以上三种方式传输的内容都可以使用该属性获取可以使用该属性获取Response 对象nResponse 对象允许开发人员对当前页面的输出流进行操作Response.对象对象Redirect方法方法Write方法方法Response.Write(H
16、ello,ACCP);直接在页面上输出内容直接在页面上输出内容重定向到另外一个页面重定向到另外一个页面Response.Redirect(http:/);综合示例n获取并打印浏览器的信息q输出浏览器类型(IE/FireFox)q输出相关版本信息q输出客户端语言信息Request.ServerVariablesHTTP_USER_AGENT;/获取获取浏览器及版本浏览器及版本Request.ServerVariablesHTTP_ACCEPT_LANGUAGE;/获取获取浏览器语言浏览器语言演示示例演示示例5:获取并打印浏览器信息获取并打印浏览器信息 数据传递nJSP页面中,如何获取用户输入的信
17、息?q分两个页面进行处理,用户输入页面是一页,处理用户输入的又是另一个页面。q提交给同一页面,通过特殊参数判断是回传的数据q通过Get、Post方式或者URL传递需要发送服务器的数据页内数据传递回回发发ASP.NET Web页面页面 控件控件1控件控件1用户页面用户页面操作操作Page.IsPostBack属性属性回传回传首次加载首次加载truefalse如何判断回发和首次加载?如何判断回发和首次加载? 演示示例演示示例1:查询演示查询演示 关键代码:验证回传nIsPostBack常放置于Page_Load方法中q用于首次加载页面时的初始化 protected void Page_Load(o
18、bject sender, EventArgs e) if (Page.IsPostBack) . . 跨页数据传递ASP.NETWeb页面页面1ASP.NETWeb页面页面2控件控件1控件控件2 跨跨页页传传递递如何知道跨页发送如何知道跨页发送并获取传过来的数据?并获取传过来的数据? 跨页数据传递nIsCrossPagePostBack,指示跨页回发是否包含该页nPreviousPage,获取向当前页面传输数据的页面 PreviousPage 属性属性 页面页面2 FindControl 方法方法 找到页面找到页面1的对象的对象 根据控件名,获得控件对象根据控件名,获得控件对象 演示示例演示
19、示例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.asp
20、x文件都继承自哪个类?nASP.NET2.0中,.aspx的类与对应的代码后置的类是什么关系?nASP.NET中,页内数据传递使用哪个属性判断回传或者首次加载?状态管理nJSP中状态保持有哪几种方式?qsession、cookie等nASP.NET中状态保持ASP.NET状态保持状态保持SessionCookieApplication存储于服务器存储于服务器存储于客户端存储于客户端应用程序级别的状态保持应用程序级别的状态保持 SessionnSession用于什么场合?n结合JSP中学过的知识,我们知道qSession保持当前用户状态信息q常用于用户登录、购物车等Session示例n第三波网上
21、书店用户登录。q用户输入用户名和密码q检测用户名和密码是否输入合法q登录成功时,在Session中保存用户对象。演示示例演示示例3:第三波网上书店的登录第三波网上书店的登录 关键代码n登录代码n索引器q使用索引器 ,可以像数组一样处理Session对象User user = new User();user.Id = 0;user.UserName = txtloginId.Text;user.PassWord = txtLoginPwd.Text;SessionUser = user;Session的名称的名称 要存储的对象要存储的对象 JSP中中session.setAttribute(us
22、ername,username)Cookie演示nCookie方式记录用户最后登录时间q当用户登录时,记录用户的登录时间q用户下次登录时,显示用户上次登录时间演示示例演示示例4:增加增加Cookie的书店登录的书店登录 关键代码n写入Cookie代码n读取Cookie代码HttpCookie hcCookie = new HttpCookie(UserName, “张三张三);Response.Cookies.Add(hcCookie); string UserName=Request.CookiesUserName.Value;添加新的添加新的Cookie Application对象nApp
23、lication对象可以存储应用程序级的数据。q“Application”:应用程序q第一个用户访问站点时,应用程序启动,并创建一个Application对象。q创建成功后,整个应用程序中都可以使用该对象。q除非应用程序关闭,否则对象一直存储在内存中。Application对象对应对象对应HttpApplication类,它定义类,它定义 ASP.NET 应用程序中的所有应用程序对象通用的方法、属性和事件。应用程序中的所有应用程序对象通用的方法、属性和事件。小结n请分别书写Session方式和Cookie方式保存用户登录状态的代码。q保存当前用户登录时间q保存登录用户名q编写读取Cookie中
24、内容的代码Server 对象nServer对象是HttpServerUtility的一个实例,它提供对服务器上的方法和属性的访问。 Server对象对象HtmlEncode方法和方法和HtmlDecode方法方法Execute 方法和方法和 Transfer 方法方法UrlEncode方法和方法和UrlDecode方法方法MapPath方法方法取得文件的物理路径取得文件的物理路径执行另一个页面的脚本执行另一个页面的脚本将文本编码成可以在浏览器中将文本编码成可以在浏览器中可正确浏览的格式可正确浏览的格式URL编码和解码,类似与编码和解码,类似与JSP中的中的URLEncoder.encode 综
25、合示例n修改欢迎页q当用户未登录时转到登录页面q登录成功后转回欢迎页q在欢迎页面显示用户的信息q根据用户浏览器的语言,给予不同语言的欢迎辞(如:中文用“您好, !”,其他用“HELLO, .!”。)演示示例演示示例6:新的欢迎页面新的欢迎页面 总结n如果要显示在线人数,想想怎么做?q提示:在每次用户请求时记录人数,保存在什么位置比较合适?n简述ASP.NET中状态保持的三种方式,并说明适用范围?学习情境四搭建系统框架回顾2-1n三层结构都有哪三层?n上一章里我们学习了哪三种导航控件?回顾2-2string sql = SELECT SubjectName FROM Subject;SqlCom
展开阅读全文