服装企业网站建设技术简介

（一）Internet与WWW

Internet是一个全球性的、开放的、由众多网络采用TCP/IP协议作为通信规则相互连接而成的特定计算机网络。20世纪90年代，Internet开始进入商业应用时代。正是Internet的发展为电子商务发展奠定了坚实的技术基础。

TCP/IP协议是整个Internet运行的基础，同时它目前也被广泛应用于局域网中，在一个组织内部采用TCP/IP协议构建起来的互联网络，我们称之为Intranet（内联网）。Intranet也是一个企业连入外部Internet网络进行电子商务的技术基础。

万维网WWW（World Wild Web，简称Web）是采用客户机/服务器体系结构的分布式信息服务系统，它采用HTTP协议实现了分布于Internet上的计算机站点之间的信息共享，同时基于HTML实现了超文本的图形化界面，极大地促进了Internet的普及和商业应用。WWW目前已成为Internet中最主要的服务。

万维网WWW是在1991年由被称为“互联网之父”的Tim Berners-Lee发明创造的，他同时也是1994年在MIT成立的万维网联盟（World Wide Web Consortium，简称W3C，又称W3C理事会）的创建者，目前W3C负责Web的标准化工作。

（二）网页与网站

网页（Web Page）通常是指存放在Web服务器上的由HTML标签组成的纯文本文件，其后缀通常是.html或者.htm。超媒体网页除了文字信息外，还包括图形、图像、声音、动画和视频等多媒体信息。

Internet上的一个网页由统一资源定位符URL（Uniform Resource Locator）唯一定位和查找。一个完整的URL格式如下所示：

<协议>：//<服务器名称或IP地址>：<端口号>/<路径>/<文件名>

对于网页查询，以上协议指的是超文本传输协议（Hypertext Transfer Protocol，缩写为HTTP）。例如，我们要访问北京服装学院的主页，可以在IE浏览器的地址栏中输入http：//www.bift.edu.cn，在这里，我们只保留了协议和域名就可以唯一定位。这是因为HTTP的默认端口是80，可以省略，而且路径和文件名也一般都在Web服务器中预先设定，通常一个站点被首先访问的那个文件，即用户看到的第一个页面就叫主页（Home Page），主页一般默认为index.htm或default.html，也是可以在URL中省略的。

以上我们讲到的是一般意义上的网页定义，也可以称之为静态网页，因为，网页又可以进一步划分为静态网页和动态网页。下面我们分别对静态网页和动态网页进行较为深入的探讨。

静态网页是由HTML和CSS组成的ACSII码文件，它们被保存在Web服务器中，由浏览器解释后显示在客户端的屏幕上，静态网页的内容是固定不变的，即其展示的内容不会随着用户请求的不同而改变。通常静态网页的后缀除了.htm、.html外，还包括.shtml、xml等。静态网页也可以包含某些动态的效果，如GIF的动态图片，客户端动态技术如Flash动画、JavaScript、ActiveX控件及JAVA小程序等产生的动态效果。

动态网页是由HTML和PHP、JSP、ASP（ASP.NET）、PERL等高级语言，以及数据库等技术相结合的产物。动态网页的内容是由应用程序动态创建的，它具有交互性，能根据用户请求的不同而展示出不同的内容。与静态网页只访问Web服务器不同，动态网页还需要应用服务器进行编译处理，以及与后台数据库服务器的交互。动态网页的后缀一般是.php、.asp、.aspx、.jsp、.perl等形式，而且动态网页一般没有固定的URL，网址中通常含有一个标志性的符号—“？”。如图4-6所示，当鼠标移动到361°官方网站主页的banner图片超链接处时，屏幕左下角状态栏会显示动态网页信息如下：http：//www.361sport.com/index.php？m=Product&a=show&proid=5594。

图4-6　361度sport官方主页的动态网页示例图

狭义上的网站（Website，也叫站点）是网页的集合，它具体由服务器上的某个文件夹及其子文件夹组成，文件夹中分门别类地包含了静态网页、动态网页、图片和动画等多媒体文件、数据库文件和其他源程序等。广义上的网站是由域名（或网站IP地址）、DNS域名解析、空间服务器、网站程序、数据库等组成。

目前世界上大多数的网站是既包含静态网页也包含动态网页的动态网站，单纯的全部由静态网页组成的静态网站基本很少存在。但是，静态网站也有它的优点，比如静态网页易于被搜索引擎检索等。所以，有时候我们采用某种技术使动态网站生成静态网站，以此来增加搜索引擎的抓取率，降低服务器的负载，提高网页存取速度，增强网站安全性等。

