第四Web开发的基本技术.ppt

《第四Web开发的基本技术.ppt》由会员分享，可在线阅读，更多相关《第四Web开发的基本技术.ppt（48页珍藏版）》请在三一办公上搜索。

1、第四章 Web开发的基本技术,第一节 WWW（World Wide Web）第二节 HTML 第三节 Frontpage第四节 交互网页的制作 第五节 ASP（动态服务主页）第六节 Web数据库,本节内容一、Internet地址二、Internet提供的服务三、www服务四、网页和超文本,第一节 WWW（World Wide Web）,背景以电子商务应用为例,一、Internet服务,Internet地址唯一地确定Internet上每台计算机与每个用户的位置。对用户来说，Internet地址有两种表示形式：1.IP地址 IP地址分前后二部分，前面部分叫网络号，后面部分叫主机号。2.域名 用一个

2、文字IP地址来表示。,二、Internet提供的服务,1.电子邮件 即E-maill服务。2.文件传输服务 即FTP服务：file transfer protocol3.www服务（World Wide Web）4.新闻公告类服务 提供针对某问题展开讨论的服务，如BBS（电子公告牌）、网络新闻组等。,三、www服务-1,万维网上不仅可以看到文字、图片，而且可以带声音、带动画。www服务是通过客户机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的。,三、www服务-2,1.超文本 在www系统中，信息是按超文本方式组织的。超文本方式是实现www的关键技术。2.HTML语言（Hyre

3、r Text Markup Language）超文本标记语言，存放在WEB服务器上。3.http协议（Hyper Text Transfer Protocol）超文本传输协议，www服务是执行http协议进行传输的。4.www浏览器 通过它可以去找到并浏览Internet上各种WWW服务器上的主页。5.搜索引擎 搜索引擎是Internet上的一种www服务器，它能在Internet中主动搜索其他www服务器中的信息并对其索引，将索引内容存储在大型数据库中，供用户查询。,四、网页和超文本,第二节 HTML,本节内容一、用HTML做简单的网页二、HTML文档的一般结构三、常用的HTML标记元素四、

4、在网页中插入图片五、用HTML定义表格,超文本文件ASCII格式双标记方式,一、用HTML做简单的网页,单标记方式,网上手机市场 你想要买手机吗?你可以访问 手机网站了解有关信息。,二、HTML文档的一般结构,三、常用的HTML标记元素-1,三、常用的HTML标记元素-2,三、常用的HTML标记元素-3,三、常用的HTML标记元素-4,如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形，只要在上述HTML文档中增加：IMG SRC=“gxkj.gif”widfh“20”height“15”,四、在网页中插入图片,五、用HTML定义表格-1,浏览器上显示的表格,表格名称,五、用HTML定

5、义表格-2,可以显示上页图中所示表格的HTML文本：表格名称第一标题列第二标题列第三标题列,第三节 FrontPage,使用微软公司的FrontPage WEB编程工具可以做到在几乎不需要编写HTML代码的情况下，完成网页的制作，同时自动地生成HTML文件。本节内容：用FrontPage制作页面,-主页面,用FrontPage制作页面-1,网上手机商场 产品价格表见http:/正按八折销售,欢迎选购,动态字幕后,-被连接的页面,用FrontPage制作页面-2,产品价格表,用FrontPage制作页面-3,用FrontPage作上述网页的步骤,第四节 交互网页的制作,仅有静态的网页是不够的。我

6、们需要通过网页实现网上注册（客户在网页上写入自己的姓名和密码）、网上交谈、网上查询（客户在网页上输入自己要买的产品名，网站返回该产品名的性能、价格等）。本节内容：一、交互性标记元素 二、FORM标记元素,一、交互性标记元素,-人机对话的表单接口界面,二、FORM标记元素-1,用FORM标记元素在HTML页面上实现“提交”（一部分功能）的HTML文档 请提供以下信息,然后单击提交。姓名：密码：,二、FORM标记元素-2,FORM语句段的结构,第五节 ASP（动态服务主页）,用HTML写的文本是静态的。你可以看到页面上的内容，但不能在屏幕上输入并传送数据到Web服务器，更无法进行完整的人机对话。当

7、涉及到页面与数据库的连接问题和从站点返回一个页面给客户的问题时，仅依靠HTML文本是做不到的。ASP就是为了解决动态交互的问题和与数据库连接的问题而设计的。本节内容：一、什么是ASP？二、ASP的工作原理 三、ASP脚本编程,一、什么是ASP？,ASP（Active Server Pages）是微软公司为它的WEB服务器（互联网信息服务器，简称IIS）开发的一个组件（软件）。它是一种实现动态网页开发技术的服务器端的开发环境。通过ASP，我们能够将HTML页面、脚本命令、ASP内置对象和Active X组件结合起来，建立动态、交互而又高效的Web应用程序。ASP可利用ADO（Active Dat

