管理信息系统Web开发的基本技术_第1页
管理信息系统Web开发的基本技术_第2页
管理信息系统Web开发的基本技术_第3页
管理信息系统Web开发的基本技术_第4页
管理信息系统Web开发的基本技术_第5页
已阅读5页，还剩31页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

管理信息系统February4,2023第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0第四章Web开发的基本技术February4,202311.1Internet地址Internet地址惟一地确定Internet上每台计算机与每个用户的位置。对用户来说，Internet地址有两种表示形式：IP地址和域名。IP地址域名接入Internet的计算机也有一个由授权机构分配的号码，这个号码就叫IP地址。IP地址分前后两部分，前面的部分叫网络号，后面的部分叫主机号。由于IP地址的数字地址很难记忆，通常使用一个文字IP地址来表示，把它叫做域名。February4,202321.2Internet提供的服务Internet提供的常用的服务有：电子邮件服务1文件传输服务（FTP服务）2万维网服务（www服务）3新闻公告类服务4February4,202331.3www服务在万维网上不仅可以看到文字、图片，而且可以听到声音、看到动画。www服务是通过客户机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的（见图4.1）。图4.1Web服务器的工作原理February4,202341.4网页和超文本经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中不清楚的地方做出解释。系统设计中，应遵循以下原则：（一）网页网页是我们在网上用浏览器（如InternetExplorer，简称IE）看到的那些页面。这些页面实际上都是一个个文件。由若干互连的文本块组成的文本就是超文本。在www系统中，信息是按超文本方式组织的。

（二）HTML文件这种文件是用超文本标语言（HTML，HyperTextMarkupLanguage）写的。它存放在WEB服务器上，关于HTML在下一节还要详细阐述。（三）http协议www服务是执行http协议进行传输的。如果输入以下一句，进行信息定位,就可指向百度主页所在的位置：http://我们把它称为百度www服务器的URL（统一资源定位器）February4,202351.4网页和超文本经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中不清楚的地方做出解释。系统设计中，应遵循以下原则：（四）www浏览器这是客户机上的一种软件，通过它可以找到并浏览Internet上各种WWW服务器上的主页。常用的浏览器软件有微软公司的InternetExplorer和Netscape公司的Navigator等。（五）搜索引擎搜索引擎是Internet上的一种www服务器，它能在Internet中主动搜索其他www服务器中的信息并对其索引。使用搜索引擎时，用户输入关键字后，搜索引擎能返回包含该关键字信息的URL，并提供通向该站点的链接。February4,20236第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,202372.1用HTML做简单的网页超文本文件是由超文本标记语言(HTML)写成，这种文件的格式就是大家所熟知的ASCII格式。把文档中各种不同的内容用不同的标记元素对其属性做上标记。这样一来，超文本就是由标记和文本内容两者组成的了。还有一种标记方式叫做单标记方式，它不是成对地出现标记，只需一个标记单独使用，就能完整地表达意思。双标记方式单标记方式<HRSIZE=2ALIGN=LEFTWIDTH=200>例February4,202382.2HTML文档的一般结构下面举例说明HTML文档的一般结构：<html><head><title>网上手机市场</title></head><body><p>你想要买手机吗?</P><p>你可以访问<ahref=“http：//”>手机网站</a>了解有关信息。</P></body></html>建立和运行上述HTML文件的最原始的办法是将它写到Window附件中的记事本上，形成.txt文件，然后将后缀改为.html,用鼠标双击文件名，即可运行。这里：〈html〉和〈/html〉表示超文本的开始与结束；〈head〉和〈/head〉是超文本文件头的起止；〈body〉和〈/body〉是超文本正文主体的起止；〈p〉和〈/p〉是段落的起止；〈a〉和〈/a〉是定义超文本链接点的标记元素。href是标记元素a的属性。February4,202392.3在网页中插入图片如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形（见图4.2），只要在上述HTML文档中增加下面一句即可：〈IMGSRC=“gxkj.gif”width“20”height“15”〉这里IMG是插入图形文件的标记。“SRC=”后面的gxkj.gif是图形文件名。此图宽20MM，高15MM,可由扫描得到。图4.2插入图片你想买手机吗？可以访问手机网站来了解有关信息图片February4,2023102.4用HTML定义表格运用标记元素可以写出供浏览表格用的HTML文本。下面列出的HTML文本可以显示出图4.3所示的表格：<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名称</caption><tralign=center><tdwidth="30%">第一标题列</th><tdwidth="30%">第二标题列</td><tdwidth="40%">第三标题列</td></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>第一标题列第二标题列第三标题列