（三）网站的总体技术架构体系

网站的构建涉及多方面技术的集成和外部环境（如法律法规和行业标准等）的支撑。下面我们重点围绕网站的技术层面展开描述，以层次化的观点将网站的技术架构体系层层解析。一个网站的技术架构体系如表4-2所示。从下到上分别为硬件与网络设施平台、软件与开发环境平台、服务环境支持平台、商务应用环境平台四个层次。

表4-2　网站的总体技术架构

1.硬件与网络设施平台

网站的建设离不开硬件设备的购买和网络的接入等基础设施的搭建。在硬件设施平台的建设中，主要涉及到主机和服务器的选型、数据存储设备（如SAN）的选择、网络设备的选定等。这些都是网站构建的物理运行平台。

网络设施平台的建设，主要涉及企业内部网的互联互通与企业网站接入方式的选择：如是选择有线或无线接入Internet，或者是选择专线、服务器托管、虚拟主机等方式进行Internet的接入。

硬件与网络设施平台的建设是其他一切平台建设的基础。

2.软件与开发环境平台

网站建设在拥有硬件、网络等基础设施之后，还需在此基础上进行相关软件与开发环境平台的建设。软件平台主要包括网站服务器中网络操作系统的选择，如Windows Server系列服务器操作系统、Unix系列服务器操作系统和Linux系列服务器操作系统等；网站对外接入时网络通信协议的应用，如TCP/IP、HTTPS、WAP等协议；网站构建中Web服务器软件的选择，如Apache、IIS等的选择；网站后台数据库系统的选择，如Oracle、SQL Server等。网站开发环境主要涉及开发语言的选择，如PHP、ASP和JSP等。

软件与开发环境平台是网站建立和电子商务开展的必要基础。

3.服务环境支持平台

服务环境支持平台为商务应用环境平台中特定的商务系统（网上营销、网上购物等）的正常运行，提供公共的服务环境和保障，为商务系统中公共的功能提供软件平台技术支持和技术标准。在这个层面主要涉及支付技术，如支付网关系统的构建、支付协议（如SET）的选择等；认证技术，如CA体系的构建和数字证书等技术；安全技术，如防火墙等的建设；目录服务，如LDAP等；系统优化技术如负载均衡（Load Balancing）、搜索引擎优化SEO（Search Engine Optimization）等。

服务环境支持平台是电子商务开展的必要支撑和保障。(www.xing528.com)

4.商务应用环境平台

商务应用环境平台是企业开展服装电子商务活动的核心，也是网站总体技术架构中最重要的组成部分，它通过一系列应用程序完成企业内部管理、企业对外展示和营销以及客户、供应商、物流合作伙伴等的协同管理工作等。企业商务服务的业务逻辑规划是否合理，直接影响到电子商务服务的功能。商务应用环境平台是商务活动中各参与方开展电子商务的核心，所以它必须一方面完整准确地实现各个商务功能，另一方面还得具有良好的人性化界面。

这一层从网站应用系统的体系结构来表示其业务处理形式，主要由后端企业信息系统技术、应用服务业务逻辑处理技术、Web服务现实逻辑处理技术和前端信息展示技术组成。本层结构较为复杂，我们将在下一部分内容中做重点讨论。

商务应用环境平台是企业开展服装电子商务和网站系统建设的核心。

（四）网站应用系统体系结构

为了更好地理解网站应用系统的体系结构，我们先来看应用系统体系结构的几个发展阶段，它们分别是C/S结构、B/W/S结构和基于Web的多层结构等几个阶段。

1. C/S和B/S体系结构

客户机/服务器（C/S）模式主要是由承担人机界面显示和数据业务操作等的客户机和承担数据管理任务的数据库服务器组成，它实现了分布式计算模式，数据集中管理和业务处理。对于某些客户机提出的较为复杂的服务请求，为了降低数据库服务器的压力，在两层的C/S模式基础上，引入应用服务器进行相关信息的处理，数据库服务器主要承担数据管理任务，从而出现了C/S的三层结构。C/S模式的两种结构如图4-7所示。

图4-7　客户机/服务器（C/S）模式的两种体系结构

随着20世纪90年代Internet的快速发展，一种基于Web的体系结构逐渐发展起来，即B/S体系结构，它是以C/S体系结构为基础的，主要经历了如图4-8所示的几个发展阶段。在B/S体系结构中，客户端利用浏览器通过Web服务器去访问数据库以获取必需的信息，而Web服务器与特定的数据库系统的连接可以通过如中间件等软件以及应用服务器实现。

