网站设计与开发第二章ppt课件.ppt

《网站设计与开发第二章ppt课件.ppt》由会员分享，可在线阅读，更多相关《网站设计与开发第二章ppt课件.ppt（83页珍藏版）》请在三一办公上搜索。

1、网站设计与开发,第二章 构建电子商务网站的方法及相关技术构建电子商务网站方法计算机网络概述电子商务系统的多层结构网站开发技术综述,本章目录,B2B商业模式比较,电子商务网站建设方式,目录,1,3,4,2,电子商务网站开发方法类似于信息系统开发方法，主要分为四种：（1）结构化系统开发方法 以用户至上为原则，按结构化、模块化、自顶向下的方法对系统进行分析。自下而上进行实施。,第一节 电子商务网站的开发方法,系统规划,系统分析,系统设计,系统实施,系统运行,（2）原型法开发,需求搜索与分析,快速设计,建立原型,评估与修正模型,软件产品,（3）面向对象开发方法 客观事物由对象组成；对象由属性和方法组成

2、；对象之间的联系通过传递消息实现；对象可按其属性进行归类。,现实世界,OOA,OOD,OOP,计算机世界,开发过程,第二节 网络基础,2.1 因特网及功能（1）因特网定义Internet也称“因特网”，“国际互联网”，从网络通信技术的角度看，它是一个以TCP/IP协议链接各个国家、各个地区以及各个机构计算机网络的数据通信网。从信息资源的角度看，它是一个集各个部门、各个领域的各种信息资源为一体，供网上用户共享的信息资源。,（2）因特网功能,目前Web信息服务是因特网的最主要应用，它包含整个Internet上的web站点、Gopher信息站、FTP档案库、Telnet公共存取账号、News新闻讨论

3、区以及Wais 资料、库。通过因特网可以进行电子邮件、浏览各种信息、网上购物、网络教学、文件传输。接入因特网的方式：（1）电话接入（2）宽带接入（3）专线接入（4）无线接入 Internet部分是企业电子商务系统的用户访问接口，是真正实现电子商务的基础，是企业和客户之间交流的通道。,2.2万维网(www) www是Internet上的超文本查询工具（简称为web)，是互联网上专门存放网站页面内容的计算机空间。,上图代表分布在世界各地的以统一格式存放的万维网资源。这些资源相互联结，成为一个“网”状结构。我们只要坐在计算机前，就可以调用世界任何地方的万维网资源。,2.3 WWW工作模式,（1）浏览

4、器：负责如何显示信息和向服务器发出请求。（2）服务器：根据客户提出的需求(HTTP请求)，为用户提供信息浏览、数据查询、安全验证等方面的服务。（3）HTTP（超文本传输协议）：是用于从WWW服务器传输超文本到本地浏览器的传送协议。,工作原理,2.4 TCP/IPTCP/IP协议定义了电子设备（比如计算机）如何连入因特网，以及数据如何在它们之间传输的标准。IP协议是Internet上使用的一个关键底层协议，对应7层模型的网络层。TCP建立在IP之上，对应传输层。,2.5 IP地址和域名系统,1. IP地址和域名系统,IP地址:是32位的二进制数值，用于在TCP/IP通讯协议中标记每台计算机的地址

5、。,IP地址有两种表示形式：二进制和点式十进制（常用的），,一个32位IP地址的二进制是由4个8位域组成。即11000000 10101000 00000001 00000110 （192.168.1.6）。,域名系统(DNS):是一个分层的名字管理查询系统，主要提供Internet上主机ip地址和主机名相互对应关系的服务。,域名采用分级结构，由用“”分割的多个字符串组成，高级域在右边，最右边为一级域名。域名格式为： 计算机主机名.机构名.网络名.最高层域名 ,常见的一级域名,常见的二级域名：edu(教育）、net（电信网)、ca（科研网 ）、org（团体）、gov（政府）、com（商业）、m

