基于Web2.0的网络团购设计与实现 - 图文

基于Web2.0的网络团购系统的设计与实现

广东白云学院 毕业论文(设计)

题目： 基于Web2.0的网络团购

系统的设计与实现 课 题 类 型： 论文□

√ 设计□√ 综合 □ 学 生 姓 名： 袁国麟 学 号： 0702012208 班 级： 07 计算机本科二班 专业（全称）： 计算机科学与技术 系 别： 计算机系 指 导 教 师： 万世明

2011年 5 月8日

1

基于Web2.0的网络团购系统的设计与实现

摘要

团购在近两年特别火。尤其是今年，腾讯与国外最大的团购网站Grounpon 联手之后，团购的千团大战发展到了白热化！那么团购为什么会在短短两年的发展中如此火爆呢？请看下面的分解。

团购对消费者来说，最大的实惠就一个：更底的价格。那么为什么价格会更低呢？这就是人的力量了。比如，你去买凯乐尔咖啡，五百克的，你一个人到淘宝店铺去买，可能要八九十块钱，到大商场去买可能更贵。但是如果哪天哪个商家在团购网站上搞团购活动的时候，只要达到最低购买人数，你就可以享受到很低的价格买到你想要的凯乐尔咖啡。上个月G团网就搞了这个团购活动，最低团购人数是10人，我39块钱就买回来了。这个就是团购的一大优势。

再举个生活中的例子，我去报考汽车驾照（C1），一个人去要3900元，但是如果我在找两个人和我一起报名的话，就可以给我个团购价，3500块钱就搞定了。当我们报名的人多了，就可以提高我们与商家谈判的筹码，我正是人的力量。

目前有哪些主要的团购网站呢？其实多的很，但是比较大的有拉手网、美团网、F团、G团、团宝网、团800、牵手团、饭桶团、爱美团、58团购 、窝窝团、以及淘宝旗下的聚划算和腾讯旗下的QQ团购等等。团购网站的发展速度是很多人都想象不到的，其实只要你有钱，只要有风投愿意烧钱的话，随时可以冒出一个新的大型团购网站！那些小虾米随便玩玩试试的，没有强大的资金作为后盾，死的会很快的。

回到论文主题上，这篇论文的核心就是团购系统的设计与实现，设计的技术门槛其实并不高。主要技术有Ajax、CSS、Xml、JavaScript还有数据库以及Web2.0思想等等。但是团购系统之于我一个人独立开发来说的话，在短时间内还是有难度的。我借助于目前应用最广泛的SHOPEX平台做了一个小团购网站。既作为我们公司的团购网站，也作为毕业论文的功能模块展示。

公司团购网站的风格采用红色调，这样显得热情大气而且吸引眼球。主要页面有首页、今日团购页面和往期团购页面等等。实现的功能有登陆，注册功能、会员管理功能、商品编辑与发布管理功能、购物车功能、订单处理功能、支付功能、站点文件管理功能等等。

关键词：团购、拉手网、美团网、高朋网、淘宝聚划算、QQ团购、 Web2.0 、Ajax、SHOPEX、LAMP、CSS、XML、JAVASCRIPT、DATABASE

2

基于Web2.0的网络团购系统的设计与实现

Summary

In recent years, Group Purchase is very hot. Especially this year, the biggest Group Purchase with foreign tencent Grounpon after standing together, a bulk thousand regiment war development to white-hot! So why in just two years jan.7 developing so popular? Please look below for the decomposition.

AS to consumer, the greatest benefits is: the lower price. So why is the price will be more low? This is man's power. For example, you go to buy KaiLeEr coffee, 500G, If you go to taobao shop to buy, it may be RMB 90 ,It may be more expensive in the supermarket . But if one day a businesses organise team-buying sessions in the mess, as long as the minimum purchase number, you can enjoy very low price to buy you want KaiLeEr coffee. Last month the group nets would have G organise team-buying sessions, lowest this number is 10 people, I bought it back by RMB 39. This is a Group Purchase big advantage.

For example, I go to enter an examination of driver's license (C1), One person will cost RMB 3900, but if I'm looking for other two people to join me, can sign up by RMB 3500.