8、a Object）方便地访问数据库。,二、ASP的工作原理-1,ASP文件可以包含以下的几个部分：1.文本 2.HTML标记 3.ASP脚本命令等 ASP脚本命令可以包含ASP对象，ActiveX组件和任何脚本语言（如VB脚本语言、JAVA脚本语言等）。ASP脚本命令写在“%”和“%”两个符号之间。ASP文件可以使用文本编辑器（如记事本）进行编辑，也可以用WEB编程工具FrontPage来做。,二、ASP的工作原理-2,ASP文件实例：VB-SCR-EXM.ASPhtml head title手机市场标题/title/head body%for i=3 to 7%Font size=%=i%这

9、里是手机市场！BR%next%/body/html,二、ASP的工作原理-3,ASP文件实例：VB-SCR-EXM.ASP（去掉）html head title手机市场标题/title/head body for i=3 to 7 Font size=i 这里是手机市场！BR next/body/html,二、ASP的工作原理-4,浏览结果,这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！,浏览屏幕,二、ASP的工作原理-5,-ASP文件的运行过程,ASP的工作过程,三、ASP脚本编程-1,-ASP脚本命令包含内容 脚本语言可用VBScript写ASP内置对象R

10、ehuest就是一个内置对象Active X组件ASP支持的Active X组件包括ASP服务器本身附带的内置组件和用户自己（第三方）创建的ASP组件。,三、ASP脚本编程-2,-用户与WEB服务器之间的信息交互使用HTML中的FORM（表单）ASP文件中可使用VBScript作为脚本语言，也可用JAVAScript作为脚本语言。,三、ASP脚本编程-3,ASP环境下处理数据实例Tijiao3.htm 请提供以下信息，然后单击提交。姓名：密码：,三、ASP脚本编程-4,ASP环境下处理数据实例Fanhui3.asp对不起！您的密码不对。,第六节 Web数据库,网站运用了数据库技术，就可以实现网

11、页更新的自动化，即只要将数据库中的内容更新了，网页上的内容也就自动更新了。本节内容：一、数据库管理信息系统二、Web数据库,一、数据库管理系统,-数据库管理系统的功能 建立数据库 管理数据库 实现数据的传送等,二、Web数据库-1,-Web数据库系统是指以HTML为代表的Web页面（即网页）与位于底层的数据库的集成。-数据库管理系统解决Web页面和数据库之间的通信问题。开放式数据库连接器ODBC ODBC是一种编程接口，它能使应用程序访问支持SQL查询语言的数据库管理系统，实现与各种数据库的通信。SQL查询语言,二、Web数据库-2,数据库的应用实例 现在有一客户在已知新书代码后希望知道该书的

12、单价和是否有书。客户向WEB服务器发出HTTP请求用户在屏幕上看到的如图所示,查询输入屏幕,二、Web数据库-3,从浏览器上调用下列CX-SEND.ASP程序产生的页面，并输入新书代码后提交。欢迎查看新书价格和库存量欢迎查看新书价格和库存量 请输入新书代码,二、Web数据库-4,Web服务器上的ASP软件对此程序进行解释并执行另外一个名为cx-back.asp的程序。欢迎查看新书价格和库存量%Set conn=Server.CreateObject(ADODB.Connection)DBPath=Server.MapPath(tsxt.mdb),二、Web数据库-5,conn.Open dri

13、ver=Microsoft Access Driver(*.mdb);dbq=&DBPathSet rs=Server.CreateObject(ADODB.Recordset)sql=select*from tsxtsql=sql&where id like%&id&%conn.execute sqlrs.open sql,conn,1,3%您查询的新书详单 新书代码 新书名称,二、Web数据库-6,单价（元）库存量 对不起，没有您要查找的书籍数据！,二、Web数据库-7,由CX-SEND.ASP调用CX-BACK.ASP后的屏幕输出见图。,二、Web数据库-8,查询结果输出屏幕,您查询的新书单价和库存量,二、Web数据库-9,Web服务器上的ASP软件对程序的解释和执行过程 取得用户传来的新书代码（见程序第6行）Web页面与数据库Tsxt.mdb相边接（见程序8-11行）第89行，创建一个Connectcon对象 第10行，是打开连接。第11行，是创建一个记录集对象。用SQL查询数据库（见第1215行）在浏览器上显示出查询结果 演示B4 网上图书销售演示系统（见演示光盘）演示B5 工资管理演示系统（见演示光盘）,小 结,