6、il(军队）,国际互联网域名系统结构,CN,COM,中国,注： （1）IP地址与域名地址两者相互对应，保持全网统一。 如：“百度”的域名是，IP地址是220.181.37.55。（2）域名与ip的区别有：形态的区别：ip地址是一串数字而域名是一个固定形式；价值的区别：ip地址是主机空间的地址存放网站内容的一个容器，可以随时更换而域名使用的时间越久，其价值就越高；记忆成本的区别：ip地址是一串数字，不便于记忆而域名是一个固定的具有涵义的字符组合，方便记忆和输入访问；本质的涵义不同：ip地址相当于隐形人，就算记住了也没有意义而域名是显性的，代表了一个网站，代表了一个品牌。,2.域名解析：由域名服务

7、器来完成的。Internet上的每一个域，都必须设置DNS，负责本域内主机名的管理并与其他各级域名服务器相配合，完成Internet上IP地址与主机名的查询。,域名具有很重要的作用（具有标识性、唯一性、稀缺性)。建立一个网站时，首先进行域名注册。域名注册是将网站的域名合法化以便用户能通过这个域名访问你的网站。注册完之后别人就不能再次使用相同的域名来进行注册。,3.域名管理体系域名注册管理机构：ICANN（国际域名注册管理机构）中国域名（CN）域名注册机构：CNNIC,CN域名注册服务体系注册商管理体系结构如下图所示。,确定好网站的域名之后，还需要经过注册才能使这个 域名真正有效。注册域名可以到

8、域名管理中心或其授权的公司进行办理。中国的域名管理中心是中国互联网络信息中心CNNIC(http:/ 商务中国 新网数码中资源广东时代互联)进行域名的注册。,3.企业选择及注册域名的策略域名命名的一般规则（中文域名）: 中文域名可以选择中文、字母(A-Z，a-z，大小写等价)、数字(0-9)或符号(-)命名您的中文域名，但最多不超过20个字符。 我国中文域名的四种形式,中文.CN 中文.中国 中文.公司 中文.网络,不得使用或限制使用的名称：注册含有“CHINA”、“CHINESE”、”CN”等需经国家有关部门正式批准公众知晓的其他国家或者地区名称、国外地名、国际组织名称不得使用县级以上行政区

9、划名称的全称或缩写行业名称或者商品的通用名称他人已在中国注册过的企业名称或者商标名称对国家、社会或者公共利益有损害的名称,企业注册域名的策略,（1）. 企业域名的选择与企业相关信息一致 单位名称的中英文缩写； 企业的产品注册商标； 与企业广告语一致的中英文内容，但注意不能超过20个字符； 比较有趣的名字如：hello，howareyou，yes，168，等等。,例子: A.比如说“江苏复兴塑料机械厂”，企业通常会购买类似之类的域名，其实最好的域名可以是http:/ http:/ ， 这样采购商可以 从域名了解到该厂叫Fuxin， 生产与塑料行业有关的产品。B.比如用企业名称相应的英文名做域名：

10、 ，使得人们直接了解企业的名字。,（2）. 企业域名的选择采用数字化域名 数字化的域名相对中国绝大多数人来说是一件好记忆，有蕴含，简单明了的好事，不容易搞错，所以，网易网络公司一下子就在Internet上注册了163、263、126、127、188、990等多个域名，这些域名很快被广大的网名所接受，并深入人心。,（3）. 企业域名的选择与企业的性质一致 企业域名可分为国内域名和国际域名，企业域名的选择往往与企业的以下性质有关： 开展业务的地域范围； 主要目标市场的地域； 企业未来的发展和目标。,（4）. 企业域名的注册要注意域名抢注与域名冲突的问题 换个名字，或是在申请的域名上加一个幸运数字、

