畢業(yè)設(shè)計(jì)(論文)答辯 基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件

基于Web2.0的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)07計(jì)算機(jī)科學(xué)與技術(shù)本科二班基于Web2.0的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)07計(jì)算機(jī)科學(xué)與技1一、需求分析：21世紀(jì)是知識(shí)經(jīng)濟(jì)迅猛發(fā)展的時(shí)代，隨著經(jīng)濟(jì)的全球化，信息還會(huì)以其特有的形式改變著經(jīng)濟(jì)、科技和社會(huì)發(fā)展的走向，推動(dòng)人們自身思維方式和行為模式的創(chuàng)新。團(tuán)購(gòu)就是在這個(gè)大背景下的創(chuàng)新產(chǎn)物。團(tuán)購(gòu)是近兩年才發(fā)展起來(lái)的B2T商業(yè)模式。本課題設(shè)計(jì)的目的就是做一個(gè)完善的團(tuán)購(gòu)系統(tǒng)，實(shí)現(xiàn)更為完善更為規(guī)范的B2T平臺(tái)的設(shè)計(jì)。團(tuán)購(gòu)的好處主要表現(xiàn)在兩方面：一是團(tuán)購(gòu)價(jià)格低于產(chǎn)品市場(chǎng)最低零售價(jià)，二是產(chǎn)品的質(zhì)量和服務(wù)能夠得到有效的保證。一、需求分析：21世紀(jì)是知識(shí)經(jīng)濟(jì)迅猛發(fā)展的時(shí)代，隨著經(jīng)濟(jì)的全2團(tuán)購(gòu)系統(tǒng)的意義：1、拓展企業(yè)商品流通渠道，幫助企業(yè)擴(kuò)大市場(chǎng)份額。2、減少中間環(huán)節(jié)，降低營(yíng)銷成本，實(shí)現(xiàn)企業(yè)和消費(fèi)者的共贏。3、消費(fèi)者零購(gòu)也能獲得批發(fā)價(jià)格，節(jié)省居民采購(gòu)成本和時(shí)間。4、一但產(chǎn)生產(chǎn)品質(zhì)量問(wèn)題和糾紛，有利于發(fā)揮集體維權(quán)優(yōu)勢(shì)，確保消費(fèi)者的消費(fèi)權(quán)益。團(tuán)購(gòu)系統(tǒng)的意義：32、目前國(guó)內(nèi)網(wǎng)絡(luò)團(tuán)購(gòu)機(jī)構(gòu)有很多，對(duì)于消費(fèi)者而言，團(tuán)購(gòu)價(jià)格低于一般的市場(chǎng)價(jià)格，使消費(fèi)者得到實(shí)惠；而對(duì)于商家來(lái)說(shuō)，薄利多銷加快了貨物和現(xiàn)金的周轉(zhuǎn)，也可以降低商家的銷售成本，因此形成了雙贏的局面。3、團(tuán)購(gòu)系統(tǒng)正如雨后春筍般的速度繁榮發(fā)展著，但是目前存在很大的問(wèn)題與很大的不規(guī)范性。而且存在鉆法律空子的想象。我的研究目標(biāo)是通過(guò)做的這個(gè)團(tuán)購(gòu)系統(tǒng)從技術(shù)角度來(lái)改變目前的混亂局面，通過(guò)一個(gè)更為完善的系統(tǒng)以達(dá)到科學(xué)完美的實(shí)現(xiàn)B2T平臺(tái)的設(shè)計(jì)。1、團(tuán)購(gòu)是這兩年才發(fā)展起來(lái)的，所謂網(wǎng)絡(luò)團(tuán)購(gòu)，就是認(rèn)識(shí)的或者不認(rèn)識(shí)的具有相同購(gòu)買意向的零散消費(fèi)者聯(lián)合起來(lái)，向廠商進(jìn)行大批量購(gòu)買的行為，從而加大與商家的談判能力，以求得最優(yōu)價(jià)格的一種購(gòu)物方式。2、目前國(guó)內(nèi)網(wǎng)絡(luò)團(tuán)購(gòu)機(jī)構(gòu)有很多，對(duì)于消費(fèi)者而言，團(tuán)購(gòu)價(jià)格低于4二、相關(guān)技術(shù)概述本課題是基于Web2.0相關(guān)技術(shù)的團(tuán)購(gòu)網(wǎng)站，團(tuán)購(gòu)網(wǎng)站的技術(shù)核心其實(shí)和淘寶、當(dāng)當(dāng)、拍拍或者亞馬遜之類的電子商務(wù)型網(wǎng)站是很類似的！團(tuán)購(gòu)的優(yōu)勢(shì)在于網(wǎng)聚更多的人去買相同的東西會(huì)比正常價(jià)格低而已。他們都可以說(shuō)是一個(gè)電子商務(wù)系統(tǒng)，所涉及的技術(shù)主要有Ajax、JavaScript、html/xml、CSS、ASP/PHP/JSP、（.Net/Lamp/JavaEE）以及數(shù)據(jù)庫(kù)方面的相關(guān)技術(shù)。下面對(duì)這些技術(shù)做相應(yīng)的介紹。二、相關(guān)技術(shù)概述本課題是基于Web2.0相關(guān)技術(shù)的團(tuán)購(gòu)網(wǎng)站，51.AJAX即“AsynchronousJavaScriptandXML”（異步JavaScript和XML)，AJAX是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。Ajax優(yōu)點(diǎn)是更迅捷的響應(yīng)速度。通過(guò)AJAX，我們的JavaScript可使用JavaScript的XMLHttpRequest對(duì)象來(lái)直接與服務(wù)器進(jìn)行通信。通過(guò)這個(gè)對(duì)象，我們的JavaScript可在不重載頁(yè)面的情況與Web服務(wù)器交換數(shù)據(jù)。主要包含的技術(shù)web標(biāo)準(zhǔn)（standards-basedpresentation）XHTML+CSS的表示；使用DOM（DocumentObjectModel）進(jìn)行動(dòng)態(tài)顯示及交互；使用XML和XSLT進(jìn)行數(shù)據(jù)交換及相關(guān)操作；使用XMLHttpRequest進(jìn)行異步數(shù)據(jù)查詢、檢索；使用JavaScript將所有的東西綁定在一起。1.AJAX63.CSSCSS（CascadingStyleSheet，可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁(yè)面的外觀。通過(guò)使用CSS樣式設(shè)置頁(yè)面的格式，可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。頁(yè)面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。

