基于Web2.0的网络团购系统的设计与实现
第二章：相关技术详解
1.Web 2.0
Web2.0 是相对Web1.0 的新的一类互联网应用的统称。Web1.0 的主要特点在于用户通过浏览器获取信息。Web2.0 则更注重用户的交互作用，用户既是网站内容的浏览者，也是网站内容的制造者。所谓网站内容的制造者是说互联网上的每一个用户不再仅仅是互联网的读者，同时也成为互联网的作者；不再仅仅是在互联网上冲浪，同时也成为波浪制造者;在模式上由单纯的“读”向“写”以及“共同建设”发展；由被动地接收互联网信息向主动创造互联网信息发展，从而更加人性化！
在我们当初的头脑风暴中，我们已经用一些例子进行展示，公式化地表达了我们对Web 2.0的理解： 1 2 3 4 5 6 7 8 9 10 11 12 13 Web 1.0 DoubleClick Ofoto Akamai Web 2.0 Google AdSense Flickr BitTorrent Napster mp3.com 大英百科全书在线（Britannica Online） 维基百科全书（Wikipedia） 个人网站 evite 域名投机 屏幕抓取（screen scraping） 发布 内容管理系统 目录（分类) 粘性 博客(blogging) EVDB 搜索引擎优化[1][2] 网络服务（web services） 参与 维基 标签（“分众分类”，folksonomy） 聚合 这个列表还会不断继续下去。但是到底是什么，使得我们认定一个应用程序或一种方式为作为所谓“Web 1.0”，而把另外一个叫做“Web 2.0”呢？下面对Web 2.0 做一些详细的介绍，让我们一起揭开迷雾看蓝天。 Web2.0的主要特点
（1）用户参与网站内容制造。与web1.0网站单项信息发布的模式不同，web2.0网站的内容通常是用户发布的，使得用户既是网站内容的浏览者也是网站内容的制
11
基于Web2.0的网络团购系统的设计与实现
造者，这也就意味着web2.0网站为用户提供了更多参与的机会，例如博客网站和wiki就是典型的用户创造内容的指导思想，而tag技术（用户设置标签）将传统网站中的信息分类工作直接交给用户来完成
（2）web2.0更加注重交互性。不仅用户在发布内容过程中实现与网络服务器之间交互，而且，也实现了同一网站不同用户之间的交互，以及不同网站之间信息的交互。
（3）符合web标准的网站设计。web标准是目前国际上正在推广的网站标准，通常所说的web标准一般是指网站建设采用基于XHTML语言的网站设计语言，实际上，web标准并不是某一标准，而是一系列标准的集合。web标准中典型的应用模式是“CSS+DIV”，摒弃了HTML4.0中的表格定位方式，其优点之一是网站设计代码规范，并且减少了大量代码，减少网络带宽资源浪费，加快了网站访问速度。更重要的一点是，符合web标准的网站对于用户和搜索引擎更加友好。
（4）web2.0网站与web1.0没有绝对的界限。web2.0技术可以成为web1.0网站的工具，一些在web2.0概念之前诞生的网站本身也具有web2.0特性，例如B2B电子商务网站的免费信息发布和网络社区类网站（SNS）的内容也来源于用户。 （5）web2.0的核心不是技术而在于指导思想。web2.0有一些典型的技术，但技术是为了达到某种目的所采取的手段。web2.0技术本身不是web2.0网站的核心，重要的在于典型的web2.0技术体现了具有web2.0特征的应用模式。因此，与其说web2.0是互联网技术的创新，不如说是互联网应用指导思想的革命。 Web2.0的相关技术
对于Web2.0概念的说明，通常采用典型Web2.0网站案例介绍，加上对部分Web2.0相关技术的解释，这些Web2.0技术主要包括：博客（BLOG）、RSS、百科全书(Wiki)、网摘 、社会网络（SNS）、P2P、即时信息（IM）等。 下面是对Web2.0相关技术的简单介绍
Blog——博客/网志，Blog的全名应该是Web log，后来缩写为Blog。Blog是一个易于使用的网站，您可以在其中迅速发布想法、与他人交流以及从事其他活动。所有这一切都是免费的。
RSS ，RSS是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容）的技术。最初源自浏览器“新闻频道”的技术，现在通常被用于新闻和其他按顺序排列的网站，例如Blog。
WIKI——百科全书 ，Wiki--一种多人协作的写作工具。Wiki站点可以有多人（甚至任何访问者）维护，每个人都可以发表自己的意见，或者对共同的主题进行扩展或者探讨。Wiki指一种超文本系统。这种超文本系统支持面向社群的协作式写作，同时也包括一组支持这种写作的辅助工具。有人认为，Wiki系统属于一种人类知识网格系统，我们可以在Web的基础上对Wiki文本进行浏览、创建、更改，而且创建、更改、发布的代价远比HTML文本小；同时Wiki系统还支持面向社群的协作式写作，为协作式写作提供必要帮助；最后，Wiki的写作者自然构成了一个社群，Wiki系统为这个社群提供简单的交
12
基于Web2.0的网络团购系统的设计与实现
流工具。与其它超文本系统相比，Wiki有使用方便及开放的特点，所以Wiki系统可以帮助我们在一个社群内共享某领域的知识。 Web 2.0特征
1、多人参与
Web1.0里，互联网内容是由少数编辑人员（或站长）定制的，比如各门户网站；而在Web2.0里，每个人都是内容的供稿者。 2、人是灵魂
在互联网的新时代，信息是由每个人贡献出来的，各个人共同组成互联网信息源。Web2.0的灵魂是人。 3、可读可写互联网
在Web1.0里，互联网是“阅读式互联网”，而Web2.0是“可写可读互联网”。虽然每个人都参与信息供稿，但在大范围里看，贡献大部分内容的是小部分的人。 4、Web2.0的元素
Web2.0包含了我们经常使用到的服务，例如博客、播客、维基、P2P下载、社区、分享服务等等。博客是Web2.0里十分重要的元素，因为它打破了门户网站的信息垄断，在未来里，博客的地位将更为重要。
2.JavaScript
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。
JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
3.CSS
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格
式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
CSS布局的优点： 1：表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好
2：提高页面浏览速度
对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
13
基于Web2.0的网络团购系统的设计与实现
3：易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 4: 使用CSS布局更符合现在的W3C标准. 层叠样式表极大地提高了工作效率：样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。
由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
目前CSS3 已经从一个概念慢慢地应用到了我们的Web开发方面了，其独特的魅力和神奇的显示效果正吸引着无数的Web开发爱好者趋之若鹜。
4.XML
XML（Extensible Markup Language）即可扩展标记语言，它与HTML一样，都是SGML(Standard Generalized Markup Language,标准通用标记语言)。Xml是Internet环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。扩展标记语言XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。
XML的优势有一下几方面： ①XML可以从HTML中分离数据 ②XML用于交换数据
③XML可以用于共享数据 ④XML可以充分利用数据
5.Ajax
AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。
AJAX 异步 JavaScript 及 XML ，AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
AJAX 可使因特网应用程序更小、更快，更友好。
AJAX前景非常乐观，可以提高系统性能，优化用户界面。
AJAX的最大机遇在于用户体验。在使应用更快响应和创新的过程中，定义Web应用的规则正在被重写;因此开发人员必须更注重用户。现在用户已经逐渐习惯如何使用Web应用了。例如用户通常希望每一次按钮点击会导致几秒的延迟和屏幕刷新，但AJAX正在打破这种长时间的状况。因此用户需要重新体验按钮点击的响应了。
Ajax优点：更迅捷的响应速度。AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因此在服务器和浏览器之间交换的数据大量减少，结果我们就能
14
基于Web2.0的网络团购系统的设计与实现
看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。
Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样，Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟，一些简化Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持JavaScript的用户提供替代功能。
6.LAMP
LAMP即是Linux+Apache+Mysql+Perl/PHP/Python一组常用来搭建动态 网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。随着 开源潮流的蓬勃发展，开放源代码的LAMP已经与J2EE和.Net商业软件形成三足鼎立之势，并且该软件开发的项目在软件方面的投资成本较低，因此受到 整个IT界的关注。从网站的流量上来说，70%以上的访问流量是LAMP来提供的，LAMP是最强大的网站解决方案．
7.Shopex
Shopex即网上商店平台软件系统，又称网店管理系统、网店程序、网上购物系统、在线购物系统。无论是开设个人网上购物商店还是企业在线购物商城，一套好用的网店系统都是必须的。
ShopEx基于开源且性能卓越的Lamp（Linux+Apache+Mysql+Php）架构，最大程度降低您的总体拥有成本； 与Windows平台架构不同，您无需为了操作系统、数据库等支付任何额外费用，大大降低成本。
ShopEx软件功能强大的同时，更强调个性化——优秀的模板体系架构让您您可轻松获得您自己与众不同的网店外观；
ShopEx更加关注网店的营销，从系统本身的搜索引擎优化到多种促销功能，一切均 可让您在无形之中大大提升订单数量和订单金额；
ShopEx与国内知名的SEO团队点石互动、浩维互动均结成战略合作伙伴关系。业内领先的SEO经验均会在ShopEx软件中迅速得到体现，大大促进您 的网店商品的搜索引擎收录。
ShopEx更有不断增强的多种促销功能，比如优惠券、捆绑销售、相关商品、组合商品、联盟销售、积分换购等等。传统领域的销售方式，团购、拍卖均在ShopEx得到体现。未来新的促销方式同样会快速出现在ShopEx软件中；
8.Database
数据库，顾名思义，是存入数据的仓库。只不过这个仓库是在计算机存储设备上的，而且数据是按一定格式存放的。
要是下定义的话，就应该是：指长期储存在计算机内的、有组织的、可共享的数据集合。
数据库包含关系数据库、面向对象数据库及新兴的XML数据库等多种，目前应用最广泛的是关系数据库，若在关系数据库基础上提供部分面向对象数据库功能的对象关系数据库。
15