What are the primary current Group Purchase stand? There are so many, but larger have Lashou, Meituan, F Grounp, G Grounp, Grounpon, Tuan800, 58TuanGou, and WOWOTuan and Tobao Juhuasuan QQTuangou etc. Group Purchase standing

development of speed is out of many people’s imagine, in fact as long as you have money, as long as there is wind cast willing to burn money, can always emitted a large new Group Purchase! Those little shrimp, no play casually try strong capital as the backing, die quickly.

Back to the paper topics, this essay core is system design and implementation, the design of technical doorsill actually is not high. Main technology has Ajax, CSS, Xml, JavaScript and database and Web2.0 thoughts etc. But to me system independent development point of a man in a short time,is very difficult. I'm the most widely used by the SHOPEX platform made a small Group Purchase. Both as our company's Group Purchase stand, also as graduation thesis of function module display.

The company Group Purchase stood style in red tone, this is warm atmosphere and attract eyeball. Main page has homepage and to stage today etc. Function of the realization of the land, the registered function, member management function, commodity editing and release management function, shopping cart function, order processing function, pay a function, site file management features, etc.

Key Word： Group purchase、Web2.0 、Ajax、SHOPEX、LAMP、CSS、XML、JAVASCRIPT、DATABASE

3

基于Web2.0的网络团购系统的设计与实现

目录

第一章：需求分析 ..................................................................... 5

1.团购的发展与趋势 ............................................................... 5 2.目前主要的团购网站分析 ......................................................... 5

2.1拉手网 ................................................................... 5 2.2美团网 ................................................................... 6 2.3高朋网 ................................................................... 7 2.4淘宝聚划算： ............................................................. 8 2.5 QQ团购： ................................................................ 9 3.做该系统的目标与意义 .......................................................... 10 4.需要掌握的技术 ................................................................ 10 第二章：相关技术详解 ................................................................ 11

1.Web 2.0 ....................................................................... 11 2.JavaScript .................................................................... 13 3.CSS ........................................................................... 13 4.XML ........................................................................... 14 5.Ajax .......................................................................... 14 6.LAMP .......................................................................... 15 7.Shopex ........................................................................ 15 8.Database ...................................................................... 15 第三章：功能模块设计与实现 .......................................................... 16

第一部分：功能模块设计 .......................................................... 16

1.团购网站功能模块设计 ...................................................... 16 2.商品发布功能 .............................................................. 17 3.订单功能 .................................................................. 17 4、支付和配送功能 ........................................................... 18 5、统计分析功能 ............................................................. 18 第二部分：功能模块实现： ........................................................ 19

1.论文概述： ................................................................ 19 2.文件模块组成 .............................................................. 19 3.主体风格设计 .............................................................. 20 4.功能展示 .................................................................. 32

第四章：总结 ........................................................................ 38 第五章：参考文献 .................................................................... 38 致谢： .............................................................................. 38 附录： .............................................................................. 39

相关代码汇总： .................................................................. 39

Index.html .................................................................. 39 Header.html ................................................................. 39 Footer.html ................................................................. 39 CSS.css ..................................................................... 40 Header.css .................................................................. 46 Footer.css .................................................................. 49 Border.css .................................................................. 50 Info.xml 配置文件 ........................................................... 52

4

基于Web2.0的网络团购系统的设计与实现

第一章：需求分析

1.团购的发展与趋势

21世纪是知识经济迅猛发展的时代，随着经济的全球化，信息还会以其特有的形式改变着经济、科技和社会发展的走向，推动人们自身思维方式和行为模式的创新。团购就是在这个大背景下的创新产物。

团购是近两年才发展起来的B2T商业模式的热门新概念。本课题设计的目的就是做一个完善的团购系统，实现更为完善更为规范的B2T平台的设计。

团购的好处主要表现在两方面：一是团购价格低于产品市场最低零售价，二是产品的质量和服务能够得到有效的保证。 团购系统的意义：

1、拓展企业商品流通渠道，帮助企业扩大市场份额。

2、减少中间环节，降低营销成本，实现企业和消费者的互惠、共赢。 3、居民零购也能获得批发价格，节省居民采购成本和时间。

