管理信息系统第五版黄梯云第4章Web开发的基本技术

1、编辑pptWeb开发的基本技术第四章第四章 Web开发的基本技术开发的基本技术2021-12-9编辑pptWeb开发的基本技术2第一节第一节 万维网（万维网（World Wide Web）第二节第二节 HTML第三节第三节 Frontpage第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术31.1 Internet1.1 Internet地址地址Internet地址惟一地确定地址惟一地确定Internet上每台计

2、算机与每个用户的位置。对用户来说，上每台计算机与每个用户的位置。对用户来说，Internet地址有两种表示形式：地址有两种表示形式：IP地址和域名。地址和域名。接入Internet的计算机也有一个由授权机构分配的号码，这个号码就叫IP地址。IP地址分前后两部分，前面的部分叫网络号，后面的部分叫主机号。由于IP地址的数字地址很难记忆，通常使用一个文字IP地址来表示，把它叫做域名。2021-12-9编辑pptWeb开发的基本技术41.2 Internet1.2 Internet提供的服务提供的服务Internet提供的常用的服务有：提供的常用的服务有：12342021-12-9编辑pptWeb开发

3、的基本技术51.3 www1.3 www服务服务在万维网上不仅可以看到文字、图片，而且可以听到声音、看到动画。在万维网上不仅可以看到文字、图片，而且可以听到声音、看到动画。www服务是通过客服务是通过客户机上的户机上的Web浏览器和浏览器和Web站点上的站点上的Web服务器之间的通信来实现的（见图服务器之间的通信来实现的（见图4.1）。）。图4.1 Web服务器的工作原理2021-12-9编辑pptWeb开发的基本技术61.4 1.4 网页和超文本网页和超文本经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中经过系统设计，设计人员应能为程序开发人员提供完整、清楚的

4、设计文档，并对设计规范中不清楚的地方做出解释。系统设计中，应遵循以下原则：不清楚的地方做出解释。系统设计中，应遵循以下原则：（一）网页网页是我们在网上用浏览器（如Internet Explorer，简称IE）看到的那些页面。这些页面实际上都是一个个文件。由若干互连的文本块组成的文本就是超文本。在www系统中，信息是按超文本方式组织的。 （二）HTML文件这种文件是用超文本标语言（HTML，Hyper Text Markup Language）写的。它存放在WEB服务器上，关于HTML在下一节还要详细阐述。（三）http协议www服务是执行http协议进行传输的。如果输入以下一句，进行信息定位,

5、就可指向哈尔滨工业大学主页所在的位置： http:/ 我们把它称为哈工大www 服务器的URL（统一资源 定位器）2021-12-9编辑pptWeb开发的基本技术71.4 1.4 网页和超文本网页和超文本经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中不清楚的地方做出解释。系统设计中，应遵循以下原则：不清楚的地方做出解释。系统设计中，应遵循以下原则：（四）www浏览器这是客户机上的一种软件，通过它可以找到并浏览Internet上各种WWW服务器上的主页。常用的浏览器软件有微软公司的I

6、nternet Explorer和Netscape 公司的Navigator等。（五）搜索引擎搜索引擎是Internet上的一种www服务器，它能在Internet中主动搜索其他www服务器中的信息并对其索引。使用搜索引擎时，用户输入关键字后，搜索引擎能返回包含该关键字信息的URL，并提供通向该站点的链接。2021-12-9编辑pptWeb开发的基本技术8第一节第一节 万维网（万维网（World Wide Web）第二节第二节 HTML第三节第三节 Frontpage第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第

7、七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术92.1 2.1 用用HTMLHTML做简单的网页做简单的网页超文本文件是由超文本标记语言超文本文件是由超文本标记语言(HTML)写成，这种文件的格式就是大家所熟知的写成，这种文件的格式就是大家所熟知的ASCII格格式。式。双标记方式单标记方式例例2021-12-9编辑pptWeb开发的基本技术102.2 HTML2.2 HTML文档的一般结构文档的一般结构下面举例说明HTML文档的一般结构：网上手机市场你想要买手机吗?你可以访问手机网站 了解有关信息。这里：html和/html表示超文本的

8、开始与结束；head和/head是超文本文件头的起止；body和/body是超文本正文主体的起止；p和/p是段落的起止；a和/a是定义超文本链接点的标记元素。 href是标记元素a的属性。2021-12-9编辑pptWeb开发的基本技术112.3 2.3 在网页中插入图片在网页中插入图片如果想在方才显示的屏幕上增加一个名为如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形（见图的图形（见图4.2），只要在上述），只要在上述HTML文文档中增加下面一句即可：档中增加下面一句即可：IMG SRC=“gxkj.gif”widfh“20”height“15” 这里IMG是插入图形文件的标记。

