第四章MIS Ch04 Web开发的基本技术

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,MIS,4 Web,开发的基本技术,背景,以电子商务应用为例,客户,商家,网上营销,应用软件,WEB,服务器,ASP,文件形式、,HTML,文件形式,1,4.1 WWW,Internet,提供的服务,www,服务,网页和超文本,2,4.1.1 Internet,提供的服务,1,.,电子邮件,E-mail,服务：,执行,TCP/IP,协议中的简单邮件传输协议,(SMTP),、,邮局协议,(POP3),、网际消息访问协议,(IMAP4),。,2,.,文件传输,FTP,服务,(file transfer protocol):,执行,TCP/IP,协议中的,FTP,传输协议。,3.,远程登陆服务（,Telnet,）,4.,新闻公告类服务,5.,信息检索服务,6.www,服务（,World Wide Web,）,3,4.1.2 WWW,服务,全球信息网是,Internet,上目前最流行的信息发布方式,将分散在世界各地的信息用,超文本方式,链接在一起，以“,网页,”的形式供查询,文字、图片、声音、动画。,www,服务,是通过客户机上的,Web,浏览器,和,Web,站点上的,Web,服务器,之间的通信来实现的。,4,Web,服务器的工作原理,HTML,文件,Web,浏览器（软件）,客户机,Internet,上的,Web,服务器,Internet,上的,Web,服务器,访问链接,的信息,链接,http,协议,用户,5,4.1.3,网页和超文本,1,.,网页与超文本：网页（,Web page,）是用超文本标记语言（,Hyper Text Markup Language,）制作的，后缀名,html,。,2.HTML,文件：存放在,WEB,服务器上。,3.http,协议（,Hyper Text Transfer Protocol,）,超文本传输协议，,www,服务是执行,http,协议进行传输的。,4.www,浏览器：软件，浏览,Internet,上各种,WWW,服务器上的主页。,Internet Explorer(,简称,IE),6,4.2 HTML,用,HTML,做简单的网页,HTML,文档的一般结构,在网页中插入图片,用,HTML,定义表格,7,4.2 HTML,是全球广域网上描述网页内容和外观的标准。,在,Internet,网站上广泛使用的语言，绝大部分的网页都是采用,HTML,格式的文件，因此，网页的本质就是,HTML,，,HTML,是网页编程的基础。,网页是,Web,上的基本文档，用,HTML,编写。因此，一个网页就是一个,HTML,文件,，也,称为,Web,页,HTML,文件是一个纯文本或,ASCII,码文件，可以在任何具有,文本编辑功能,的字处理软件中进行编辑，文件的扩展名必须是,.,htm,或,.html,。,8,4.2.1,用HTML做简单的网页,双标记方式,网络营销,网络营销,标记元素开始,标记元素的属性,标记元素结束,标记名 标记元素的属性 要显示的文本内容,标记元素功能：变,化字体大小和颜色。,特点：标记元素成对出现。,9,单标记方式,10,4.2.2 HTML,文档的一般结构,网上手机市场,你想要买手机吗,?,你可以访问,手机网站,了解有关信息,。,11,4.2.3,在网页中插入图片,如果想在方才显示的屏幕上增加一个名为,gxkj.gif,的图,形，只要在上述,HTML,文档中增加：,12,4.2.4,用HTML定义表格,表格名称,第一标题列,第二标题列,第三标题列,13,4.3,FrontPage,使用微软公司的,FrontPage WEB,编程工具可以做到在几乎不需要编写,HTML,代码的情况下，完成网页的制作，同时自动地生成,HTML,文件。,用,FrontPage,制作页面,：,“所见即所得”,14,仅有静态的网页是不够的。我们需要通过网页实现网上注册（客户在网页上写入自己的姓名和密码）、网上交谈、网上查询（客户在网页上输入自己要买的产品名，网站返回该产品名的性能、价格等），这就需要使用交互性标记元素。,4.4,交互网页的制作,15,4.4,交互网页的制作,交互性标记元素,通过交互性标记元素可以在网页上显示出一个人机对话的,表单接口界面,。,人机对话的表单接口界面,请提供以下信息，然后单击提交,姓名：,密码：,提交,清除,16,4.4,交互网页的制作,在网页中，表单是一种重要的信息收集和交流工具，是网页交互功能的集中体现。表单是站点的设计者收集信息的域集。站点访问者填表单的方式是,输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项,等。,为了在浏览器上看到这个表单界面，就需要使用,FORM,（可译作“表单”）标记元素。,17,表单（,FORM,）允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据，使用了各种控件设计表单，如,INPUT,或,SELECT,。,查看表单的用户只需填写数据并单击提交按钮即可向服务器发送数据。服务器上的脚本会处理这些数据。,4.4,交互网页的制作,18,4.4,交互网页的制作,FORM,标记元素,文字输入和密码输入（,Text,和,Password,）,：,您的姓名,:,您的主页的网址,:,密码,:,19,4.4,交互网页的制作,单击复选框,(Checkbox),：,Banana,Apple,Orange,Banana,Apple,Orange,20,4.4,交互网页的制作,单击单选框,(Radio Button),：,Banana,Apple,Orange,Banana,Apple,Orange,21,请提供以下信息，然后单击提交,姓名：,密码：,提交,清除,4.4,交互网页的制作,用,FORM,标记元素在,HTML,页面上实现“提交”的一部分,HTML,文档,Tijiao3.htm,请提供以下信息,然后单击提交。,姓名：,密码：,22,4.4,交互网页的制作,FORM,语句段的结构,：,FORM METHOD=,POST,ACTION=,URL,23,用,HTML,写的文本是静态的。你可以看到页面上的内容，但不能在屏幕上输入并传送数据到,Web,服务器，更无法进行完整的人机对话。当涉及到页面与数据库的连接问题和从站点返回一个页面给客户的问题时，仅依靠,HTML,文本是做不到的。,ASP,就是为了解决动态交互的问题和页面与数据库连接的问题而设计的。,一、什么是,ASP？,二、,ASP,的工作原理,三、,ASP,脚本编程,4.5 ASP,（动态服务主页）,24,4.5 ASP,（动态服务主页）,1.,什么是,ASP？,ASP,（,Active Server Pages,）是微软公司为它,的,WEB,服务器（互联网信息服务器，简称,IIS,）开发的,一个组件（软件），它是一种,实现动态网页开发技术,的服务器端的开发环境,，号称可以让服务器的网页动,起来。,ASP,是,位于,Web,服务器端的脚本运行环境。,通过这种,环境，用户可以创建和运行动态的、交互的,Web,服务器,应用程序，实现交互动态网页，如,HTML,表单的处理和返,回一个页面。,25,4.5 ASP,（动态服务主页）,2.ASP,的工作原理,后缀名：,.ASP,，以文件形式存放在,Web,服务器上。,包含以下的几个部分：,1,.,文本；,2.HTML,标记；,(,普通的,HTML,文本,/,基本网页的内容,),；,3.ASP,脚本命令等。,ASP,脚本命令写在“,%”,和“,%”,两个符号之间,是,服务器端执行的程序代码,。,可用,文本编辑器（如记事本）,进行编辑，也可以用,WEB,编程工具,FrontPage,、,Dreamweaver,来做。,26,4.5 ASP,（动态服务主页）,ASP,文件实例：,VB-SCR-EXM.ASP,手机市场标题,这里是手机市场！,27,4.5 ASP,（动态服务主页）,ASP,文件实例：,VB-SCR-EXM.ASP,（,去掉,）,手机市场标题,for i=3 to 7,这里是手机市场！,next,28,ASP,的工作过程,ASP,文件的运行过程,从浏览器上输入了以,ASP,为后缀的地址后，浏览器就将这个,URL(,Uniform,Resource Locator,),请求发送给,Web,服务器；,Web,服务器读到有,ASP,后缀的文件后就调用,ASP,；,浏览器,http,请求,http,响应,Web,服务器,ASP,ASP,读出该文件，解释并执行命令，将结果传给,Web,服务器；,然后,Web,服务器再把结果发回给浏览器。,29,4.5 ASP,（动态服务主页）,hello.asp,每天不同时刻的问候语,%dim says,if,hour(now,)12 then says=,早上好！,else if,hour(now,),30,4.5 ASP,（动态服务主页）,对于,服务器,来说，,ASP,与,HTML,有着本质的区别,:,HTML,是不经任何处理就被送回给浏览器，,而,ASP,的每一条命令都首先被用来生成,HTML,文件，这也正是,ASP,允许生成动态内容的原因之一，也是动态网页复杂之所在。,对于,浏览器,来说，,ASP,和,HTML,几乎没有区别，仅仅是后缀为*,.asp,和*,.,htm,（或*,.html,）的不同。,31,ASP,的目的是实现用户与,WEB,服务器之间的信息交互，可以使用,HTML,中的,FORM,（表单），,FORM,被嵌在网页中，用户通过浏览器看到表单后输入数据；数据被提交后，还有一个处理过程，处理后形成一个页面返回给用户。这些处理过程，,HTML,标记部分无法完成，需要用,ASP,脚本命令编写的那部分来完成。,4.5 ASP,（动态服务主页）,32,4.5 ASP,（动态服务主页）,ASP,脚本编程,ASP,脚本命令,包括：,1,）脚本语言,VBScript,如果这个,ASP,网页要用,VBScript,编写,就在开头写,；,JAVAScript,如果这个,ASP,网页要用,JScript,编写,就在开头写,33,4.5 ASP,（动态服务主页）,2,）,ASP,内置对象,ASP,内置对象就好象是一个函数，这个函数把一些功能（如发送，接受数据等）封装好了，你只要使用它就行了，不用管这个函数内部是怎么工作的，,Request,就是一个内置对象,(,提取表单中的数据,),。,3,）,Active X,组件,作为基于,Web,的应用程序部分在,Web,服务器上运行。提供了应用程序的主要功能（如访问数据库），这样就不必创建或重新创建执行这些任务的代码。,ASP,可利用数据访问的,Active,X,组件,ADO,（,Active Data Object,）方便地访问数据库。,34,Web,数据库的应用实例：,现在有一客户在已知新书代码后希望知道该书的单价和是否有书。,1.,客户向,WEB,服务器,发出,HTTP,请求,2.,用户在屏幕上看到的如,图,所示,欢迎查看新书价格和库存量,请输入新书代码,确认,重写,查询输入屏幕,35,3.,从浏览器上调用下列,CX-SEND.ASP,程序产生的页面，并输入新书代码后提交。,欢迎查看新书价格和库存量,欢迎查看新书价格和库存量,请输入新书代码,36,4.Web,服务器上的,ASP,软件对此程序进行,解释并执行,另外一,个名为,cx-back.asp,的程序。,欢迎查看新书价格和库存量,%,Set,conn,=,Server.CreateObject(ADODB.Connection,),DBPath,=,Server.MapPath(tsxt.mdb,),37,conn.Open,driver=Microsoft Access Driver(*.,mdb);dbq,=,&,DBPath,Set,rs,=,Server.CreateObject(ADODB.Recordset,),sql,=