4、一但产生产品质量问题和纠纷，有利于发挥集体维权优势，确保居民消费权益。 所谓网络团购，就是认识的或者不认识的具有相同购买意向的零散消费者联合起来，向厂商进行大批量购买的行为，从而加大与商家的谈判能力，以求得最优价格的一种购物方式。根据薄利多销、量大价优的原理，商家可以给出低于零售价格的团购折扣和单独购买得不到的优质服务。目前团购在国内正如火如荼的发展壮大着。

2.目前主要的团购网站分析

目前，国外最为成功的团购网站是Grounpon,国内较为成功的有拉手网，美团网，F团、G团、团宝网、团800、牵手团、饭桶团、爱美团、58团购 、窝窝团、以及淘宝旗下的聚划算和腾讯旗下的QQ团购等等。高朋网就是国外Groupon与腾讯公司强强联手的大型团购网站。从今年的二月底上线，高朋网的上线，将是中国团购行业的巨大革命，冲击着国内每一个团购网站，导致的结果将是有一大批的中小型团购网的倒闭。下面对几个较大型叫成功的团购网站做一些简单的分析与介绍：

2.1拉手网

拉手网是全球首家Groupon与Foursquare（团购+签到）相结合的团购网站。 从2010年3月18日成立，2011年1月20日，拉手注册用户数量已经突破300万，月均访问量突破3000万，开通服务城市超过100座，2010年交易额接近10亿元，并且仍以每月100%的速度成长。在不到1年的时间，拉手在号称“千团大战”的团购市场脱颖而出，成为截止到2011年1月20日国内最大的团购网站。2011年2月，拉手网宣称获得了几乎是同行融资总和的新一轮融资，估值上升至几亿美元。

拉手网会每天推出一款超低价精品团购，使参加团购的用户以极具诱惑力的折扣价格享受优质服务。同时，拉手网推出的这些超低价精品团购，有着强烈地域性。拉手网凭借其强大的市场拓广团队，在国内一线城市：北京，上海，广州，深圳及100多座二、三线城市，不断网络与发掘优质的、符合当地品味的餐饮娱乐商家。

5

基于Web2.0的网络团购系统的设计与实现

2.2美团网

此网由王兴创办的，美团网每天将推出一单精品消费，包括餐厅、酒吧、KTV、SPA、美发店等，网友能够以低廉的价格进行团购并获得优惠券。每天团购一次，为消费者发现最值得信赖的商家，让消费者享受超低折扣的优质服务。给商家提供最大收益的互联网推广。

6

基于Web2.0的网络团购系统的设计与实现

2.3高朋网

高朋网是一个团购网，是由美国最大团购网站Groupon与腾讯合资的中文版Groupon团购站。

2011年2月15号上午，“高朋”已经上线，不过只接收被邀请的邮箱，并没有上线的团购产品。 但在不到24小时之后，2月16日凌晨，高朋网又下线，疑似Groupon与腾讯方面出现分歧，但在2月28日正式宣告成立。目前网站已经开始接受用户的邮件注册，并有机会获得3折的体验折扣优惠。而正式团购服务将于3月初正式上线，届时

7

基于Web2.0的网络团购系统的设计与实现

用户可参与美食、美发、SPA、娱乐等方面的团购活动。

“高朋”由腾讯与Groupon成立合资公司，CEO由腾讯方面负责担任，运营由Groupon团队负责。双方各出5000万美元(约3.25亿人民币)，各占50%股权。Groupon最大的特色是，事先对商家经过一定筛选，为网友省去比对时间，整个网站首页只提供一件团购商品，即“一日一单”。

2.4淘宝聚划算：

淘宝聚划算是团购的一种形式，由淘宝网官方开发平台，并由淘宝官方组织的一种线上团购活动形式。

淘宝网聚划算是阿里巴巴集团旗下的团购网站，淘宝网聚划算是淘宝网的二级域名。该二级域名正式启用时间是在2010年9月份。淘宝网聚划算依托淘宝网巨大的消费群体，2010年淘宝网聚划算官方公布的数据显示其成交金额达2亿元远远超过其余所有团购网站交易额之和，已经确立国内最大团购网站地位。

8

基于Web2.0的网络团购系统的设计与实现

2.5 QQ团购：

