4第四章 Web开发的基本技术

第三章Web开发的基本技术管理信息系统精品课程.2006.3管理信息系统精品课程.2006.3本章内容第一节Web开发的基础知识第二节标识语言第三节脚本语言第四节Web开发中的客户端技术第五节动态网页技术第六节Web开发的技术框架第一节Web开发的基础知识管理信息系统精品课程.2006.3一、相关概念•超链接（Hyperlink）：文件中一些特殊的文字和图形，用鼠标单击这些文字和图形时，会从一个文本跳到到另一个文本。•超文本（Hypertext）：含有超级链接的文本，其形式仍是ASCII文件，可用一般文字处理软件进行编辑、处理。•超文本标识语言（HTML）：用于编写超文本文件的语言。用HTML编写的超文本文件称为HTML文件，以.htm或.html为文件扩展名。管理信息系统精品课程.2006.3•超文本传输协议（HTTP）：基于TCP/IP，用于在Internet/Intranet网络进行超文本文件及其他文件传输的网络应用协议。•网页（Web）在文件，网站首页称“主页”（HomePage）。•统一资源定位标识（URL）：用于在Internet/Intranet网络上进行资源定位的标识字符串。•浏览器（Browser）：用于在Internet网络上，通过HTTP、FTP等网络协议，搜索、请求并显示或下载网络资源的软件，如微软公司的“Internet探索者”浏览器（InternetExplorer，简称IE）。二、Web的工作过程管理信息系统精品课程.2006.3用户浏览器中间件数据库HTML应用程序Web服务器TCP/IP网络三、Web所提供的主要服务•MAILServer：提供电子邮件服务。•HTTPServer：提供超文本传输服务。•FTPServer：提供文件的下载（Download）和上载（Upload）服务。•DNSServer：提供域名（主机名→IP地址）服务。•NNTPServer：提供新闻讨论组服务。•ProxyServer：提供代理服务。•CertificateServer：认证服务。•IndexServer：检索服务。•DataAccessServer：数据存取服务。管理信息系统精品课程.2006.3第二节标识语言•标准概括标识语言SGML（StandardGeneralizedMarkupLanguage）•超文本标识语言HTML（HypertextMarkupLanguage）•动态超文本标识语言DHTML（DynamicHypertextMarkupLanguage）•可扩展标识语言XML（ExtensibleMarkupLanguage）管理信息系统精品课程.2006.3一、标准概括标识语言SGML•SGML是最早的标注语言，HTML和XML都是在此基础上派生出来。•1986年，国际标准化组织（ISO）采用SGML作为描述电子文档及其构成的标准。•SGML所提供的标注文档系统独立于任何应用软件。•同设备和机器无关的电子文档表示方法。管理信息系统精品课程.2006.3•安装成本高，需要特殊技术–这种技术是大部分设计者所不具备的。•与HTML相比，SGML工具软件相当昂贵和困难。•SGML创建文档类型定义成本高，特别是用人工来做。•SGML有一个陡峭的学习曲线。管理信息系统精品课程.2006.3为什么SGML没有广泛用于Web？•定义文档结构和类型；•描述文档内文本元素之间的关系；•比SGML更易学习和使用；•可用于上所有文档；•HTML标记是插在文档中的HTML编码，规定文档的格式及在屏幕上的显示方式;•HTML链接可把当前文档链接到同一文档的另一位置、同一主机的其他文档或互联网上其他地方的文档里。管理信息系统精品课程.2006.3二、超文本标识语言HTML简单的HTML示例htmlheadtitle网上手机市场/title/headbodyp你想要买手机吗?/Pp你可以访问ahref=“”手机网站/a了解有关信息。/body/html管理信息系统精品课程.2006.3三、动态超文本标识语言DHTMLDHTML文件中元素都具有动态能力，对用户的操作在本地可做实时处理，从而得到更快的用户响应，使网页的界面更丰富多变，使页面设计者可随心所欲地表达自己的构思。但仅限于在IE浏览器上显示。管理信息系统精品课程.2006.3四、可扩展标识语言XML•XML是EXtensibleMarkupLanguage的缩写；•XML是一种类似于HTML的标记语言；•XML是用来描述数据的；•XML的标记不是在XML中预定义的，你必须定义自己的标记；•XML使用文档类型定义（DTD）或者模式（Schema）来描述数据；•XML使用DTD或者Schema后就是自描述的语言。管理信息系统精品课程.2006.3为什么说XML代表了Web的将来？•XML是一种跨平台的，与软硬件无关的，处理信息的工具。•XML是开放的，XML能够在不同的用户和程序之间交换数据，而不论其平台如何。•XML能简化企业间数据交流，有助于产生独立平台的协议。•XML的自描述的特性使其对于B2B和企业内部网解决方案来说是一种有效的选择。•XML用来描述事物的内在逻辑，HTML只是表示事物的显示形式。管理信息系统精品课程.2006.3管理信息系统精品课程.2006.3第三节脚本语言•JavaScript：是一种解释性编程语言，可由浏览器直接解释执行；用JavaScript编写网页程序，不需很深的编程经验。JavaScript语言是通过嵌入在标准HTML语言中实现。•VBScript：语言的功能与JavaScript相似，只能用于微软的IE浏览器和IIS服务器端，其他服务器和浏览器不一定支持VBScript。•CSS（CascadingStyleSheets，层叠样式表）：CSS技术可有效地对页面的布局、字体、颜色、背景和其他效果实现更精确的控制。将样式表加入HTML文件中最简单的方法是使用HTML的STYLE标记，将样式表放置于文件HEAD部分。第四节Web开发中的客户端技术•客户端脚本（JavaScript、VBScript）：通过在HTML中增加脚本程序，使页面具有一定的交互、验证及响应的功能。•Cookies技术：通过在访问者电脑的文件中保存信息，用来记录诸如用户的名称、密码、偏好、习惯和订阅等用户信息。•多媒体技术：通过音频、视频、图片和动画使网页更丰富多彩。管理信息系统精品课程.2006.3•Active控件：通过采用微软公司的Active控件技术，使网页中的部分或全部区域有类似本地应用程序且功能更强大的用户界面，Active控件可自动下载、安装并运行，但它只能用于Windows平台。•JavaApplets：其功能与Active控件类似，但用Java语言编写，用编译器将它编译成字节代码文件后，将它放在Web上，并在HTML页面中做好相应标记，用户端只要装上支持其运行的客户端软件（JVM）后，就可以直接下载并运行JavaApplets；其用途广泛，可用于如计算、游戏、交互式表单、交互式动画等，并且可随着JVM跨平台应用。管理信息系统精品课程.2006.3第五节动态网页技术一、什么是动态网页用HTML写的网页是静态的。你可以看到页面上的内容，但不能在屏幕上输入并传送数据到Web服务器，更无法进行完整的人机对话。当涉及到页面与数据库的连接问题和从站点返回一个页面给客户的问题时，仅依靠HTML网页是做不到的。动态网页就是为了解决动态交互的问题和与数据库连接的问题而设计的。动态网页可以实现与用户的动态交互，可以让用户或者网站的使用者编辑网页里的数据，能全面实现电子商务的流程。管理信息系统精品课程.2006.3管理信息系统精品课程.2006.3静态网页使用ASP的动态网页常用的动态网页技术有哪些呢？•CGI（CommonGetwayInterface）：公共网关接口，是一种较为“古老”的动态网页编程接口标准。•ASP（ActiveServerPages）：是微软公司所推出的动态网页编程技术，目前已发展至ASP.NET。•PHP（PersionalHomePages）：是Internet上开放且免费的动态网页编程技术。•JSP（JavaServerPages）：是一种以Java为主的跨平台的web开发技术。管理信息系统精品课程.2006.3二、CGI：公共网关接口•工作过程：用户通过浏览器激活，CGI程序将信息传给外部应用程序并启动它，通过CGI程序传给Web服务器，再以HTML形式传给用户，CGI过程结束。•作用：扩展Web服务器的功能、在任何服务器上运行、服务器与CGI程序可互发信息。管理信息系统精品课程.2006.3三、ActiveServerPages•ASP（ActiveServerPages）是微软公司为它的Web服务器（互联网信息服务器，简称IIS）开发的一个组件；它是一种实现动态网页开发技术的服务器端的开发环境。•通过ASP，我们能够将HTML页面、脚本命令、ASP内置对象和ActiveX组件结合起来，建立动态、交互而又高效的Web应用程序。•ASP可利用ADO（ActiveDataObject）方便地访问数据库。管理信息系统精品课程.2006.3最简单的ASP程序示例htmlheadtitleMyASP/title/headbody%Response.Write“HelloWorld!”%/body/html管理信息系统精品课程.2006.3四、PersionalHomePagesPHP是Internet上开放且免费的动态网页编程技术，它有如下几个鲜明的特点：•易学易用•运行速度快•跨多个平台•极其强大的数据库支持功能•先进的扩展功能•完全免费管理信息系统精品课程.2006.3PHP与其他网页编程技术性能对比管理信息系统精品课程.2006.3五、JavaServerPages•JSP是一种以Java为主的跨平台的Web开发技术，它使用Java作为脚本语言；•JSP文件就是JSP定义的标记、Java程序段和HTML的混合体，所以首先必须掌握Java语言；•由于JSP基于Java语言，因此其拥有Java编程语言“一次编写，各处运行”的特点；•所有的JSP页面都被JSP引擎编译成为JavaServletClass，由JVM执行后转换成HTML，再经Web服务器送至用户的浏览器。管理信息系统精品课程.2006.3六、动态网页中的数据库连接动态网页的一个主要功能是实现了与数据库的自动连接，即只要数据库中的内容发生变化，与之相关的网页也会实现自动的更新；上述动态网页编程技术中，主要采用了如下几种与数据库的连接技术：•JDBC（JavaDataBaseConnectivity）：Java数据库连接•ODBC（OpenDataBaseConnectivity）：开放式数据库连接•ADO（ActiveXDataObject）：ActiveX数据对象管理信息系统精品课程.2006.3第六节Web开发的技术框架Microsoft.NETFrameworkJ2EE（Java2Platform,EnterpriseEdition）管理信息系统精品课程.2006.3一、Microsoft.NETFramework什么是.NET.NET是微软公司推出的第三代网络开发平台，它的推出激发了新的程序开发方式；为求重复使用、易维护，在新的架构中，.NET强调语言归语言，系统归系统；基于该平台的.NETFramework，通过一致的CLR（CommonLanguageRuntime）来执行应用程序。管理信息系统精品课程.2006.3微软总裁兼首席执行官SteveBallmer认为：•.NET代表一个集合，一个环境，一个可以作为平台支持的下一代Internet的可编程结构；•.NET=新平台+