《WEB编程概述.ppt》由会员分享，可在线阅读，更多相关《WEB编程概述.ppt（51页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网络课程设计与开发网络课程设计与开发 ASP.NET4.0 WEB编程编程吴运明吴运明曲阜师范大学曲阜师范大学 传媒学院传媒学院Tel：13455040216QQ：18976876E-mail：wym_Office：F310课堂调查姓名姓名_ _ 毕业学校毕业学校_ _ 专业专业_你学习过哪些网页技术：你学习过哪些网页技术：HTMLHTMLCSSCSSVBScript/JavaScriptVBScript/JavaScriptDreamweaverDreamweaverASPASPJSPJSPPHPPHPASP.netASP.net你学习过哪些程序语言你学习过哪些程序语言VBVB、C+C+、J
2、avaJava你认为自己掌握最好的语言是什么？你对它的用途了解多你认为自己掌握最好的语言是什么？你对它的用途了解多少？少？你自己做过哪些软件、系统、网站？你自己做过哪些软件、系统、网站？你对研究生三年如何规划的？打算做理论还是技术？你对研究生三年如何规划的？打算做理论还是技术？课程目标熟练掌握动态网页技术及工具熟练掌握动态网页技术及工具熟练掌握数据库技术及应用熟练掌握数据库技术及应用掌握网络课程开发相关理论掌握网络课程开发相关理论掌握项目分析与设计的方法，具备独立掌握项目分析与设计的方法，具备独立开发的能力开发的能力课程计划技术基础（技术基础（10周）周）HTML/CSS/Dreamweave
3、rASP.NET理论与案例（理论与案例（2周）周）网络课程开发相关理论网络课程开发相关理论系统开发案例系统开发案例项目实践（项目实践（5周）周）课程考核平时作业平时作业(10%)+笔试笔试(50%)+项目开发项目开发(40%)笔试：闭卷笔试：闭卷项目开发：项目开发：分组进行项目开发实践分组进行项目开发实践项目可以由小组自己确定，或选择提供的项项目可以由小组自己确定，或选择提供的项目目按照项目的质量和个人贡献评定小组及个人按照项目的质量和个人贡献评定小组及个人成绩成绩参考资料HTML标准教程，胡艳洁标准教程，胡艳洁 主编，中国青年出版社主编，中国青年出版社Web程序设计程序设计ASP.net网站
4、开发，陈作聪等编著，网站开发，陈作聪等编著，清华大学出版社清华大学出版社网络课程的设计与实践，唐清安，人民邮电出版网络课程的设计与实践，唐清安，人民邮电出版社社网络教育应用，刘成新，电子工业出版社网络教育应用，刘成新，电子工业出版社第一章第一章 WEBWEB编程概述编程概述主要内容1.1 软件编程体系软件编程体系1.2 HTML语言语言1.3 静态网页与动态网页静态网页与动态网页1.4 WEB应用程序的开发应用程序的开发1.5 ASP.NET简介简介1.6 ASP.NET开发运行环境配置开发运行环境配置1.1 软件编程体系B/S结构结构C/S结构结构浏览器端：浏览器端：HTML/CSS/Jav
5、aScript/VBScript服务器端：服务器端：ASP(.NET)/PHP/JSPC/S结构：结构：VB/VC/VC#/Delphi/Java/.NET系列系列数据库支持：数据库支持：SQL Server/Oracle/Sybase/MySQL/Informix两大语法体系两大语法体系Basic系：系：VB/VBScript/ASP(VBScript)/VB.NET/VBAC系：系：Java/JavaScript/C+/C#/PHP/JSP/ASP(JScript)1.1.1 C/S结构C/S，即，即Client/Server（客（客户机户机/服务器），服务器），是典型的两层体是典型的两层
6、体系结构系结构1.1.2 B/S结构B/S，即，即Browser/Server，也称为，也称为B/W/D（Browser/Webserver/DBserver）结构，）结构，是三层体系结构，由浏览器、是三层体系结构，由浏览器、Web服务器和数库服务器和数库服务器组成服务器组成1.1.3 两种模式的比较（1）开发和维护成本）开发和维护成本（2）客户端负载）客户端负载（3）可移植性）可移植性（4）用户界面）用户界面（5）安全性）安全性1.2 HTML语言HTML（HyperText Markup Language）：超文本标记）：超文本标记语言，是构成网页最语言，是构成网页最“基础基础”的要素。的
7、要素。HTML语言是一种标记语言，非程序语言，无须编语言是一种标记语言，非程序语言，无须编译，由浏览器解释执行。译，由浏览器解释执行。HTML编辑工具众多，如编辑工具众多，如FrontPage、Dreamweaver等。等。所见即所得的编辑方式。所见即所得的编辑方式。要不要学要不要学HTML：一般网页制作者可以不学，专业：一般网页制作者可以不学，专业的网络编程人员必须学。的网络编程人员必须学。1.3 静态网页与动态网页1.3.1 概念概念静态网页静态网页所谓所谓“静态静态”指的是网站的网页内容指的是网站的网页内容“固定不变固定不变”，当用户浏览器通过当用户浏览器通过http协议向协议向web服
8、务器请求提供网页服务器请求提供网页内容时，服务器仅仅是将原已设计好的内容时，服务器仅仅是将原已设计好的html文档传送给文档传送给用户浏览器。如果要更新网页的内容，就必须使用网用户浏览器。如果要更新网页的内容，就必须使用网页制作工具手动更新所有相关的页制作工具手动更新所有相关的html文档，比如文档，比如Dreamweaver、Frontpage等。等。扩展名：扩展名：.htm或或.html静态网页示例静态网页示例这是静态这是静态网页网页静态网页信息的修静态网页信息的修改，需要用改，需要用Dreamweaver进行编辑进行编辑静态网页的工作原理静态网页的工作原理接受请求接受请求找到静态网页找到
9、静态网页发送网页发送网页服务器端服务器端客户端客户端1.3 静态网页与动态网页1.3.1 概念概念动态网页动态网页所谓动态网页，就是服务器端可以根据客户端的不所谓动态网页，就是服务器端可以根据客户端的不同请求动态产生网页内容。它使用网页脚本语言如同请求动态产生网页内容。它使用网页脚本语言如php、asp、jsp等编写，通过脚本将网站内容动态存等编写，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动储到数据库，用户访问网站是通过读取数据库来动态生成网页。态生成网页。扩展名：扩展名：*.asp/*.aspx/*.jsp/*.php动态网页示例动态网页示例BBS论坛论坛留言板留言
10、板聊天室聊天室这是动态这是动态网页网页动态网页，通过动态网页，通过网站中提供的页网站中提供的页面就可以添加新面就可以添加新的信息的信息1.3.2 动态网页运行原理客户端客户端（浏览器）（浏览器）Internet提出请求提出请求提供内容提供内容服务器服务器执行执行结果结果HTML代码代码动态网页动态网页服务程序服务程序数据库数据库客户端得到的不是源程客户端得到的不是源程序，而是服务器执行后序，而是服务器执行后的结果的结果1.3.3 动态网页的特点（1）“交互性交互性”：即网页会根据用户的要求和选择即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面而动态改变和响应，将浏览器作为客
11、户端界面（2）“自动更新自动更新”：即无须手动更新即无须手动更新HTML文档，文档，便会自动生成新的页面，可大大节省工作量便会自动生成新的页面，可大大节省工作量（3）“因时因人而异因时因人而异”：即当不同的时间，不同的即当不同的时间，不同的人访问同一个网址时会产生不同的页面人访问同一个网址时会产生不同的页面静态网页与动态网页比较静态网页静态网页动态网页动态网页内容内容网页内容固定网页内容固定网页内容自动生成网页内容自动生成文件后缀文件后缀.htm;.html.asp;.jsp;.php;.cgi;.aspx优点优点无需系统实时生成，无需系统实时生成，网页风格灵活多样网页风格灵活多样日常维护简单
12、，更改结构日常维护简单，更改结构方便，交互性能强方便，交互性能强缺点缺点交互性能较差，日交互性能较差，日常维护繁琐常维护繁琐需要大量的系统资源合成需要大量的系统资源合成网页网页数据库数据库不支持不支持支持支持1.4 WEB应用程序的开发1.4.1 Web Web开发技术概念开发技术概念Web体系结构体系结构Web浏览器浏览器（前端）（前端）Web服务器（支持服务器（支持HTTP协议）协议）Web页（基于页（基于HTML）计算机硬件及辅助设备计算机硬件及辅助设备（1）客户端技术的萌芽和演进Web是一种典型的分布式应用架构，是一种典型的分布式应用架构，web开发技术分为客户开发技术分为客户端技术和
13、服务器端技术两种端技术和服务器端技术两种客户端技术：展现信息内容客户端技术：展现信息内容1982 年，年，Tim Berners-Lee 为使世界各地的物理学家能够方便的进行为使世界各地的物理学家能够方便的进行合作研究，建立了使用于其系统的合作研究，建立了使用于其系统的 HTML 1990年，第一个图形化浏览器年，第一个图形化浏览器Mosaic，文本信息，文本信息GIF为为HTML引入动感元素引入动感元素1995，JAVA语言问世。语言问世。1996年，年，NetScape、IE浏览器增加对浏览器增加对java applet、javascript的支持。的支持。1996，microsoft推出
14、推出VBScript。1996，W3C提出了提出了CSS标准，提高对信息展现格式的控制能力标准，提高对信息展现格式的控制能力1997，DHTML，增加了动态的，增加了动态的HTML标记标记（2）服务器端技术的成熟与发展SSI：server side includes，让，让web服务器在返回服务器在返回HTML文件前，更新文件前，更新HTML文件的某些内容，但文件的某些内容，但功能非常有限。功能非常有限。CGI：common gateway interface，允许服务器端，允许服务器端的应用程序根据客户端请求，动态生成的应用程序根据客户端请求，动态生成HTML页页码。聊天室、论坛、电子商务等
15、应用随之蓬勃码。聊天室、论坛、电子商务等应用随之蓬勃兴起。兴起。1994，Rasmus Lerdorf，PHP，专用于服务器端，专用于服务器端编程的语言编程的语言1996，Microsoft公司，公司，ASP1998，sun公司，公司，JSP（3）两种重要的企业开发平台J2EE：sun公司公司以以java为基础为基础三大核心技术三大核心技术Servlet、JSP、EJB跨平台跨平台.NET：microsoft公司，公司，windows平台平台基于基于、C#等编译语言等编译语言核心是核心是.NET Framework，Visual Studio.NET是创建是创建.NET应用的集应用的集成开发环
16、境成开发环境创建任何类型的应用系统：传统的创建任何类型的应用系统：传统的Windows桌面应用桌面应用,Web应用应用,Office 应用，移动应用，智能设备应用等应用，移动应用，智能设备应用等 1.4.2 Web应用程序Windows应用程序：应用程序：C/S结构结构Web应用程序：应用程序：B/S结构，运行在结构，运行在Internet上，核心是上，核心是web服务器服务器Web应用程序的运行结构：应用程序的运行结构：Web服务器服务器Internet数据库数据库服务器服务器基于服务器的程序基于服务器的程序ASPCGI其他服务器的程序其他服务器的程序FTPSMTP客户端客户端（浏览器）（浏
17、览器）1.4.3 Web网页制作工具FrontPageDreamweavervs1.4.4 Web编程技术CGICommon Gateway Interface，通用网关接口技术，每次请求，通用网关接口技术，每次请求CGI程序程序都要重新启动程序，效率较低，编程复杂都要重新启动程序，效率较低，编程复杂ASP 简单易学、安装使用方便、开发工具强大多样、效率高，但跨平台性差，适合简单易学、安装使用方便、开发工具强大多样、效率高，但跨平台性差，适合熟悉熟悉MS架构人员。架构人员。PHP一种能快速学习、跨平台、有良好数据库交互能力的开发语言一种能快速学习、跨平台、有良好数据库交互能力的开发语言，但安装
18、复杂，但安装复杂，缺少正规的商业支持，无法实现商品化应用的开发，适合熟悉缺少正规的商业支持，无法实现商品化应用的开发，适合熟悉Unix环境的人员。环境的人员。JSP一处编写随处运行、系统的多台平支持，但较为复杂，编译效率较低。适合于一处编写随处运行、系统的多台平支持，但较为复杂，编译效率较低。适合于具有具有java编程基础、较强编程能力的人员。编程基础、较强编程能力的人员。ASP.net强大的集成开发功能强大的集成开发功能1.5 ASP.NET简介1.5.1 ASP.NET的诞生与发展的诞生与发展什么是什么是ASP.NET？ASP：Active Server Pages服务器端代码和服务器端代
19、码和HTML以及以及JavaScript代码放在同一页码，各种代码放在同一页码，各种代码难于管理，很多功能难于轻松实现。代码难于管理，很多功能难于轻松实现。ASP.NET：新一代的新一代的ASP，不是，不是ASP的简单升级，独立于浏览器的编程的简单升级，独立于浏览器的编程 模模型型所有程序的执行经过服务器编译。当一个程序第一次被执行时，所有程序的执行经过服务器编译。当一个程序第一次被执行时，先编译为中间语言代码，再被编译器编译为二进制代码。当再先编译为中间语言代码，再被编译器编译为二进制代码。当再次被执行时，只要程序没有变化，就会直接执行已编译过的可次被执行时，只要程序没有变化，就会直接执行已
20、编译过的可执行的二进制代码，然后把结果返回给客户端。执行的二进制代码，然后把结果返回给客户端。1.5.2 ASP.NET的历史1996，ASP1.0诞生诞生1998，ASP2.0发布发布2000，ASP3.02000年年7月，月，ASP.NET发行发行1.5.3 ASP.NET与ASP的区别1.运行机制：运行机制：ASP：解释型的编程框架，核心：解释型的编程框架，核心VBScript和和JavaScript，无法进，无法进行传统编程语言那样的底层操作，由于是解释执行，效率较低行传统编程语言那样的底层操作，由于是解释执行，效率较低ASP.NET：编译型的编程框架，除了采用：编译型的编程框架，除了
21、采用VBScript和和JavaScript外，外，还可使用还可使用VB.NET、C#.NET来编写来编写2.运行效率运行效率ASP：每次请求时由服务器解释执行，速度和效率远低于编译：每次请求时由服务器解释执行，速度和效率远低于编译执行的程序。执行的程序。ASP.NET：第一次被请求时被编译，以后程序不变就无须再重：第一次被请求时被编译，以后程序不变就无须再重新编译。新编译。3.功能功能ASP.NET功能强大，如文件上传几行代码就可实现。功能强大，如文件上传几行代码就可实现。4.代码重用代码重用ASP.NET代码和内容完全分离，代码重用性好，维护方便。代码和内容完全分离，代码重用性好，维护方便
22、。1.5.4.NET Framework.NET Framework：一组用于建立：一组用于建立web服务器程序和服务器程序和windows桌面程序桌面程序的软件组件。的软件组件。.NET框架分为两部分：框架分为两部分：公共语言运行环境公共语言运行环境CLR：Common Language Runtime，负责执行程序，负责执行程序.NET框架类库：提供类与接口框架类库：提供类与接口Web应用程序应用程序（浏览器）（浏览器）远程系统远程系统（任何硬件（任何硬件/OS）桌面应用程序桌面应用程序（windows系统）系统）Web FormsWeb ServiceWin Forms.NET框架基础类
23、框架基础类公共语言运行库公共语言运行库CLR操作系统操作系统.NET框框架架1.5.5 ASP.NET中使用的编程语言VB.NETC#.NETJ#.NETC+.NET1.6 ASP.NET开发运行环境配置1.6.1 运行软件要求运行软件要求操作系统：操作系统：Windows 2000、XP、Server 2003Web浏览器：浏览器：IE5.5以上以上Internet信息服务器（信息服务器（Internet Information Server，IIS）：）：IIS5.0.NET Framework注意：先安装注意：先安装IIS，后安装，后安装.NET Framework，否则需要手动注册，否
24、则需要手动注册1.6.2 运行环境的安装（1）安装）安装IIS：Win2000/xp Professional/2003安安装装IIS：控控制制面面板板/添添加加删除程序删除程序/添加删除添加删除windows组件组件Win系统系统home版无法安装版无法安装windows xp环境环境添加删除程序添加删除程序组件组件选中“Internet信息服务(IIS)”，选择“详细信息”，选择“万维网服务”如果想使用如果想使用ftp、邮件服务，则选中、邮件服务，则选中“文件传输协文件传输协议议(FTP)服务服务”、“smtp service”设置完毕，点击设置完毕，点击“下一步下一步”进行安装进行安装I
25、IS测试与配置测试：测试：http:/localhost/http:/机器名机器名/http:/本机本机ip地址地址/配置配置控制面板管理工具控制面板管理工具Internet信息服务器信息服务器（2）安装）安装MDACMDAC：Microsoft Data Access Componets，微软数据组件，微软数据组件运行运行ASP.NET必须将该组件升级至必须将该组件升级至2.7版本版本Windows XP自带，无须安装自带，无须安装Windows 2000需要安装需要安装下载：下载：http:/ Framework 4.0Dotnetfx.exe下载地址：下载地址：http:/如果后安装II
26、S注册方法开始运行：开始运行：cmdDOS命令窗口中进入命令窗口中进入windows目录下的目录下的.NET Framework版本目录版本目录执行命令：执行命令：aspnet_regiis-i1.6.3 集成开发工具的安装Visual （2010）vs中包含中包含.Net FrameWork程序，安装完程序，安装完IIS后可以直接安装后可以直接安装VS1.6.4 编写程序并运行程序编写：程序编写：手动编写手动编写VShello.aspx public void page_load(Object sender,EventArgs e)div1.InnerHtml=hello，现在时间是：+Da
27、teTime.Now;ASP.net网页 运行程序运行程序打开：控制面板打开：控制面板/管理工具管理工具/Internet信息服务信息服务修改：修改：“默认网站默认网站”属性：属性：网站网站主目录主目录文档文档访问访问程序的三种方法：程序的三种方法：（1）设为主目录）设为主目录 http:/localhost/文件名文件名（2）建立虚拟目录）建立虚拟目录 http:/localhost/虚拟目录名虚拟目录名/文件名文件名（3 3）将文件夹）将文件夹webweb共享共享 http:/localhost/web共享别名共享别名/文件名文件名动态网页和静态网页的区别运行位置不同：运行位置不同：静态网页：客户端静态网页：客户端动态网页：服务器端动态网页：服务器端运行方式不同：运行方式不同：静态网页：服务器将源文件下载到客户端，由浏览静态网页：服务器将源文件下载到客户端，由浏览器解释执行器解释执行动态网页：动态网页：IIS运行后，将得到结果下载到浏览器运行后，将得到结果下载到浏览器客户端获得的代码不同：客户端获得的代码不同：静态网页：和服务器上的源文件一样静态网页：和服务器上的源文件一样动态网页：动态网页：IIS解释后的解释后的HTML代码代码运行下面程序，比较二者不同：运行下面程序，比较二者不同：1.html 2.aspx 3.aspx