是腾讯公司推出的一款服务模式。截止2010年7月9日，腾讯已开始通过QQ弹窗推广QQ商城团购。 目前只有深圳站,重庆站,成都站和上海站上线，据悉，广州站也即将上线。 QQ团购的商业模式和主流团购网站并无二致，都是以低价为卖点获得大量订单。 QQ团购每天推出一单精品消费，包括餐厅、酒吧、KTV、SPA、美发店、瑜伽馆等商家。

腾讯网QQ商城悄然推出团购服务，QQ商城跟时下的团购网站不一样，只是在原有服务上的推进，且之前已有类似的服务推出，如“QQ商城秒杀”。

在QQ商城“今日团购”的右侧，有一个“用QQ消息通知我”明日团购商品的选项。据团购“注意事项”介绍，为了更快召集人群购买，用户可以点击活动页面的邀请好友直接发给QQ群或者QQ好友。从腾讯QQ商城团购页面上看，与其他的团购网站没有太大区别。

9

基于Web2.0的网络团购系统的设计与实现

3.做该系统的目标与意义

做团购网站有多方面的目的和意义，其一是为了毕业，我选择了这个题目作为自己的毕业论文我就要踏踏实实做好；其二是个人兴趣，我对Web开发这方面有很浓厚兴趣，从大一开始就一直在学习这方面的技术；其三是公司需求，我们公司曾找过多家团购网站商量团购合作，比如拉手网、58团购、美团网等等都提交过我们的商品信息，但都被一一驳回，因为价格优势不够明显，所以公司有机会在原有的电子商务网站基础上在做一个团购类型的网站出来；最后还有一个是为了自己有一个更好的发展更好的职业而努力奋斗。

其实我也没有什么要做出惊天动地的系统出来或者去改变中国团购发展方向之类的宏伟目标，做这个团购系统纯属我的个人爱好！我希望通过自己的独立学习，可以掌握这方面的相关技术，为以后自己人生的发展打下扎实的基础！也希望在做这个团购网站的时候寻找学习的无限乐趣。

4.需要掌握的技术

团购网站的核心其实和淘宝、当当、拍拍或者亚马逊之类的电子商务型网站是很类似的！团购的优势在于网聚更多的人去买相同的东西会比正常价格低而已。他们都可以说是一个电子商务系统，所涉及的技术主要有Ajax、JavaScript、html/xml、CSS、ASP/PHP/JSP、（.Net/Lamp/JavaEE）以及数据库方面的相关技术。Web 2.0 不算是一门技术，但也是一个很重要的概念，也是本论文要重点讲述的部分。这些技术将在下一章做相应的介绍。

10

基于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

基于Web2.0的网络团购系统的设计与实现

第三章：功能模块设计与实现

第一部分：功能模块设计

商品发布功能 订单功能 会员功能 支付和配送功能 模板功能 御采堂团购网站 功能模块设计 购物车功能 广告功能 管理功能 统计分析功能 搜索引擎优化

1. 团购网站功能模块设计

16

基于Web2.0的网络团购系统的设计与实现

商品图片水印设显示最新商品 所见即所得编辑 会员可发表商品商品多属性设置 商品发布功能 商品品牌功能 无限商品类别 可复制商品类商品批量编辑 自动库存管理

2.商品发布功能

快捷查找订单 订单功能 自定义订单打印订单状态功能 发货单 收款单 退货单 3.订单功能

17

基于Web2.0的网络团购系统的设计与实现

支持支付宝 支付和配送功能 支持财付通 支持百付宝 支持配送方式 支持配送地区 自定义配送价格

4、支付和配送功能

访问量统计 统计分析功能 商品访问次数报表 来访IP排名 销售指标分析 销售额报表 商品销量报表

5、统计分析功能

18

基于Web2.0的网络团购系统的设计与实现

第二部分：功能模块实现：

1.论文概述：

我做了两个版本，一个是借助于SHOPEX开发的电子商务团购网站，这个网站大部分

技术都是借助于这个平台实现的，功能强大，涵盖了所有团购需要到的功能，比如登陆，注册功能、会员管理功能、商品编辑与发布管理功能、购物车功能、订单处理功能、支付功能、站点文件管理功能等等。这个网站我从零开始做，上班做这个，下班也是学这个，一共花了快三个月的时间。通过不懈的努力，这个网站终于在三月底成功上线了，详情请点击： http://shop.yucaitang.com 。

