畢業(yè)設計(論文)答辯 基于Web20的網(wǎng)絡團購系統(tǒng)的設計與實現(xiàn)課件

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

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

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

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

六、參考文獻

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

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

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

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

六、參考文獻

《瘋狂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{