2.JavaScriptJavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。是一種動(dòng)態(tài)、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類。3.CSS2.JavaScript74.XMLXML（ExtensibleMarkupLanguage）即可擴(kuò)展標(biāo)記語(yǔ)言，它與HTML一樣，都是SGML(StandardGeneralizedMarkupLanguage,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言)。Xml是Internet環(huán)境中跨平臺(tái)的，依賴于內(nèi)容的技術(shù)，是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。擴(kuò)展標(biāo)記語(yǔ)言XML是一種簡(jiǎn)單的數(shù)據(jù)存儲(chǔ)語(yǔ)言，使用一系列簡(jiǎn)單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記可以用方便的方式建立，雖然XML占用的空間比二進(jìn)制數(shù)據(jù)要占用更多的空間，但XML極其簡(jiǎn)單易于掌握和使用。4.XML85.Web2.0Web2.0是相對(duì)Web1.0的新的一類互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。Web1.0的主要特點(diǎn)在于用戶通過(guò)瀏覽器獲取信息。Web2.0則更注重用戶的交互作用，用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者。所謂網(wǎng)站內(nèi)容的制造者是說(shuō)互聯(lián)網(wǎng)上的每一個(gè)用戶不再僅僅是互聯(lián)網(wǎng)的讀者，同時(shí)也成為互聯(lián)網(wǎng)的作者；不再僅僅是在互聯(lián)網(wǎng)上沖浪，同時(shí)也成為波浪制造者;在模式上由單純的“讀”向“寫”以及“共同建設(shè)”發(fā)展；由被動(dòng)地接收互聯(lián)網(wǎng)信息向主動(dòng)創(chuàng)造互聯(lián)網(wǎng)信息發(fā)展，從而更加人性化！5.Web2.096.LAMPLAMP即是Linux+Apache+Mysql+Perl/PHP/Python一組常用來(lái)搭建動(dòng)態(tài)網(wǎng)站或者服務(wù)器的開(kāi)源軟件，本身都是各自獨(dú)立的程序，但是因?yàn)槌１环旁谝黄鹗褂?，擁有了越?lái)越高的兼容度，共同組成了一個(gè)強(qiáng)大的Web應(yīng)用程序平臺(tái)。隨著開(kāi)源潮流的蓬勃發(fā)展，開(kāi)放源代碼的LAMP已經(jīng)與J2EE和.Net商業(yè)軟件形成三足鼎立之勢(shì)，并且該軟件開(kāi)發(fā)的項(xiàng)目在軟件方面的投資成本較低，因此受到整個(gè)IT界的關(guān)注。從網(wǎng)站的流量上來(lái)說(shuō)，70%以上的訪問(wèn)流量是LAMP來(lái)提供的，LAMP是最強(qiáng)大的網(wǎng)站解決方案．6.LAMP107.ShopexShopex即網(wǎng)上商店平臺(tái)軟件系統(tǒng)，又稱網(wǎng)店管理系統(tǒng)、網(wǎng)店程序、網(wǎng)上購(gòu)物系統(tǒng)、在線購(gòu)物系統(tǒng)。無(wú)論是開(kāi)設(shè)個(gè)人網(wǎng)上購(gòu)物商店還是企業(yè)在線購(gòu)物商城，一套好用的網(wǎng)店系統(tǒng)都是必須的。ShopEx基于開(kāi)源且性能卓越的Lamp（Linux+Apache+Mysql+Php）架構(gòu)，最大程度降低您的總體擁有成本；與Windows平臺(tái)架構(gòu)不同，您無(wú)需為了操作系統(tǒng)、數(shù)據(jù)庫(kù)等支付任何額外費(fèi)用，大大降低成本。ShopEx與國(guó)內(nèi)知名的SEO團(tuán)隊(duì)點(diǎn)石互動(dòng)、浩維互動(dòng)均結(jié)成戰(zhàn)略合作伙伴關(guān)系。業(yè)內(nèi)領(lǐng)先的SEO經(jīng)驗(yàn)均會(huì)在ShopEx軟件中迅速得到體現(xiàn)，大大促進(jìn)您的網(wǎng)店商品的搜索引擎收錄。7.Shopex118.Database數(shù)據(jù)庫(kù)，通俗點(diǎn)說(shuō)就是存入數(shù)據(jù)的倉(cāng)庫(kù)。數(shù)據(jù)庫(kù)（Database）是按照數(shù)據(jù)結(jié)構(gòu)來(lái)組織、存儲(chǔ)和管理數(shù)據(jù)的倉(cāng)庫(kù)。數(shù)據(jù)庫(kù)有很多種類型，從最簡(jiǎn)單的存儲(chǔ)有各種數(shù)據(jù)的表格到能夠進(jìn)行海量數(shù)據(jù)存儲(chǔ)的大型數(shù)據(jù)庫(kù)系統(tǒng)都在各個(gè)方面得到了廣泛的應(yīng)用。數(shù)據(jù)庫(kù)的種類：大型數(shù)據(jù)庫(kù)有：oracl、BD2、SQLserver小型數(shù)據(jù)庫(kù)有：Access、MySQL、等。8.Database12三、功能模塊設(shè)計(jì)主要功能模塊的設(shè)計(jì)包括以下幾個(gè)內(nèi)容：1.商品發(fā)布與展示功能2.訂單處理功能3.會(huì)員管理功能4.支付與配送功能5.站點(diǎn)內(nèi)容管理功能6.統(tǒng)計(jì)分析功能7.搜索引擎優(yōu)化功能8.購(gòu)物車功能9.第三方支付功能三、功能模塊設(shè)計(jì)主要功能模塊的設(shè)計(jì)包括以下幾個(gè)內(nèi)容：13四、功能模塊實(shí)現(xiàn)