9、“SRC=”后面的gxkj.gif 是图形文件名。 此图宽20 MM，高15MM,可由扫描得到。图4.2 插入图片 你想买手机吗？可以访问手机网站来了解有关信息图片2021-12-9编辑pptWeb开发的基本技术122.4 2.4 用用HTMLHTML定义表格定义表格运用标记元素可以写出供浏览表格用的运用标记元素可以写出供浏览表格用的HTML文本。下面列出的文本。下面列出的HTML文本可以显示出图文本可以显示出图4.3所示的表格：所示的表格：表格名称第一标题列第二标题列第三标题列第一标题列第二标题列第三标题列 图4.3 浏览器上显示的表格2021-12-9编辑pptWeb开发的基本技术13第一

10、节第一节 万维网（万维网（World Wide Web）第二节第二节 HTML第三节第三节 Frontpage第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术143. Frontpage3. Frontpage如果使用微软公司的如果使用微软公司的FrontPage这种这种WEB编程工具就可以做到在几乎不需要编写编程工具就可以做到在几乎不需要编写HTML代代码的情况下，完成网页的制作，同时自动地生成码的情况下，完成

11、网页的制作，同时自动地生成HTML文件。文件。产品号产品型号生产厂家价格 产品价格表图4.5 一个被链接的页面下面通过将图4.4和图4.5二个页面相链接的例子来说明用FrontPage制作HTML文件的过程。动态字幕网上手机商场产品价格表见正按八折销售，欢迎选购手机照片图4.4 一个主页面2021-12-9编辑pptWeb开发的基本技术153. Frontpage3. Frontpage1.定义主网页定义主网页2.网页分区网页分区3.输入网页标题文字输入网页标题文字第第1步步第第2步步第第3步步第第4步步第第5步步第第6步步第第7步步4.插入照片插入照片6.做被连接的网页做被连接的网页5.做动

12、态字幕做动态字幕7.建立超链接，填建立超链接，填URL地址地址新建网页普通网页确定网页名字并存储点击“插入表格”按钮，做出22表格，并把表格实线变为虚线方法同用WORD编写文字，在左上格写上“网上手机商场”几个字点击选图片钮 用右键点图片 点击图片属性 外观尺寸在右下格写“正按八折销售,欢迎选购”字样，选中后 插入 组件 字幕 字幕属性 样式 格式 字体另外做一个被连接的网页（手机价格表）主网页右上写“产品价格表见”,选中后，用右键点击选“超链接属性”，填上URL地址.2021-12-9编辑pptWeb开发的基本技术16第一节第一节 万维网（万维网（World Wide Web）第二节第二节

13、HTML第三节第三节 Frontpage第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术174.4.交互网页的制作交互网页的制作我们需要通过网页实现网上注册、网上交谈、网上查询。这就需要使用交互性标记元素，通我们需要通过网页实现网上注册、网上交谈、网上查询。这就需要使用交互性标记元素，通过交互性标记元素在网页上显示出一个人机对话的表单接口界面（参图过交互性标记元素在网页上显示出一个人机对话的表单接口界面（参图4.

14、6）请提供以下信息，然后单击提交姓名：密码：提交清楚图4.6 人机对话的界面2021-12-9编辑pptWeb开发的基本技术184.4.交互网页的制作交互网页的制作我们看一下，用我们看一下，用FORM标记元素在标记元素在HTML页面上实现页面上实现“提交提交”（一部分功能）的（一部分功能）的HTML文档。文档。宋欧巴信息的提交页面.htm请提供宋欧巴以下信息,然后单击提交。姓名：密码：FORM语句段的结构如下：FORM METHOD =”POST”(指 从客户机将信息发送到 Web服务器)ACTION =”URL”(激活处 理交互信息的程序)/FORMHTML的交互性标记元素的交互性标记元素F

15、ORM和和INPUT仅仅提供了一个接口界面仅仅提供了一个接口界面, 要全部实现交互功能，仅靠要全部实现交互功能，仅靠HTML是不够的，还必须有是不够的，还必须有ASP环境来进行处理。环境来进行处理。2021-12-9编辑pptWeb开发的基本技术19第一节第一节 万维网（万维网（World Wide Web）第二节第二节 HTML第三节第三节 Frontpage第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术20