图4.3浏览器上显示的表格February4,202311第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,2023123.Frontpage如果使用微软公司的FrontPage这种WEB编程工具就可以做到在几乎不需要编写HTML代码的情况下，完成网页的制作，同时自动地生成HTML文件。产品号产品型号生产厂家价格

产品价格表图4.5一个被链接的页面下面通过将图4.4和图4.5二个页面相链接的例子来说明用FrontPage制作HTML文件的过程。动态字幕网上手机商场产品价格表见正按八折销售，欢迎选购手机照片图4.4一个主页面February4,2023133.Frontpage1.定义主网页2.网页分区3.输入网页标题文字第1步第2步第3步第4步第5步第6步第7步4.插入照片6.做被连接的网页5.做动态字幕7.建立超链接，填URL地址新建—网页—普通网页—确定网页名字并存储点击“插入表格”按钮，做出2×2表格，并把表格实线变为虚线方法同用WORD编写文字，在左上格写上“网上手机商场”几个字点击选图片钮—用右键点图片—点击图片属性—外观尺寸在右下格写“正按八折销售,欢迎选购”字样，选中后—插入—组件—字幕—字幕属性—样式—格式—字体另外做一个被连接的网页（手机价格表）主网页右上写“产品价格表见”,选中后，用右键点击选“超链接属性”，填上URL地址.February4,202314第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,2023154.交互网页的制作我们需要通过网页实现网上注册、网上交谈、网上查询。这就需要使用交互性标记元素，通过交互性标记元素在网页上显示出一个人机对话的表单接口界面（参图4.6）请提供以下信息，然后单击提交姓名：密码：提交清除图4.6人机对话的界面February4,2023164.交互网页的制作我们看一下，用FORM标记元素在HTML页面上实现“提交”（一部分功能）的HTML文档。tijiao.htm<formmethod=“post”action=”fanhui.asp”><p>请提供以下信息,然后单击提交。<p>姓名：<inputname=“myname”size=”36”><p>密码：<inputname=“password”type=passwordsize=”36”><p><inputtype=submitvalue=”提交”><inputtype=resetvalue=”清除”></from>FORM语句段的结构如下：<FORMMETHOD=”POST”(指

从客户机将信息发送到Web服务器) ACTION=”URL”(激活处

理交互信息的程序)<INPUTTYPE=…NAME=…VALUE=…>〈/FORM〉HTML的交互性标记元素〈FORM〉和〈INPUT〉仅仅提供了一个接口界面,要全部实现交互功能，仅靠HTML是不够的，还必须有ASP环境来进行处理。February4,202317第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,202318例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手机市场标题〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉

这里是手机市场！〈BR〉〈%next%〉〈/body〉〈/html〉5.1ASP的定义和工作原理ASP（ActiveServerPages）是微软公司推出的，为其WEB服务器开发的一个组件。通过ASP，我们能够将HTML页面、脚本命令、ASP内置对象和ActiveX组件结合起来，建立动态、交互的Web应用程序。简单地讲，ASP是位于Web服务器端的脚本运行环境。ASP文件可以包含以下的几个部分：1.文本；2.HTML标记；3.ASP脚本命令。其中ASP脚本命令可以包含ASP对象，ActiveX组件和任何脚本语言（如VB脚本所言、JAVA脚本语言等）。ASP脚本命令写在“〈%”和“%〉”两个符号之间。February4,202319图4.8ASP的工作过程5.1ASP的定义和工作原理运行下列ASP文件VB-SCR-EXM.ASP后能显示出五行文字，内容都是“这里是手机市场！”，但字体将逐行放大。例：ASP文件VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手机市场标题〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉

这里是手机市场！〈BR〉〈%next%〉〈/body〉〈/html〉上述ASP文件是怎样执行（运行）的呢？其过程如图4.8所示：February4,2023205.2ASP脚本编程ASP的目的是实现用户与WEB服务器之间的信息交互。那么，通过什么来交换信息呢？首先，前面第三节中讲过，可以使用HTML中的FORM（表单）。接收用户输入的HTML文件为：tijiao.htm〈formmethod=“post”action=“fanhui.asp”>〈p〉请提供以下信息，然后单击提交。〈p〉姓名：〈inputname=“myname”size=“36”>〈p〉密码：〈inputname=“password”type=passwordsize=“36”>〈p〉〈inputtype=submitvalue=“提交”><inputtype=resetvalue=“清除”>〈/form〉处理上面表单提交的数据，并将有关内容返回给用户的ASP文件为：fanhui.asp〈%myname=Request.Form(“myname”)password=request.form(“password”)Ifpassword=”123456”then%〉〈%=myname%〉先生（女士）：我们接受您的申请。您可以用以下密码查阅我们的资料：abcde〈%else%〉对不起！您的密码不对。〈%Endif%〉February4,2023215.3Internet信息服务在调试和运行ASP文件之前，需在操作系统中先装好IIS服务，然后才可以运行，步骤如下：1.安装IIS2.启动Internet信息服务3.将你设计的asp加入4.运行打开“控制面板”，然后单击启动“添加/删除程序”，按向导指示，完成对IIS的安装。单击Windows开始菜单所有程序管理工具IIS，即可启动“Internet信息服务”管理工具；IIS默认的文档只有default.htm和default.asp，根据需要，应将你设计的asp加入.在浏览器中输入http://localhost/syasp/cx-send.asp,即可运行。这里我们假定cx-send.asp是你的asp程序文件名。February4,202322第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,2023236.Web数据库Web数据库系统是指以HTML为代表的Web页面（即网页）与位于底层的数据库的集成。Internet用户可以通过Web页面来访问和数据库中的数据。Oracle，Sybase，SQLServer等都可以为Web提供数据库支持。重要的是要解决Web页面和数据库之间的通信问题。February4,2023246.Web数据库ODBC是一种编程接口，它能使应用程序访问支持SQL查询语言的数据库管理系统，实现与各种数据库的通信。只要在互联网信息服务器（IIS）的Web服务器上安装ODBC驱动程序，就可方便地实现Web页面与数据库的连接。第一步ODBC与数据库联系前需要知道数据库源名（简称DSN）第二步用数据库查询语言SQL对数据库中的数据进行操作，实现Internet远程用户对数据库数据及信息的访问。February4,202325第一节万维网（WorldWideWeb）第二节HTML第三节Frontpage第四节交互网页的制作第五节

ASP（动态服务主页）第六节Web数据库第七节关于Web2.0

第四章Web开发的基本技术February4,2023267.关于Web2.0Web2.0是新一代互联网应用技术的统称。与Web1.0相比改变了传统用户从互联网网页获取信息的模式，将用户与网络的交互作为新一代技术的基本内核。以人为核心构建网络，提供个性化服务是其重要指导思想。Web2.0目前主要的代表应用有：博客（BLOG）、聚合内容(RSS)、百科全书(Wiki)、社会网络（SNS）、即时信息（IM）等February4,2023277.关于Web2.0Web2.0具有以下特点：1.以人为核心2.以开放性为特征3.以AJAX为技术保障February4,202328Web是Internet网上的一种超文本的信息检索服务程序。它具有的超链接功能可以支持文本、图象、声音和视频等多种数据类型。为了解决客户与Web服务器间的

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论