图4-8　浏览器/服务器（B/S）模式的三种体系结构

2.商务应用环境平台的体系结构

在网站总体技术架构中，最上层的商务应用环境平台的体系结构可以归纳为后端企业信息系统，具有完成数据逻辑，实现数据管理与分析、供应链协同管理等功能，主要由DBMS、MIS和ERP等系统实现；中后端的应用服务处理系统，具有完成业务的处理，实现数据库接口、并发控制和信息处理业务等功能，主要由ODBC、Tomcat等技术实现；中前端Web服务处理系统，具有完成表示逻辑，实现静态页面的存储与客户端屏幕页面的显示功能，主要由HTML、CSS、XML等技术实现；前端浏览器信息展示系统，具有完成人机界面的展示，实现人机交互功能，主要由UI设计、Ajax设计方法、移动平台/传统PC Web平台的选择等。

（五）网站开发技术简介

网站程序的开发要遵循可靠性、规范性、可读性、可维护性和高效性等原则。基于B/S结构的电子商务网站开发技术主要包括如下几个方面。

1.前端界面设计技术

在服装电子商务网站的开发过程中界面展示是特别重要的一个步骤，良好的展示能吸引潜在的客户群体。前端界面设计技术可以通过UI设计师的手绘和专业软件实现。界面设计首先由艺术设计美术师手绘创作出网站界面草图，然后平面设计师通过设计软件进行界面草图的具体实现，相关的软件主要有Fireworks、CorelDraw、Photoshop、illustrator等。

2.网站前台客户端设计与开发技术

界面设计在网站上的真正实现要通过网站前台客户端的网页设计技术完成，前台客户端开发技术简称前端开发技术。网站前端软件工程师通过相关软件把界面设计在浏览器中展示出来，主要的设计与开发工具有Dreamweaver、Edit Plus、Eclipse等，主要的设计与开发技术有HTML技术、DIV+CSS技术、JavaScript技术、XML技术、Ajax技术、交互设计和视觉设计技术等。

以上我们介绍的网页设计技术中，HTML、CSS和JavaScript分别从内容（HTML）、表现（CSS）和行为（JavaScript）三个层面对网页进行了规范。

3.网站后台服务器端软件开发技术

服装电子商务网站是一个动态网站，动态网站的开发不仅仅包括静态页面的展示，更主要的是后台数据业务处理与相应的动态实现，只有动态网页才能实现网络查询和购物等电子商务基本功能。网站后台服务器端软件开发技术简称后端软件开发技术。网站后端软件开发技术主要有PHP开发技术、ASP.net开发技术和JSP开发技术，常见的其他开发技术还有CGI、Perl、Python和Ruby等。

4.网站后端数据库技术

电子商务动态网站的运行需要有后台数据库的支持，通过服务器端动态网页开发技术调用后台数据库服务器，产生存取数据的操作，从而动态地更新客户端浏览器用户的网页请求，使网页因请求的不同而产生差异性的响应结果。非电子商务动态、网站的建立同样需要一个强大的后台数据库的支撑，后台数据库在目前的大数据时代变得越来越重要，海量商品数据的存储和管理、多用户的并发请求、客户数据的行为分析等都离不开它。常见的数据库技术有大型网站的Oracle、SQL Server、DB2，中小型网站的MySQL、Sybase等。

必须注意的是，以上数据库主要是面向关系型的数据库开发技术，伴随着大数据时代海量、多样和实时等数据处理的特点，原有关系型数据库显得有些力不从心。为了适应大数据时代数据处理的要求，一种非关系型数据库NoSQL应运而生。NoSQL泛指非关系型的数据库，它是伴随着超大规模和高并发的SNS类型的Web2.0网站的兴起而迅速发展的一种分布式数据库技术。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，尤其是大数据应用难题。

在当前仍是关系型数据库为主的动态网站的开发过程中，动态网页开发技术（如PHP）通过SQL（Structured Query Language，结构化查询语言）来实际调用后台数据库中的数据。SQL是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系型数据库系统。

5.中间件技术

动态网站的实现通常还需中间件技术，以实现Web服务器和数据库服务器之间不同接口的信息交互，以及跨硬件平台、跨应用程序的分布式、透明性交互功能。常见的中间件技术有数据访问中间件、远程过程调用中间件、消息中间件、交易中间件、对象中间件等。