还有一个是目前自己完全独立设计与开发的电子商务团购平台，但是仅仅做了表面层的部分功能，里面的会员登陆、注册以及信息记录，支付功能，商品订购还有涉及数据库等关键的技术功能都暂时未能实现。这个网站的雏形放在了我的个人网站上面，有兴趣的朋友可以点击：www.yuangl.com/tuangou 。这个团购网站将在八月份之前完善起来，并作为公司的小团购网站，实现他的商业应用。但是毕业之前肯定是不够时间的，一个人的力量有限。

由于时间的紧迫，我决定暂时选择借助于Shopex 开发的这个公司电子商务网站改版成团购系统的形式作为毕业论文的功能实现模块的展示。第二版本还有很多技术难题尚未解决，要基本做好，也起码是毕业之后的事了。

2.文件模块组成

这个是在PHPNOW环境下的shopex系统，我们需要编辑的是htdocs文件下面的themes文件，其他文件均属于系统默认配置文件，没什么必要做修改的。

点击PnCp文件，会弹出这个是环境配置窗口，输入20，即可自动在本机配置好环境。如图：

环境配置好了我们就可以在本地访问我们的站点文件，查看本机的IP4地址，如我这台机是192.168.1.100。在浏览器地址栏输入该地址即可看到网站的设计效果。

下面的截图是其相应的文件组成目录：

19

基于Web2.0的网络团购系统的设计与实现

3.主体风格设计

所有的网站都要有一个设计风格的，一个好的设计风格可以带给人们新意，起码给我们一种舒服的感觉，这样用户体验也会好很多的。大家都只是，用户体验是最几年Web2.0 思想下诞生的新概念，相对与Web 1.0来说，web 2.0 是用户，而Web 1.0 是商业。因为，web1.0 时代，玩得起互联网的基本上是一些互联网公司和一些欲与在互联网发布一些商业信息的公司，用户的参与度是很低的，那时候的我们基本上只有被动接受信息的选择，而Web 2.0 则更加注重用户的参与度和用户的体验。Ajax是Web 2.0得以蓬勃发展的强大技术支持，而人人网，Facebook等SNS网站还有BLOG等等则是Web 2.0 的体现。

其次是，每个网站还有有内容，一个空空的网站也是留不住来访用户的。因为你没有给用户留下来的理由。本团购网站主要围绕公司的商品为主，以团购的形式销售我们公司的商品。自然，卖的商品比较单一，都是一家公司的，所以风格的设计业比较狭窄，不需要那么绞尽脑汁的。也不需要太精益求精的。看起来舒服，用户的使用体验好点就可以了。

我们公司主要是所化妆品下的染发类，主要适用人群是年轻的八零九零后们和上了年纪的白发脱发老人，而这类商品的主要消费人群却基本上的我们这些年轻人，所以这类网站的风格要做的阳光一点，我这里将网站的主体风格设计成深红色调的形式，这样显得热情大气而且吸引眼球。

20

基于Web2.0的网络团购系统的设计与实现

其中，首页主要是公司商品的展示和广告宣传。今日团购和往期团购主要是指定的几款商品的主要描述信息。点击进去可以看到更为详细的商品描述模板。商品一共上架的有五十款，作为团购的有十款商品。五十款商品的描述模板制作，说多不多，但工作量也不会小。

这个是团购网站的导航栏设计：

御采堂团购系统 首今往产会帮公客日期品员助司户页 团团中中中简留购 购 心 心 心 介 言 在下面的部分，将重点介绍首页，今日团购，往期团购和页脚的设计等等

3.1 首页风格设计：

团购首页设计 公产热新热商商最司品销品销品品新公分排上商搜广促告 类 行 架 品 索 告 销

下面的网站首页的显示效果：

21

基于Web2.0的网络团购系统的设计与实现

22

基于Web2.0的网络团购系统的设计与实现

3.2 今日团购页面风格设计：

下面这个是今日团购页面显示效果，主要做成像目前流行的团购商品展示的效果，显得比较舒服：

23

基于Web2.0的网络团购系统的设计与实现

3.3 往期团购页面风格设计：

往期团购页面效果，和今日团购页面是同一种风格设计的：

今日团购和往期团购CSS样式：