16、例：ASP文件VB-SCR-EXM.ASPhtml head title手机市场标题/title /head body % for i=3 to 7% Font size =%=i% 这里是手机市场！BR % next % /body/html5.1 ASP5.1 ASP的定义和工作原理的定义和工作原理ASP（Active Server Pages）是微软公司推出的，为其）是微软公司推出的，为其WEB服务器开发的一个组件。通过服务器开发的一个组件。通过ASP，我们能够将，我们能够将HTML页面、脚本命令、页面、脚本命令、ASP内置对象和内置对象和Active X组件结合起来，建立动组件结合起来

17、，建立动态、交互的态、交互的Web应用程序。简单地讲，应用程序。简单地讲，ASP是位于是位于Web服务器端的脚本运行环境。服务器端的脚本运行环境。ASP文件可以包含以下的几个部分：文件可以包含以下的几个部分：1. 文本；2. HTML标记；3. ASP脚本命令。其中ASP脚本命令可以包含ASP对象，ActiveX组件和任何脚本语言（如VB脚本所言、JAVA脚本语言等）。ASP脚本命令写在“%”和“%”两个符号之间。2021-12-9编辑pptWeb开发的基本技术21图4.8 ASP的工作过程5.1 ASP5.1 ASP的定义和工作原理的定义和工作原理运行下列运行下列ASP文件文件VB-SCR-

18、EXM.ASP后能显示出五行文字，内容都是后能显示出五行文字，内容都是“这里是手机市这里是手机市场！场！”，但字体将逐行放大。，但字体将逐行放大。例：ASP文件VB-SCR-EXM.ASPhtml head title手机市场标题/title /head body % for i=3 to 7% Font size =%=i% 这里是手机市场！BR % next % /body/html上述ASP文件是怎样执行（运行）的呢？其过程如图4.8所示：2021-12-9编辑pptWeb开发的基本技术225.2 ASP5.2 ASP脚本编程脚本编程ASP的目的是实现用户与的目的是实现用户与WEB服务器

19、之间的信息交互。那么，通过什么来交换信息呢？首先，服务器之间的信息交互。那么，通过什么来交换信息呢？首先，前面第三节中讲过，可以使用前面第三节中讲过，可以使用HTML中的中的FORM（表单）。（表单）。接收用户输入的HTML文件为：tijiao.htm form method=“post”action=“fanhui.asp”p请提供以下信息，然后单击提交。p姓名：input name=“myname”size=“36”p密码：input name=“password”type=password size=“36”pinput type=submit value=“提交”/form处理上面表单

20、提交的数据，并将有关内容返回给用户的ASP文件为：fanhui.asp% myname=Request.Form(“myname”)password=request.form(“password”)If password=”123456”then%=myname %先生（女士）：我们接受您的申请。您可以用以下密码查阅我们的资料：abcde% else%对不起！您的密码不对。%End if%2021-12-9编辑pptWeb开发的基本技术235.3 Internet5.3 Internet信息服务信息服务在调试和运行在调试和运行ASP文件之前，需在操作系统中先装好文件之前，需在操作系统中先装好I

21、IS服务，然后才可以运行，步骤如下：服务，然后才可以运行，步骤如下：打开“控制面板”，然后单击启动 “添加/删除程序”，按向导指示，完成对IIS的安装。单击Windows开始菜单-所有程序-管理工具-IIS，即可启动“Internet信息服务”管理工具；IIS默认的文档只有default.htm和default.asp，根据需要，应将你设计的asp加入.在浏览器中输入,即可运行。这里我们假定cx-send.asp是你的asp程序文件名。2021-12-9编辑pptWeb开发的基本技术24第一节第一节 万维网（万维网（World Wide Web）第二节第二节 HTML第三节第三节 Frontp

22、age第四节第四节 交互网页的制作交互网页的制作第五节第五节 ASP（动态服务主页）（动态服务主页）第六节第六节 Web数据库数据库第七节第七节 关于关于Web2.0 本本 章章 内内 容容2021-12-9编辑pptWeb开发的基本技术256. Web6. Web数据库数据库Web数据库系统是指以数据库系统是指以HTML为代表的为代表的Web页面（即网页）与位于底层的数据库的集成。页面（即网页）与位于底层的数据库的集成。Internet用户可以通过用户可以通过Web页面来访问和数据库中的数据。页面来访问和数据库中的数据。 Oracle，Sybase，SQL Server 等都可以为Web提供数据库支持。 重要的是要解决Web页面和数据库之间的通信问题。2021-12-9编辑pptWeb开发的基本技术266. Web6. Web数据库数据库ODBC是一种编程接口，它能使应用程序访问支持是一种编程接口，它能使应用程序访问支持SQL查询语言的数据库管理系统，实现与查询语言的数据库管理系统，实现与各种数据库的通信。只要在互联网信息服务器（各种数据库