11、也可以加一些字母、或者选择其他可用的域名。 通过法律手段解决,4.统一资源定位器（URL,Uniform Resource Locators） 它将Internet提供的各类服务统一编址。格式如下： 信息服务类型:/信息资源地址/文件路径 (绝对URL）,http、telnet(远程登录）、ftp(文件传送)、Gopher(查询服务)、wais(资源检索)、news（网络新闻组）,表明后面的字符串是网络上的计算机名称,计算机域名：端口号,可有可无，文件路径具体指出要访问的文件名称,举例 http:/,第三节 电子商务系统的多层结构（1）客户机/服务器结构的发展在软件设计中，分散分布的软件从体系

12、结构上可以分为客户机/服务器(C/S)和浏览器/服务器(B/S)两种。C/S系统：,客户机,服务器,显示逻辑,客户事务处理,请求,响应,数据处理逻辑,数据库,应用C/S体系结构的软件系统应具有以下特点：a.安全性要求高b.具有较强的交互性c.使用者活动范围相对固定d.要求处理大量的实时数据,B/W/S系统：,显示逻辑,事务处理逻辑,浏览器,Web服务器,数据库服务器,数据处理逻辑,数据库,Web浏览器,数据库服务器,应用服务器,Web服务器,HTTP请求,HTML文件,SQL请求,结果,客户端浏览器的主要作用是向Web服务器发出请求，当接到Web服务器传送回来的数据以后，对这些数据进行解释和显

13、示。浏览器以URL为统一的定位格式，使用超文本传输协议HTTP接收采用HTML语言编写的页面，其基本结构如下图所示：,B/W/S结构的优点：a.简化客户端b.服务器端集中了所有事务处理功能c.维护工作得到集中的同时，维护任务被层次化d.具有强大的信息发布能力e.有利于平衡工作负荷,应用B/W/S体系结构的软件系统应具有以下特点：a.使用者活动范围变化大b.安全性要求相对较低c.功能变动频繁,（2）电子商务系统的三层结构,商务表达层 商务逻辑层 数据层,客户端表达逻辑,胖客户表达逻辑,服务器端表达逻辑,客户端,数据存取,商务表达平台 商务支持平台 数据存取平台,商务逻辑,浏览器,应用程序,客户端

14、,Internet,Web及表达层应用,支持平台及工具,互联及集成工具,应用服务器,extranet,intranet,企业应用及数据,伙伴银行CA,a.商务表达层：电子商务系统与用户进行交互的界面，主要为用户提供使用的接口，具体由客户端浏览器或专用的应用程序以及服务器端的相关软件实现。在物理上，它牵涉到前台、后台、前后台之间的通信设备。在技术上，它一般要求能够支持多种标准数据格式、支持多种主流的数据终端、支持用户的个性化要求等。,b.商务逻辑层：描述商务处理过程和商务业务规则，是整个商务模型的核心。商务逻辑层：企业的核心商务逻辑支持核心商务逻辑的辅助部分（商务平台台如：内容管理、知识管理、搜

15、索引擎、目录管理、用户管理等；系统平台如：集成中间件、负荷管理、集群结构、故障恢复、系统管理）,C.数据层 为商务逻辑层提供数据支持。 后端数据具有多种格式、多种来源。,（3）电子商务系统的多层结构:a.客户层b.web服务层表示逻辑c.应用服务层业务逻辑d.中间件层 （优化整性能，提高并发处理能力）.,(4)电子商务系统的基础平台a.企业内部网（Intranet),基于TCP/IP协议,不受地域限制，基于internet技术建设的企业私有网络。,完整的内部网网络系统平台,网络环境平台,网络数据库平台,网络服务平台,广播电视网,网络开发平台,网络用户平台,网络平台,网络应用平台,网络安全平台,

16、网络管理平台,公用电信服务网,互联网,企业内部网功能,财务管理,人力资源管理,高层管理,信息管理,商品管理,中心数据库,用户信息,商品信息,订货信息,投诉信息,服务要求,送货要求,b.企业外部网（Extranet）,使用Internet/Intranet技术使企业与其客户和其他企业相连完成其共同目标的合作网络。 Extranet 大多采用虚拟专网VPN(Virtual Private Network)技术，即在公共的Internet 信息通道上采用隧道技术开辟企业和特定客户间的私有通道。,其可以作为公用的Internet和专用的Intranet之间的桥梁。拥用权限的用户可以访问Extranet

17、上的数据库、文件或其他信息。,第四节 网站开发相关技术,(1) 网站标准确保所有应用能够正常执行，任何网站文档都长期有效。,结构化标准语言（XML）HTML：常见的静态网页开发技术XML：为了解决HTML无法很好地维护和展示大量数据的页面。区别：XML可以提供更多的数据操作，而HTML注重数据的显示。XML可以获得应用之间的相应信息，提供终端的多项处理要求，也能被其他的解析器和工具所使用，在现阶段，XML可以转化成相应的HTML，来适应当前浏览器的需求。,XHTML:同时具有HTML和XML特性的语言，XHTML是作为HTML向XML的过渡语言出现的，可以被任何支持XML的设备（软件）读取。,

18、表现标准语言CSSCSS：层叠样式表，给予网站开发者更好地控制页面显示格式的指令集。类似文字处理软件中的预定义的文档风格。（可以为HTML文件的组成部分，也可以存储在另一个文件中，用HTML风格标记引用）,行为标准包括对象模型（W3C DOM）、ECMAScript等。DOM是一种与浏览器、平台、语言无关的接口，使用户可以访问页面其他的标准组件。ECMAScript是ECMA制定的标准脚本语言。,(2) 数据库技术a.构建网站时常选用的数据库软件有,ORACLE 一种适用于各种类型包括大型、中型和微型计算机的关系数据库管理系统。DB2 IBM公司开发的关系数据库管理系统，可运行在OS/2、Wi

19、ndows NT、UNIX操作系统上。SQL server 微软公司开发的一个关系数据库管理系统。SQL Server 采用二级安全验证、登录验证及数据库用户账号和角色的许可验证。MySql 是一个精巧的SQL数据库管理系统，而且是开源的数据管理系统,与Apache和PHP/PERL结合，为建立基于数据库的动态网站提供了强大动力 。,Microsoft Office Access 是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office 的系统程式之一。 （实验或小型网站也可以用ac

20、cess）,b.常见的数据库接口：ODBC：开放数据库互连，是Microsoft引进的一种早期数据库接口技术，是微软开放服务结构中有关数据库的一个组成部分。它建立了一组规范，并提供了一组对数据库访问的标准API。API利用SQL完成大部分任务，其本身也提供对SQL语言的支持。应用程序要访问一个数据库，首先必须用ODBC管理器注册一个数据源。,OLE DB：微软的战略性的通向不同的数据源的低级应用程序接口。ADO：是一个用于存取数据源的COM组件，是程序和数据接口的桥梁，通过它可以方便地操作数据库里的数据。它提供了编程语言和统一数据访问方式OLE DB的一个中间层。ADO位于OLE DB上层，为

21、不能直接访问OLE DB的语言提供编程接口。JDBC：Java语言的数据库访问API。,(3) web技术,a.Web技术简述 目标：把所有internet上现有资源全部连接，采用图形界面的，融网络技术，超文本技术以及多媒体技术为一体的信息服务系统。 定义：建立在b/s模型之上，以html和http为基础，能够提供面向各种internet服务的且用户界面一致的信息浏览系统。,功能：阅读超文本文件和访问internet资源 特点：以超文本组织网络多媒体信息用户可在世界范围内任意查找，检索，浏览及添加信息提供生动，直观，易于使用，格式统一的图形用户界面网点之间可以相互链接，以提供信息查找和漫游的透

22、明访问具有集成各种最新信息技术和多种文件格式的能力,b.Web技术结构,Web浏览器：可理解多种协议；可理解多种文档；可根据对象类型调用外部应用程序Web server中间件：桥梁,c.通信原理,连接请求响应关闭,d.Web开发技术,语言平台技术,语言,HtmlXML JAVASCRIPT（浏览器端）ACTIVEXVRMLCGIASPJSPPHP,静态,动态,静态web技术:作为客户端技术，静态网页技术是最基础的网页技术。动态web技术：（1）提供动态数据 （2）与浏览器无关 （3）可实现对数据库的直接存取和使用。,静态网页与动态网页的区别静态网页与动态网页的特点当今动态网页技术格局,静态网页

23、与动态网页的区别,内容固定不变，无论是在服务器存放还是被客户端接收，其内容相对稳定的网页称为静态网页。而一些网页在传送前必须先由服务器识别转换客户端程序能够识别的数据，因此网页从服务器存储到客户端接收其内容是动态变化的，一般称为动态网页。 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等，它们是永远不变的。 。,静态网页的工作原理,动态网页的工

24、作原理,因此动态网页有两个显著特点：（1）可以动态产生页面（2）支持客户端和服务器端的交互功能,网站中静态网页和动态网页使用原则 静态网页是网站建设的基础，静态网页和动态网 页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。 动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。,（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注

25、册、用户登录、在线调查、用户管理、订单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。,HTML与网页 HTML是用于编写超文本文件语言。用HTML编写的超文本文件称为HTML文件，以 .htm或 .html为文件扩展名。 网页（Web）是在WWW服务器上发布的HTML文件。,超级链接和超文本 超级链接（Hyperlink）是文件中一些特殊的文字和图形，用鼠标单击这些文字和图形时，会从一个文本跳到到另一个文本。含有超级链接的文本称超文本（Hypertext）。 超文本形式上仍然是ASCII文件，可以用一般的文字处理软件进行编辑、处

26、理。,XML,可扩展的标记语言，描述数据结构可根据需要自己定义所需标记描述文档的结构和含义，不描述页面元素格式,XML用途,数据交换：不同系统间Web应用集成不同数据源本地计算数据的多种显示：可由客户配置动态确定显示方式(XSL, CSS)支持web应用的互操作和集成：接口,Javascript（浏览器端）,脚本语言：javascript,VBScript是java的一个子集不是真正的程序语言，不需编译也不能单独执行，依靠内置于web浏览器中的脚本解释程序运行平台无关性：浏览器支持即可,ACTIVEX,组成：控件：可嵌在HTML中的一小段程序，可从服务器下载安装文档：用于在web浏览器中浏览复

27、合文档，如word脚本描述：Jscript,VBScript,VRML,用于创建三维虚拟世界，并通过浏览器插件在网页上探索,动态网页技术（服务器端动态网站开发技术）a.CGI（1）CGI的工作过程：用户通过浏览器激活，CGI程序将信息传给外部应用程序并启动它，通过CGI程序传给Web服务器，再以HTML形式传给用户，CGI过程结束。 （2）CGI的作用：扩展了Web服务器的功能、在任何服务器上运行、服务器与CGI程序可互发信息。,web浏览器,WWW,服务器,internet,外部应用软件,数据库,1 发送CGI服务请求,2将用户请求提取提交,3 访问,CGI程序,4 将结果提交,b.ASP(

28、active server pages),CGI的改进版，在服务器端运行将HTML页面与可执行的script语句有机结合在一起,web浏览器,WWW,服务器,internet,Asp文件,1 发送请求,2 asp文件，解释执行script部分,3 直接传回非asp文件或asp文件的非script部分将结果提交；传回asp输出对象,ASP执行过程：由Web服务器调用ASP文件，根据程序执行结果“动态”生成一个HTML页面并传回到浏览器显示。ASP的特点：简单方便、可在服务器端直接执行、ASP源程序在服务器端执行，提高了程序和网站的安全性、支持多种其他网络技术。,c.JSP,JSP 页面使用 XM

29、L 标签和 scriptlets（一种使用 Java 语言编写的脚本代码），封装了生成页面内容的逻辑。它将各种格式的标签（HTML 或者 XML）直接传递回响应页面。通过这种方式，JSP 页面实现了页面逻辑与其设计和显示的分离。JSP 技术是 Java 系列技术的一部分。JSP 页面被编译成 servlets，并可能调用 JavaBeans 组件(beans) 或 Enterprise JavaBeans 组件（企业 beans），以便在服务器端处理。因此，JSP 技术在构建可升级的基于 web 的应用程序时扮演了重要角色。,web浏览器,WWW,服务器,internet,中间件,应用软件,数据库,超文本内容,JSP/servlet,PHP PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。,