1.論文設(shè)計(jì)概述：本系統(tǒng)是借助于SHOPEX開(kāi)發(fā)的電子商務(wù)團(tuán)購(gòu)網(wǎng)站，這個(gè)網(wǎng)站大部分技術(shù)都是借助于這個(gè)平臺(tái)實(shí)現(xiàn)的，功能強(qiáng)大，涵蓋了所有團(tuán)購(gòu)需要到的功能，比如登陸，注冊(cè)功能、會(huì)員管理功能、商品編輯與發(fā)布管理功能、購(gòu)物車功能、訂單處理功能、支付功能、站點(diǎn)文件管理功能等等。通過(guò)不懈的努力，這個(gè)網(wǎng)站終于在三月底成功上線了，詳情請(qǐng)點(diǎn)擊：。本論文是通過(guò)這個(gè)電子商務(wù)網(wǎng)站改版設(shè)計(jì)出來(lái)的團(tuán)購(gòu)系統(tǒng)網(wǎng)站。四、功能模塊實(shí)現(xiàn)1.論文設(shè)計(jì)概述：142.文件模塊組成這個(gè)是在PHPNOW環(huán)境下的shopex系統(tǒng)，我們需要編輯的是htdocs文件下面的themes文件，下面的截圖是其相應(yīng)的文件組成目錄2.文件模塊組成153.主體風(fēng)格設(shè)計(jì)所有的網(wǎng)站都要有一個(gè)設(shè)計(jì)風(fēng)格的，一個(gè)好的設(shè)計(jì)風(fēng)格可以帶給人們新意，起碼給我們一種舒服的感覺(jué)，這樣用戶體驗(yàn)也會(huì)好很多的。其次是，每個(gè)網(wǎng)站還有有內(nèi)容，一個(gè)空空的網(wǎng)站也是留不住來(lái)訪用戶的。我們公司主要是所化妝品下的染發(fā)類，主要適用人群是年輕的八零九零后們和上了年紀(jì)的白發(fā)脫發(fā)老人，而這類商品的主要消費(fèi)人群卻基本上的我們這些年輕人，所以這類網(wǎng)站的風(fēng)格要做的陽(yáng)光一點(diǎn)，我這里將網(wǎng)站的主體風(fēng)格設(shè)計(jì)成深紅色調(diào)的形式，這樣顯得熱情大氣而且吸引眼球。下面的網(wǎng)站首頁(yè)的顯示效果：3.主體風(fēng)格設(shè)計(jì)16畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件17畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件18畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件19頁(yè)腳顯示效果，采用文字豎排顯示與橫排顯示相結(jié)合的顯示效果，或許會(huì)給我們帶來(lái)點(diǎn)新意：頁(yè)腳顯示效果，采用文字豎排顯示與橫排顯示相結(jié)合的顯示效果，或204.功能展示登陸模塊界面：（正確輸入用戶名、密碼和驗(yàn)證碼之后即可登陸到系統(tǒng)后臺(tái)）4.功能展示登陸模塊界面：（正確輸入用戶名、密碼和驗(yàn)證碼之后21御采堂團(tuán)購(gòu)系統(tǒng)后臺(tái)界面：御采堂團(tuán)購(gòu)系統(tǒng)后臺(tái)界面：22站點(diǎn)文件在線編輯界面（可以在線編輯頁(yè)面，但是效果沒(méi)有Dreamweaver軟件設(shè)計(jì)的效果好，推薦用DW先設(shè)計(jì)好樣板讓后再放進(jìn)去）：站點(diǎn)文件在線編輯界面（可以在線編輯頁(yè)面，但是效果沒(méi)有Drea23商品在線編輯功能界面（通過(guò)這個(gè)后臺(tái)功能可以直接發(fā)布商品信息，效果還可以，但是有一個(gè)軟件做這更有效率——shopex助理，）：商品在線編輯功能界面（通過(guò)這個(gè)后臺(tái)功能可以直接發(fā)布商品信息，24訂單模塊（可以查看誰(shuí)買了我們的商品，以及該客戶的基本信息還有發(fā)貨單、收款單快遞模板設(shè)計(jì)等等功能，這個(gè)模塊還可以導(dǎo)入淘寶的訂單，很方便實(shí)用。）訂單模塊（可以查看誰(shuí)買了我們的商品，以及該客戶的基本信息還有25購(gòu)買商品登陸與注冊(cè)界面（當(dāng)用戶沒(méi)有登陸要購(gòu)買商品時(shí)，會(huì)以彈出窗口的形式出現(xiàn)下面這個(gè)對(duì)話框，這個(gè)也是要通過(guò)Ajax技術(shù)實(shí)現(xiàn)的）：購(gòu)買商品登陸與注冊(cè)界面（當(dāng)用戶沒(méi)有登陸要購(gòu)買商品時(shí)，會(huì)以彈出26會(huì)員注冊(cè)與登陸模塊（登陸進(jìn)入購(gòu)物車頁(yè)面）：會(huì)員注冊(cè)與登陸模塊（登陸進(jìn)入購(gòu)物車頁(yè)面）：27會(huì)員管理功能界面效果：(里面有會(huì)員的基本信息和會(huì)員享受的一些優(yōu)惠還有一些基本的設(shè)置等等)會(huì)員管理功能界面效果：(里面有會(huì)員的基本信息和會(huì)員享受的一些28查看購(gòu)物車(可以查看到我們要買的商品數(shù)量和金額等信息)：查看購(gòu)物車(可以查看到我們要買的商品數(shù)量和金額等信息)：29訂單處理（購(gòu)物車模塊）：訂單處理（購(gòu)物車模塊）：30客戶留言模塊：客戶留言模塊：31五、總結(jié)設(shè)計(jì)是一件很快樂(lè)的事情，尤其是當(dāng)你設(shè)計(jì)出來(lái)的作品被采用了，可以實(shí)現(xiàn)其商業(yè)價(jià)值的時(shí)候，自然會(huì)感到很自豪。在這半年的工作中，自己的辛苦沒(méi)有白費(fèi)，自己做的東西很多也得到了肯定，并在不斷地進(jìn)步著。團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與架構(gòu)是一項(xiàng)大工程，不可能是一個(gè)人在短時(shí)間內(nèi)可以全部完成的，我這個(gè)網(wǎng)站設(shè)計(jì)目前也只是完成了其中的一部分的功能，畢業(yè)答辯的結(jié)束不代表這個(gè)團(tuán)購(gòu)系統(tǒng)設(shè)計(jì)的終結(jié)，我還會(huì)堅(jiān)持做下去，做好他，最終得以有商業(yè)應(yīng)用的價(jià)值。在做這個(gè)系統(tǒng)設(shè)計(jì)的期間，遇到了不少的技術(shù)問(wèn)題，在這里很感謝我的主管對(duì)我的支持與鼓勵(lì)，促使我不斷地改進(jìn)不斷地完善。同時(shí)要感謝萬(wàn)老師，能及時(shí)給我反饋學(xué)校的相關(guān)計(jì)劃和安排，好讓我及時(shí)完成論文的編寫。也感謝白云學(xué)院這四年來(lái)對(duì)我的栽培。五、總結(jié)設(shè)計(jì)是一件很快樂(lè)的事情，尤其是當(dāng)你設(shè)計(jì)出來(lái)的作品被采32六、參考文獻(xiàn)

《瘋狂Ajax講義》李剛編著2009年10月第二次印刷《瘋狂JAVA講義》李剛編著2010年8月第五次印刷《瘋狂XML講義》李剛編著2008年10月第一版《JavaScript征途》朱印宏著2009年9月第一次印刷《大巧不工-Web前端修煉之道》賴定清林堅(jiān)編著《CSS網(wǎng)頁(yè)布局實(shí)錄》李超編著2007年9月第一版《網(wǎng)頁(yè)設(shè)計(jì)與配色》旭日東升主編2009年第一次印刷《電子商務(wù)概述》姜宏波主編2010年5月第四次印刷

六、參考文獻(xiàn)

《瘋狂Ajax講義》李剛編著2009年133附錄：網(wǎng)站重要代碼Index.html<{requirefile="block/header.html"}><divclass="mains"><divclass="left_body"><{widgetsid="i1"}></div><divclass="right_body"><{widgetsid="i2"}><divclass="main_show"><divclass="goods_ad"><{widgetsid="i3"}></div><divclass="goods_show"><{widgetsid="i4"}></div></div><{widgetsid="i5"}></div></div><{requirefile="block/footer.html"}>附錄：網(wǎng)站重要代碼Index.html34Header.html<divid="top"><divclass="topmain"><divclass="logo"><divstyle="width:0;height:0;font-size:0;overflow:hidden;"><{widgetsid="logo2"}></div><{widgetsid="t1"}></div><divclass="topinfo"><divclass="toplogin"><{widgetsid="t2"}></div><divclass="topmenu"><{widgetsid="t3"}></div><divclass="topsearch"><divclass="topkeysearch"><{widgetsid="t4"}></div><divclass="topkey"><{widgetsid="t5"}></div></div></div></div></div>Header.html35Footer.html<divid="foot"><divclass="footmain"><divclass="footlogo"><divclass="hidd"><{widgetsid="f11"}></div><{widgetsid="f1"}></div><divclass="footinfo"><{widgetsid="f2"}><{footer}></div><divclass="clear"></div></div></div></body></html>Footer.html36Footer.css/*底部樣式*/#foot{ width:100%; text-align:center; background:url(ybgx_05.jpg)repeat-x;}.footmain{ width:1007px; margin:0auto;}.footlogo{ float:left; width:217px; height:88px; text-align:center; margin-top:20px;}.footinfo{ float:left; width:770px; margin:10px0020px; text-align:center;}.footinfo.cat1{ float:left; padding:015px; color:444; line-height:32px;}Footer.css.footinfo{37內(nèi)部頁(yè)面CSS樣式：#footer{ clear:both; width:900px;color:#000; height:auto; margin:2pxauto;}#footerp{ clear:both;}#footerh3a{ font-size:18px; font-weight:bold; color:#fff; text-decoration:none;}#footerh4a{ font-size:14px; font-weight:bold; text-decoration:none;}#dg{ float:right; margin-right:260px;}#eg{ float:right; padding-right:20px; border:2px#999999; margin-right:50px; border-right-style:dotted;}#fg{ float:right; border:2px#999999; margin-right:50px; padding-right:20px; border-right-style:dotted;}#gg{ float:right; border:2px#999999; margin-right:50px; padding-right:20px; border-right-style:dotted;}內(nèi)部頁(yè)面CSS樣式：#eg{38Info.xml配置文件<?xmlversion"1.0"encoding"UTF-8"?><theme><name>御采堂團(tuán)購(gòu)</name><id>ypgx</id><version>NO.1</version><info>精彩團(tuán)購(gòu)每一天</info><author>袁國(guó)麟</author><site></site><update_url></update_url><borders><setkey"默認(rèn)樣式"tpl"borders/border1.html"/><setkey"綠框"tpl"borders/border2.html"/><setkey"藍(lán)底圈"tpl"borders/border3.html"/><setkey"綠底圈商品展示"tpl"borders/border4.html"/><setkey"橘底圈"tpl"borders/border5.html"/><setkey"商品展示"tpl"borders/border6.html"/></borders><views></views><config></config></theme>Info.xml配置文件39謝謝謝謝40基于Web2.0的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)07計(jì)算機(jī)科學(xué)與技術(shù)本科二班基于Web2.0的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)07計(jì)算機(jī)科學(xué)與技41一、需求分析：21世紀(jì)是知識(shí)經(jīng)濟(jì)迅猛發(fā)展的時(shí)代，隨著經(jīng)濟(jì)的全球化，信息還會(huì)以其特有的形式改變著經(jīng)濟(jì)、科技和社會(huì)發(fā)展的走向，推動(dòng)人們自身思維方式和行為模式的創(chuàng)新。團(tuán)購(gòu)就是在這個(gè)大背景下的創(chuàng)新產(chǎn)物。團(tuán)購(gòu)是近兩年才發(fā)展起來(lái)的B2T商業(yè)模式。本課題設(shè)計(jì)的目的就是做一個(gè)完善的團(tuán)購(gòu)系統(tǒng)，實(shí)現(xiàn)更為完善更為規(guī)范的B2T平臺(tái)的設(shè)計(jì)。團(tuán)購(gòu)的好處主要表現(xiàn)在兩方面：一是團(tuán)購(gòu)價(jià)格低于產(chǎn)品市場(chǎng)最低零售價(jià)，二是產(chǎn)品的質(zhì)量和服務(wù)能夠得到有效的保證。一、需求分析：21世紀(jì)是知識(shí)經(jīng)濟(jì)迅猛發(fā)展的時(shí)代，隨著經(jīng)濟(jì)的全42團(tuán)購(gòu)系統(tǒng)的意義：1、拓展企業(yè)商品流通渠道，幫助企業(yè)擴(kuò)大市場(chǎng)份額。2、減少中間環(huán)節(jié)，降低營(yíng)銷成本，實(shí)現(xiàn)企業(yè)和消費(fèi)者的共贏。3、消費(fèi)者零購(gòu)也能獲得批發(fā)價(jià)格，節(jié)省居民采購(gòu)成本和時(shí)間。4、一但產(chǎn)生產(chǎn)品質(zhì)量問(wèn)題和糾紛，有利于發(fā)揮集體維權(quán)優(yōu)勢(shì)，確保消費(fèi)者的消費(fèi)權(quán)益。團(tuán)購(gòu)系統(tǒng)的意義：432、目前國(guó)內(nèi)網(wǎng)絡(luò)團(tuán)購(gòu)機(jī)構(gòu)有很多，對(duì)于消費(fèi)者而言，團(tuán)購(gòu)價(jià)格低于一般的市場(chǎng)價(jià)格，使消費(fèi)者得到實(shí)惠；而對(duì)于商家來(lái)說(shuō)，薄利多銷加快了貨物和現(xiàn)金的周轉(zhuǎn)，也可以降低商家的銷售成本，因此形成了雙贏的局面。3、團(tuán)購(gòu)系統(tǒng)正如雨后春筍般的速度繁榮發(fā)展著，但是目前存在很大的問(wèn)題與很大的不規(guī)范性。而且存在鉆法律空子的想象。我的研究目標(biāo)是通過(guò)做的這個(gè)團(tuán)購(gòu)系統(tǒng)從技術(shù)角度來(lái)改變目前的混亂局面，通過(guò)一個(gè)更為完善的系統(tǒng)以達(dá)到科學(xué)完美的實(shí)現(xiàn)B2T平臺(tái)的設(shè)計(jì)。1、團(tuán)購(gòu)是這兩年才發(fā)展起來(lái)的，所謂網(wǎng)絡(luò)團(tuán)購(gòu)，就是認(rèn)識(shí)的或者不認(rèn)識(shí)的具有相同購(gòu)買意向的零散消費(fèi)者聯(lián)合起來(lái)，向廠商進(jìn)行大批量購(gòu)買的行為，從而加大與商家的談判能力，以求得最優(yōu)價(jià)格的一種購(gòu)物方式。2、目前國(guó)內(nèi)網(wǎng)絡(luò)團(tuán)購(gòu)機(jī)構(gòu)有很多，對(duì)于消費(fèi)者而言，團(tuán)購(gòu)價(jià)格低于44二、相關(guān)技術(shù)概述本課題是基于Web2.0相關(guān)技術(shù)的團(tuán)購(gòu)網(wǎng)站，團(tuán)購(gòu)網(wǎng)站的技術(shù)核心其實(shí)和淘寶、當(dāng)當(dāng)、拍拍或者亞馬遜之類的電子商務(wù)型網(wǎng)站是很類似的！團(tuán)購(gòu)的優(yōu)勢(shì)在于網(wǎng)聚更多的人去買相同的東西會(huì)比正常價(jià)格低而已。他們都可以說(shuō)是一個(gè)電子商務(wù)系統(tǒng)，所涉及的技術(shù)主要有Ajax、JavaScript、html/xml、CSS、ASP/PHP/JSP、（.Net/Lamp/JavaEE）以及數(shù)據(jù)庫(kù)方面的相關(guān)技術(shù)。下面對(duì)這些技術(shù)做相應(yīng)的介紹。二、相關(guān)技術(shù)概述本課題是基于Web2.0相關(guān)技術(shù)的團(tuán)購(gòu)網(wǎng)站，451.AJAX即“AsynchronousJavaScriptandXML”（異步JavaScript和XML)，AJAX是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。Ajax優(yōu)點(diǎn)是更迅捷的響應(yīng)速度。通過(guò)AJAX，我們的JavaScript可使用JavaScript的XMLHttpRequest對(duì)象來(lái)直接與服務(wù)器進(jìn)行通信。通過(guò)這個(gè)對(duì)象，我們的JavaScript可在不重載頁(yè)面的情況與Web服務(wù)器交換數(shù)據(jù)。主要包含的技術(shù)web標(biāo)準(zhǔn)（standards-basedpresentation）XHTML+CSS的表示；使用DOM（DocumentObjectModel）進(jìn)行動(dòng)態(tài)顯示及交互；使用XML和XSLT進(jìn)行數(shù)據(jù)交換及相關(guān)操作；使用XMLHttpRequest進(jìn)行異步數(shù)據(jù)查詢、檢索；使用JavaScript將所有的東西綁定在一起。1.AJAX463.CSSCSS（CascadingStyleSheet，可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁(yè)面的外觀。通過(guò)使用CSS樣式設(shè)置頁(yè)面的格式，可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。頁(yè)面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。

2.JavaScriptJavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。是一種動(dòng)態(tài)、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類。3.CSS2.JavaScript474.XMLXML（ExtensibleMarkupLanguage）即可擴(kuò)展標(biāo)記語(yǔ)言，它與HTML一樣，都是SGML(StandardGeneralizedMarkupLanguage,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言)。Xml是Internet環(huán)境中跨平臺(tái)的，依賴于內(nèi)容的技術(shù)，是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。擴(kuò)展標(biāo)記語(yǔ)言XML是一種簡(jiǎn)單的數(shù)據(jù)存儲(chǔ)語(yǔ)言，使用一系列簡(jiǎn)單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記可以用方便的方式建立，雖然XML占用的空間比二進(jìn)制數(shù)據(jù)要占用更多的空間，但XML極其簡(jiǎn)單易于掌握和使用。4.XML485.Web2.0Web2.0是相對(duì)Web1.0的新的一類互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。Web1.0的主要特點(diǎn)在于用戶通過(guò)瀏覽器獲取信息。Web2.0則更注重用戶的交互作用，用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者。所謂網(wǎng)站內(nèi)容的制造者是說(shuō)互聯(lián)網(wǎng)上的每一個(gè)用戶不再僅僅是互聯(lián)網(wǎng)的讀者，同時(shí)也成為互聯(lián)網(wǎng)的作者；不再僅僅是在互聯(lián)網(wǎng)上沖浪，同時(shí)也成為波浪制造者;在模式上由單純的“讀”向“寫”以及“共同建設(shè)”發(fā)展；由被動(dòng)地接收互聯(lián)網(wǎng)信息向主動(dòng)創(chuàng)造互聯(lián)網(wǎng)信息發(fā)展，從而更加人性化！5.Web2.0496.LAMPLAMP即是Linux+Apache+Mysql+Perl/PHP/Python一組常用來(lái)搭建動(dòng)態(tài)網(wǎng)站或者服務(wù)器的開(kāi)源軟件，本身都是各自獨(dú)立的程序，但是因?yàn)槌１环旁谝黄鹗褂茫瑩碛辛嗽絹?lái)越高的兼容度，共同組成了一個(gè)強(qiáng)大的Web應(yīng)用程序平臺(tái)。隨著開(kāi)源潮流的蓬勃發(fā)展，開(kāi)放源代碼的LAMP已經(jīng)與J2EE和.Net商業(yè)軟件形成三足鼎立之勢(shì)，并且該軟件開(kāi)發(fā)的項(xiàng)目在軟件方面的投資成本較低，因此受到整個(gè)IT界的關(guān)注。從網(wǎng)站的流量上來(lái)說(shuō)，70%以上的訪問(wèn)流量是LAMP來(lái)提供的，LAMP是最強(qiáng)大的網(wǎng)站解決方案．6.LAMP507.ShopexShopex即網(wǎng)上商店平臺(tái)軟件系統(tǒng)，又稱網(wǎng)店管理系統(tǒng)、網(wǎng)店程序、網(wǎng)上購(gòu)物系統(tǒng)、在線購(gòu)物系統(tǒng)。無(wú)論是開(kāi)設(shè)個(gè)人網(wǎng)上購(gòu)物商店還是企業(yè)在線購(gòu)物商城，一套好用的網(wǎng)店系統(tǒng)都是必須的。ShopEx基于開(kāi)源且性能卓越的Lamp（Linux+Apache+Mysql+Php）架構(gòu)，最大程度降低您的總體擁有成本；與Windows平臺(tái)架構(gòu)不同，您無(wú)需為了操作系統(tǒng)、數(shù)據(jù)庫(kù)等支付任何額外費(fèi)用，大大降低成本。ShopEx與國(guó)內(nèi)知名的SEO團(tuán)隊(duì)點(diǎn)石互動(dòng)、浩維互動(dòng)均結(jié)成戰(zhàn)略合作伙伴關(guān)系。業(yè)內(nèi)領(lǐng)先的SEO經(jīng)驗(yàn)均會(huì)在ShopEx軟件中迅速得到體現(xiàn)，大大促進(jìn)您的網(wǎng)店商品的搜索引擎收錄。7.Shopex518.Database數(shù)據(jù)庫(kù)，通俗點(diǎn)說(shuō)就是存入數(shù)據(jù)的倉(cāng)庫(kù)。數(shù)據(jù)庫(kù)（Database）是按照數(shù)據(jù)結(jié)構(gòu)來(lái)組織、存儲(chǔ)和管理數(shù)據(jù)的倉(cāng)庫(kù)。數(shù)據(jù)庫(kù)有很多種類型，從最簡(jiǎn)單的存儲(chǔ)有各種數(shù)據(jù)的表格到能夠進(jìn)行海量數(shù)據(jù)存儲(chǔ)的大型數(shù)據(jù)庫(kù)系統(tǒng)都在各個(gè)方面得到了廣泛的應(yīng)用。數(shù)據(jù)庫(kù)的種類：大型數(shù)據(jù)庫(kù)有：oracl、BD2、SQLserver小型數(shù)據(jù)庫(kù)有：Access、MySQL、等。8.Database52三、功能模塊設(shè)計(jì)主要功能模塊的設(shè)計(jì)包括以下幾個(gè)內(nèi)容：1.商品發(fā)布與展示功能2.訂單處理功能3.會(huì)員管理功能4.支付與配送功能5.站點(diǎn)內(nèi)容管理功能6.統(tǒng)計(jì)分析功能7.搜索引擎優(yōu)化功能8.購(gòu)物車功能9.第三方支付功能三、功能模塊設(shè)計(jì)主要功能模塊的設(shè)計(jì)包括以下幾個(gè)內(nèi)容：53四、功能模塊實(shí)現(xiàn)

1.論文設(shè)計(jì)概述：本系統(tǒng)是借助于SHOPEX開(kāi)發(fā)的電子商務(wù)團(tuán)購(gòu)網(wǎng)站，這個(gè)網(wǎng)站大部分技術(shù)都是借助于這個(gè)平臺(tái)實(shí)現(xiàn)的，功能強(qiáng)大，涵蓋了所有團(tuán)購(gòu)需要到的功能，比如登陸，注冊(cè)功能、會(huì)員管理功能、商品編輯與發(fā)布管理功能、購(gòu)物車功能、訂單處理功能、支付功能、站點(diǎn)文件管理功能等等。通過(guò)不懈的努力，這個(gè)網(wǎng)站終于在三月底成功上線了，詳情請(qǐng)點(diǎn)擊：。本論文是通過(guò)這個(gè)電子商務(wù)網(wǎng)站改版設(shè)計(jì)出來(lái)的團(tuán)購(gòu)系統(tǒng)網(wǎng)站。四、功能模塊實(shí)現(xiàn)1.論文設(shè)計(jì)概述：542.文件模塊組成這個(gè)是在PHPNOW環(huán)境下的shopex系統(tǒng)，我們需要編輯的是htdocs文件下面的themes文件，下面的截圖是其相應(yīng)的文件組成目錄2.文件模塊組成553.主體風(fēng)格設(shè)計(jì)所有的網(wǎng)站都要有一個(gè)設(shè)計(jì)風(fēng)格的，一個(gè)好的設(shè)計(jì)風(fēng)格可以帶給人們新意，起碼給我們一種舒服的感覺(jué)，這樣用戶體驗(yàn)也會(huì)好很多的。其次是，每個(gè)網(wǎng)站還有有內(nèi)容，一個(gè)空空的網(wǎng)站也是留不住來(lái)訪用戶的。我們公司主要是所化妝品下的染發(fā)類，主要適用人群是年輕的八零九零后們和上了年紀(jì)的白發(fā)脫發(fā)老人，而這類商品的主要消費(fèi)人群卻基本上的我們這些年輕人，所以這類網(wǎng)站的風(fēng)格要做的陽(yáng)光一點(diǎn)，我這里將網(wǎng)站的主體風(fēng)格設(shè)計(jì)成深紅色調(diào)的形式，這樣顯得熱情大氣而且吸引眼球。下面的網(wǎng)站首頁(yè)的顯示效果：3.主體風(fēng)格設(shè)計(jì)56畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件57畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件58畢業(yè)設(shè)計(jì)(論文)答辯基于Web20的網(wǎng)絡(luò)團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)課件59頁(yè)腳顯示效果，采用文字豎排顯示與橫排顯示相結(jié)合的顯示效果，或許會(huì)給我們帶來(lái)點(diǎn)新意：頁(yè)腳顯示效果，采用文字豎排顯示與橫排顯示相結(jié)合的顯示效果，或604.功能展示登陸模塊界面：（正確輸入用戶名、密碼和驗(yàn)證碼之后即可登陸到系統(tǒng)后臺(tái)）4.功能展示登陸模塊界面：（正確輸入用戶名、密碼和驗(yàn)證碼之后61御采堂團(tuán)購(gòu)系統(tǒng)后臺(tái)界面：御采堂團(tuán)購(gòu)系統(tǒng)后臺(tái)界面：62站點(diǎn)文件在線編輯界面（可以在線編輯頁(yè)面，但是效果沒(méi)有Dreamweaver軟件設(shè)計(jì)的效果好，推薦用DW先設(shè)計(jì)好樣板讓后再放進(jìn)去）：站點(diǎn)文件在線編輯界面（可以在線編輯頁(yè)面，但是效果沒(méi)有Drea63商品在線編輯功能界面（通過(guò)這個(gè)后臺(tái)功能可以直接發(fā)布商品信息，效果還可以，但是有一個(gè)軟件做這更有效率——shopex助理，）：商品在線編輯功能界面（通過(guò)這個(gè)后臺(tái)功能可以直接發(fā)布商品信息，64訂單模塊（可以查看誰(shuí)買了我們的商品，以及該客戶的基本信息還有發(fā)貨單、收款單快遞模板設(shè)計(jì)等等功能，這個(gè)模塊還可以導(dǎo)入淘寶的訂單，很方便實(shí)用。）訂單模塊（可以查看誰(shuí)買了我們的商品，以及該客戶的基本信息還有65購(gòu)買商品登陸與注冊(cè)界面（當(dāng)用戶沒(méi)有登陸要購(gòu)買商品時(shí)，會(huì)以彈出窗口的形式出現(xiàn)下面這個(gè)對(duì)話框，這個(gè)也是要通過(guò)Ajax技術(shù)實(shí)現(xiàn)的）：購(gòu)買商品登陸與注冊(cè)界面（當(dāng)用戶沒(méi)有登陸要購(gòu)買商品時(shí)，會(huì)以彈出66會(huì)員注冊(cè)與登陸模塊（登陸進(jìn)入購(gòu)物車頁(yè)面）：會(huì)員注冊(cè)與登陸模塊（登陸進(jìn)入購(gòu)物車頁(yè)面）：67會(huì)員管理功能界面效果：(里面有會(huì)員的基本信息和會(huì)員享受的一些優(yōu)惠還有一些基本的設(shè)置等等)會(huì)員管理功能界面效果：(里面有會(huì)員的基本信息和會(huì)員享受的一些68查看購(gòu)物車(可以查看到我們要買的商品數(shù)量和金額等信息)：查看購(gòu)物車(可以查看到我們要買的商品數(shù)量和金額等信息)：69訂單處理（購(gòu)物車模塊）：訂單處理（購(gòu)物車模塊）：70客戶留言模塊：客戶留言模塊：71五、總結(jié)設(shè)計(jì)是一件很快樂(lè)的事情，尤其是當(dāng)你設(shè)計(jì)出來(lái)的作品被采用了，可以實(shí)現(xiàn)其商業(yè)價(jià)值的時(shí)候，自然會(huì)感到很自豪。在這半年的工作中，自己的辛苦沒(méi)有白費(fèi)，自己做的東西很多也得到了肯定，并在不斷地進(jìn)步著。團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與架構(gòu)是一項(xiàng)大工程，不可能是一個(gè)人在短時(shí)間內(nèi)可以全部完成的，我這個(gè)網(wǎng)站設(shè)計(jì)目前也只是完成了其中的一部分的功能，畢業(yè)答辯的結(jié)束不代表這個(gè)團(tuán)購(gòu)系統(tǒng)設(shè)計(jì)的終結(jié)，我還會(huì)堅(jiān)持做下去，做好他，最終得以有商業(yè)應(yīng)用的價(jià)值。在做這個(gè)系統(tǒng)設(shè)計(jì)的期間，遇到了不少的技術(shù)問(wèn)題，在這里很感謝我的主管對(duì)我的支持與鼓勵(lì)，促使我不斷地改進(jìn)不斷地完善。同時(shí)要感謝萬(wàn)老師，能及時(shí)給我反饋學(xué)校的相關(guān)計(jì)劃和安排，好讓我及時(shí)完成論文的編寫。也感謝白云學(xué)院這四年來(lái)對(duì)我的栽培。五、總結(jié)設(shè)計(jì)是一件很快樂(lè)的事情，尤其是當(dāng)你設(shè)計(jì)出來(lái)的作品被采72六、參考文獻(xiàn)

《瘋狂Ajax講義》李剛編著2009年10月第二次印刷《瘋狂JAVA講義》李剛編著2010年8月第五次印刷《瘋狂XML講義》李剛編著2008年10月第一版《JavaScript征途》朱印宏著2009年9月第一次印刷《大巧不工-Web前端修煉之道》賴定清林堅(jiān)編著《CSS網(wǎng)頁(yè)布局實(shí)錄》李超編著2007年9月第一版《網(wǎng)頁(yè)設(shè)計(jì)與配色》旭日東升主編2009年第一次印刷《電子商務(wù)概述》姜宏波主編2010年5月第四次印刷

六、參考文獻(xiàn)

《瘋狂Ajax講義》李剛編著2009年173附錄：網(wǎng)站重要代碼Index.html<{requirefile="block/header.html"}><divclass="mains"><divclass="left_body"><{widgetsid="i1"}></div><divclass="right_body"><{widgetsid="i2"}><divclass="main_show"><divclass="goods_ad"><{widgetsid="i3"}></div><divclass="goods_show"><{widgetsid="i4"}></div></div><{widgetsid="i5"}></div></div><{requirefile="block/footer.html"}>附錄：網(wǎng)站重要代碼Index.html74Header.html<divid="top"><divclass="topmain"><divclass="logo"><divstyle="width:0;height:0;font-size:0;overflow:hidden;"><{widgetsid="logo2"}></div><{widgetsid="t1"}></div><divclass="topinfo"><divclass="toplogin"><{widgetsid="t2"}></div><divclass="topmenu"><{widgetsid="t3"}></div><divclass="topsearch"><divclass="topkeysearch"><{widgetsid="t4"}></div><divclass="topkey"><{widgetsid="t5"}></div></div></div></div></div>Header.html75Footer.html<divid="foot"><divclass="footmain"><divclass="footlogo"><divclass="hidd"><{widgetsid="f11"}></div><{widgetsid="f1"}></div><divclass="footinfo"><{widgetsid="f2"}><{footer}></div><divclass="clear"></div></div></div></body></html>Footer.html76Footer.css/*底部樣式*/#foot{