工藝品網(wǎng)上商城的實現(xiàn)畢業(yè)論文

1、工藝品網(wǎng)上商城的實現(xiàn)畢業(yè)論文 畢業(yè)設計（論文）原創(chuàng)性聲明和使用授權說明 原創(chuàng)性聲明 本人鄭重承諾：所呈交的畢業(yè)設計（論文），是我個人在指導教 師的指導下進行的研究工作及取得的成果。盡我所知，除文中特別加 以標注和致謝的地方外，不包含其他人或組織已經(jīng)發(fā)表或公布過的研 究成果，也不包含我為獲得及其它教育機構的學位或學歷 而使用過的材料。對本研究提供過幫助和做出過貢獻的個人或集體， 均已在文中作了明確的說明并表示了謝意。 作者簽名: 指導教師簽名: 日 期： 日 期： 使用授權說明 本人完全了解大學關于收集、保存、使用畢業(yè)設計（論 文）的規(guī)定，即：按照學校要求提交畢業(yè)設計（論文）的印刷本和電 子版本

2、；學校有權保存畢業(yè)設計（論文）的印刷本和電子版，并提供 目錄檢索與閱覽服務；學?？梢圆捎糜坝　⒖s印、數(shù)字化或其它復制 手段保存論文；在不以贏利為目的前提下，學?？梢怨颊撐牡牟糠?或全部內容。 作者簽名： 日 期： 學位論文原創(chuàng)性聲明 本人鄭重聲明：所呈交的論文是本人在導師的指導下獨立進行研 究所取得的研究成果。除了文中特別加以標注引用的內容外， 本論文 不包含任何其他個人或集體已經(jīng)發(fā)表或撰寫的成果作品。 對本文的研 究做出重要貢獻的個人和集體，均已在文中以明確方式標明。本人完 全意識到本聲明的法律后果由本人承擔。 作者簽名： 日期：年月日 學位論文版權使用授權書 本學位論文作者完全了解學校有

3、關保留、使用學位論文的規(guī)定， 同意學校保留并向國家有關部門或機構送交論文的復印件和電子版， 允許論文被查閱和借閱。本人授權大學可以將本學位 論文的全部或部分內容編入有關數(shù)據(jù)庫進行檢索，可以采用影印、縮 印或掃描等復制手段保存和匯編本學位論文。 涉密論文按學校規(guī)定處理。 作者簽名： 日期：年月日 日期： 導師簽名: 注意事項 1. 設計（論文）的內容包括： 1）封面（按教務處制定的標準圭寸面格式制作） 2）原創(chuàng)性聲明 3）中文摘要（300字左右）、關鍵詞 4）外文摘要、關鍵詞 5）目次頁（附件不統(tǒng)一編入） 6）論文主體部分：引言（或緒論）、正文、結論 7）參考文獻 8）致謝 9）附錄（對論文支持

4、必要時） 2. 論文字數(shù)要求：理工類設計（論文）正文字數(shù)不少于1萬字（不包括圖紙、 程序清單等），文科類論文正文字數(shù)不少于1.2萬字。 3附件包括：任務書、開題報告、外文譯文、譯文原文（復印件）。 4. 文字、圖表要求： 1）文字通順，語言流暢，書寫字跡工整，打印字體及大小符合要求，無錯 別字，不準請他人代寫 2）工程設計類題目的圖紙，要求部分用尺規(guī)繪制，部分用計算機繪制，所 有圖紙應符合國家技術標準規(guī)范。圖表整潔，布局合理，文字注釋必須使用工程 字書寫，不準用徒手畫 3）畢業(yè)論文須用A4單面打印，論文50頁以上的雙面打印 4）圖表應繪制于無格子的頁面上 5）軟件工程類課題應有程序清單，并提供

5、電子文檔 5. 裝訂順序 1）設計（論文） 2）附件：按照任務書、開題報告、外文譯文、譯文原文（復印件）次序裝 指導教師評閱書 指導教師評價： 一、撰寫（設計）過程 1、學生在論文（設計）過程中的治學態(tài)度、工作精神 優(yōu) 良 中 及格 不及格 2、學生掌握專業(yè)知識、技能的扎實程度 優(yōu)良中及格不及格 3、學生綜合運用所學知識和專業(yè)技能分析和解決問題的能力 優(yōu)良中及格不及格 4、研究方法的科學性；技術線路的可行性；設計方案的合理性 優(yōu) 良 中 及格 不及格 5、完成畢業(yè)論文（設計）期間的出勤情況 優(yōu)良中及格不及格 二、論文（設計）質量 1、論文（設計）的整體結構是否符合撰寫規(guī)范？ 優(yōu)良中及格不及格

6、2、是否完成指定的論文（設計）任務（包括裝訂及附件）？ 優(yōu)良中及格不及格 三、論文（設計）水平 1、論文（設計）的理論意義或對解決實際問題的指導意義 優(yōu) 良 中 及格 不及格 2、論文的觀念是否有新意？設計是否有創(chuàng)意？ 優(yōu)良中及格不及格 3、論文（設計說明書）所體現(xiàn)的整體水平 優(yōu)良中及格不及格 建議成績：優(yōu) 良 中 及格 不及格 （在所選等級前的內畫“ V） 評閱教師評閱書 評閱教師評價： 一、論文（設計）質量 1、論文（設計）的整體結構是否符合撰寫規(guī)范？ 優(yōu)良中及格不及格 2、是否完成指定的論文（設計）任務（包括裝訂及附件）？ 優(yōu)良中及格不及格 二、論文（設計）水平 1、論文（設計）的理論意

7、義或對解決實際問題的指導意義 優(yōu) 良 中 及格 不及格 2、論文的觀念是否有新意？設計是否有創(chuàng)意？ 優(yōu)良中及格不及格 3、論文（設計說明書）所體現(xiàn)的整體水平 優(yōu)良中及格不及格 建議成績：優(yōu) 良 中 及格 不及格 （在所選等級前的內畫“ V） 教研室（或答辯小組）及教學系意見 教研室（或答辯小組）評價： 一、答辯過程 1畢業(yè)論文（設計）的基本要點和見解的敘述情況 優(yōu) 良 中 及格 不及格 2、對答辯問題的反應、理解、表達情況 優(yōu)良中及格不及格 3、學生答辯過程中的精神狀態(tài) 優(yōu)良中及格不及格 二、論文（設計）質量 1論文（設計）的整體結構是否符合撰寫規(guī)范？ 優(yōu)良中及格不及格 2、是否完成指定的論文

8、（設計）任務（包括裝訂及附件）？ 優(yōu)良中及格不及格 三、論文（設計）水平 1論文（設計）的理論意義或對解決實際問題的指導意義 優(yōu) 良 中 及格 不及格 2、論文的觀念是否有新意？設計是否有創(chuàng)意？ 優(yōu)良中及格不及格 3、論文（設計說明書）所體現(xiàn)的整體水平 優(yōu)良中及格不及格 評定成績：優(yōu) 良 中 及格 不及格 教研室主任（或答辯小組組長）：（簽名） 年 月 日 目錄 摘要I Abstract II 引言1 第一章緒論2 1.1項目開發(fā)背景2 1.2主要技術介紹4 1.2.1 HTML 4 1.2.2 CSS 5 1.2.3 PHP 5 1.2.4 MYSQL6 1.2.5 JAVASCRIPT7

9、第二章需求分析 8 2.1社會可行性需求分析 8 2.1.1工藝品網(wǎng)上商城的發(fā)展原因 8 2.1.2工藝品網(wǎng)上商城技術可行性分析 8 2.1.3 工藝品網(wǎng)上商城的問題 8 2.1.4 系統(tǒng)環(huán)境需求分析 9 2.2前臺界面結構需求分析9 2.2.1 首頁9 2.2.2 列表頁10 2.2.3 內容頁 10 2.2.4 購物車 10 2.2.5 訂單11 2.2.6 個人中心11 2.3系統(tǒng)功能需求分析12 2.3.1 注冊登錄功能12 2.3.2 訂單管理功能13 2.3.3 購物車功能14 2.3.4 支付功能14 2.3.5在線客服功能15 2.3.6 商品管理功能16 237商品分類管理1

10、6 238 會員管理17 2.3.9文章管理17 第三章系統(tǒng)概要設計19 3.1、商城流程圖19 3.2數(shù)據(jù)庫概要設計20 3.2.1 主要數(shù)據(jù)庫表格需求分析 20 3.2.2 數(shù)據(jù) ER圖23 第四章功能設計及代碼24 4.1 配置文件24 4.2首頁界面設計及相關代碼 25 4.3注冊登錄功能實現(xiàn)原理及代碼 27 4.4 添加到購物車 30 4.5在線客服31 4.6商品管理功能實現(xiàn)31 4.7 會員信息管理 33 第五章 系統(tǒng)測試 36 5.1測試方法和目的介紹 36 5.2測試截圖36 5.2.1 首頁產(chǎn)品展示部分測試截圖 36 5.2.2 列表頁測試截圖37 5.2.3 內容頁測試截

11、圖37 5.2.4 購物車測試截圖38 5.2.5 訂單測試截圖38 5.2.6 在線客服測試截圖 39 5.2.7 訂單管理界面39 5.2.8 商品管理頁面40 總結41 參考文獻42 致謝43 摘要 工藝品網(wǎng)上商城提供了新的互聯(lián)網(wǎng)購物方式，該系統(tǒng)將傳統(tǒng)的手工業(yè)產(chǎn)品從 線下銷售搬到線上來，打破了傳統(tǒng)的銷售模式和拓展了銷售渠道。系統(tǒng)在WEB 平臺下搭建，使用Dreamweaver為主要開發(fā)工具，結合PHP開發(fā)語言和MYSQL 數(shù)據(jù)庫作為平臺支持。實現(xiàn)了基于B/S結構模式的商城開發(fā)。商城系統(tǒng)總體包括 前臺和后臺兩個部分，系統(tǒng)前臺包括用戶注冊登錄、商品瀏覽、購物車功能、下 訂單、付款、個人中心管

12、理、留言、文章瀏覽功能；系統(tǒng)后臺包括商品管理、用 戶管理、訂單管理、廣告管理功能。系統(tǒng)采用新的設計理念，從用戶體驗角度出 發(fā)，建設一個用戶友好型的現(xiàn)代工藝品網(wǎng)上商城。 【關鍵詞】 網(wǎng)上商城、工藝品銷售、PHP MYSQL Abstract Products on li ne mall provides a new way of shopp ing on the Intern et, the system will be the traditi onalhan dicraft products from offli nesales movedto line up, breaking the tr

13、aditionalsales model and expand the sales cha nn els.System set up in the WEEplatform, the use of Dreamweaveras ma in developme nt tools, comb ined with PHP Ian guage and MYSQL database as a platform to support. Impleme nts the mall developme nt based on B/S structure mode. Mall system including the

14、 front desk and the background of two parts, the system in cludi ng recepti on log in user registrati on, commodity browsing, shopping cart functionality,place an order, payment, personal center management, comments, articles,browse function;System backgro und in cludi ng commodity man ageme nt, use

15、r man ageme nt, order man ageme nt, advertis ing man ageme nt functions. System adopts new desig n con cept, from the perspective of the user experie nee, the con structi on of moder n arts and crafts in a user frie ndly on li ne mall. 【keyword Online mall 、Arts and crafts sales 、PHP MYSQL 引言 隨著計算機及

16、網(wǎng)絡技術的飛速發(fā)展.In ternet應用在全球范圍內日益普及， 網(wǎng)上購物也越來越流行，但現(xiàn)在很多工藝品商店大多采用的是本地銷售，也有部 分商家入住淘寶。對于大型的工藝品網(wǎng)上商店還是稀少。 開發(fā)工藝品網(wǎng)上商城主 要的目的是針對賣家和買家之間的矛盾，提高工藝品的交易量以及工藝品市場的 規(guī)范化，品牌化。 開發(fā)工藝品網(wǎng)上商城的其中一個目的是為了打通賣家的銷售渠道和提高工 藝品的知名度。在賣家眼中的工藝品銷售很多有地域的限制，在旅游圣地的工藝 品更是只能在當?shù)赜幸欢ǖ匿N量，價格也不是很樂觀。然而同樣一件工藝品不在 當?shù)劁N售價格可能就會被提升很多?！扒罏橥酢笔敲總€企業(yè)都熟知并且深諳的 游戲規(guī)則，如何在

17、電子商務迅速發(fā)展的今天，建立契合企業(yè)發(fā)展的渠道成為各企 業(yè)亟待解決的重要課題 。目前的手工藝品銷售大多是采用當?shù)劁N售，也有少數(shù) 的淘寶店鋪，但是銷售量也不是很多，因此打通傳統(tǒng)工藝品的銷售渠道是很重要 的，開發(fā)工藝品商城能夠在一定程度上滿足這個需求，提高商品的數(shù)量和商品的 知名度。 開發(fā)工藝品網(wǎng)上商城的另一個目的是為了讓買家能夠更好的得到自己想要 的東西。在買家眼中我們常常會因為沒有合適的地方購買工藝品而擔憂。在工藝 品商城中會有很多手工藝品，種類繁多，數(shù)量也有一定的保證，彌補了淘寶商店 里面的產(chǎn)品種類不足，數(shù)量有限的缺點。 第一章緒論 1.1項目開發(fā)背景 在網(wǎng)上購物開始盛行的環(huán)境下，基于In

18、ternet的電子商城使商品的交易更加 簡單、有效、成本更低，成為企業(yè)銷售的心模式，并占據(jù)企業(yè)銷售的客觀份額。 與實體店相比，電子商城具有不受時空限制，成本低廉，客戶無限，服務優(yōu)質等 特點，也是目前發(fā)展比較迅速的銷售模式 o 根據(jù)CNNIC數(shù)據(jù)報告顯示目前網(wǎng)購消費者的構成有以下三大特點： 第一，大專及以上學歷的網(wǎng)購消費者占 76.9%,是網(wǎng)絡消費的主力軍。大專 及以上學歷消費者受過良好的教育，工作比較穩(wěn)定，接觸互聯(lián)網(wǎng)的機會比較多， 接受新生事物的能力比較強，判斷能力比較強，比較自信。在網(wǎng)絡虛擬世界里， 根據(jù)部分知識選擇商品和做出決斷的能力也比較強， 所以網(wǎng)絡購物能夠在高知群 體順利推行。 第二

19、，網(wǎng)購消費者主要集中在政府、事業(yè)單位、大中型企業(yè)和個體戶，占了 76.7%的比例，而現(xiàn)在學生消費者只占網(wǎng)購消費者的 4.7%。他們具有相對穩(wěn)定的、 較高的收入，穩(wěn)定的社會地位，充分的上網(wǎng)條件和比較富裕的閑暇時間，平時工 作間隙就可瀏覽網(wǎng)上商城，收集各種商品的價格信息，進行比對、評判和選擇。 第三，網(wǎng)購消費者的個人收入相對較高，有 63.1%的人月收入在3000元以 上。按2010年的物價水平，月收入3000元以上，屬于中高收入者，有能力購置 上網(wǎng)設備，有更多的可支配收入購買消費品3。 因此針對上述情況網(wǎng)絡零售商的應對策略是： 第一：確保商店的商品價格比實體店便宜。 第二：利用從眾心理吸引后隨的

20、消費者。 第三：增加商品的附加值。 第四：網(wǎng)店設計要簡明。 第五：配送物流要及時快速。 商家信譽也是比較重要的一點，網(wǎng)上在線交易不同于傳統(tǒng)實地面對面的現(xiàn) 場交易。 第一，它不具有現(xiàn)場面對面交易的空間屬性， 交易商家可能并不在交易消費 者所在地理區(qū)域，交易消費者對交易商家的了解也可能會一無所知。 第二，在傳統(tǒng)交易模式下，交易商家多數(shù)具有實體店鋪，而網(wǎng)上在線交易的商家 如C2C,則可有可無，B2C式交易商家可能僅需要一個大的配貨倉庫 （中心） 就可以了。 第三，交易時，網(wǎng)上商城的商品資料僅能從拍攝的圖片和商家所提供的文字 說明中獲得，缺少傳統(tǒng)交易模式下的全方位購物體驗。第四，交易后，因所購商 品本

21、身或在運輸傳遞中造成的質量等問題后，交易消費方維權成本增高。 因此商家在誠信上會做出讓步，具體做法是： 第一：偏向型的讓步，例如貨到付款方式。 第二：比較形式的信譽積累，例如我們的商品評價。 第三：采用中介擔保的形式來保證，例如淘寶的支付寶 隨著互聯(lián)網(wǎng)技術不斷的發(fā)展，用戶體驗一詞也逐漸被關注，主要的用戶體驗 分為： 第一：感官體驗，包括網(wǎng)店的LOGO，設計風格、布局，色彩，動畫效果， 頁面效果、頁面尺寸大小。 第二：交互體驗、會員注冊、表單填寫、錯誤提示 第三：瀏覽體驗、內容豐富程度、商品更新頻率5 o 1.2主要技術介紹 1.2.1 HTML HTML是超文本編輯語言，適用于描述網(wǎng)頁的一種語

22、言。通過對網(wǎng)頁兀素進 行打標簽，然后告訴瀏覽器網(wǎng)頁的內容，瀏覽器按照內容順序閱讀網(wǎng)頁文件， 根 據(jù)標記顯示標記的內容，這就是 HTM啲工作原理。但是瀏覽器不會報錯也不會 停止編譯，只能通過查看效果找出錯誤的原因，這個是考驗開發(fā)者對頁面元素的 熟悉程度。 HTML技術之所以盛行主要的原因有以下三點： 1、簡單、易操作：HTML中的標簽數(shù)量比較少，而且標簽的使用功能比較單 一，簡單易上手。 2、可擴展性強：增加了標識符等要求，采用子類元素的方式，使得擴展更 容易。 3、平臺無關：HTML沒有涉及到平臺，無論是 MAC還是普通的電腦，都與之無關 系，HTML!行的必要因素是瀏覽器。 HTM發(fā)展歷史：

23、 1 、在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標準） 2 、HTML 2.01995年 11 月作為 RFC 1866發(fā)布，在 RFC 2854F2000年6月 發(fā)布之后被宣布已經(jīng)過時 3、HTML 3.21996年 1 月 14 日，W3Ct薦標準 4、HTML 4.01997年 12月 18日，W3Ct薦標準 HTML 4.01 （微小改進） 1999年 12月24日，W3Ct薦標準 5、HTML 5的第一份正式草案已于2008年1月 22日公布，仍繼續(xù)完善 ISO/IEC 15445:2000 “ISO HTML) 2000年 5 月 15 日發(fā)布，基于嚴格

24、的 HTML 4.01語法，是國際標準化組織和國際電工委員會的標準 1.2.2 CSS 級聯(lián)樣式表(Cascading Style Sheet)簡稱“ CSS，通常稱為風格樣式表， 是能夠做到網(wǎng)頁表現(xiàn)與內容分離的一種樣式設計語言，相對傳統(tǒng)的HTMLS現(xiàn)來 說，CSS能夠將網(wǎng)頁的元素精確排版和控制，并能夠初步實現(xiàn)交互。最新的CSS3 更是將動畫元素增加進去，使得網(wǎng)頁的表現(xiàn)形式更加豐富多彩。 使用CSS的優(yōu)勢 1、網(wǎng)站使用DIV+CSS布局，使得代碼精簡，同一個 CSS文件可以在任何網(wǎng) 頁文件中調用，相比較表格結構CSS文件更靈活。修改起來也簡單。 2、網(wǎng)頁訪問速度加快，通過DIV+CSS訪問的時

25、候，網(wǎng)頁的代碼和樣式分離， 加載起來自然就快了。 3、 代碼優(yōu)化，采用搜索引擎友好的規(guī)則，避免了之前table布局的潛逃層 次，使得整個網(wǎng)頁元素更清晰，更簡單。 4、兼容性，使用DIV+CSS會出現(xiàn)兼容性問題，目前主流的瀏覽器會有自己 Hack標記，針對瀏覽器開發(fā)是前端開發(fā)的一個主要工作。 發(fā)展歷史 1、作為一項 W3C推薦，CSS1發(fā)布于1996年12月17日。1999年1月 11日，此推薦被重新修訂。 2、作為一項 W3C推薦，CSS2發(fā)布于1999年1月11日。CSS2添加了 對媒介(打印機和聽覺設備)和可下載字體的支持。 3、CSS3計劃將CSS劃分為更小的模塊。 1.2.3 PHP

26、PHP是英文超文本預處理語言 Hypertext Preprocessor 的縮寫，PHF是嵌 入到HTML文件中執(zhí)行的腳本語言，語言風格類似于 C語言，被廣泛使用。使用 PHP可以和APACH以及MYSQ構建成網(wǎng)站的服務器平臺，由于PHP和APACH可 以和所有的數(shù)據(jù)庫進行友好接口，使得 PHP的站點逐漸增多，在1999年就已經(jīng) 超過了 15000個，加上源碼公開使得程序設計上有了更好的支持。 選擇PHP技術的主要原因有以下幾點： 1、PHP的語法混合了 C JAVA以及PHP自創(chuàng)的語法。 2 、PHF可以比CGI和PERL更快的執(zhí)行動態(tài)網(wǎng)頁，PHP是將程序嵌入到HTML 文檔中去，執(zhí)行起來

27、速度要快。 3 、幾乎支持所有的數(shù)據(jù)庫及操作系統(tǒng)，并且可以使用 C C+4行擴展。 4 、效率高，PHR肖耗相當少的系統(tǒng)資源。 5 、源碼開發(fā)，使用PHP你可以得到所有的源碼，并且是免費的。 6 、平臺無關性，使用PHP可以在各種平臺中使用，包括 LINUX WINDOWS MAC OS中。 1.2.4 MYSQL MySQL是 一個關系數(shù)據(jù)庫管理系統(tǒng)，因為體積小、速度快、擁有成本低開放 源碼等特點，被廣大的中小型網(wǎng)站所青睞。 與其他大型的數(shù)據(jù)庫如 Oracle、DB2 SQLServer相比，mysql規(guī)模小、功 能簡單、源碼開放為中小型企業(yè)提供的功能已經(jīng)綽綽有余，目前主流的網(wǎng)站架構 方式是

28、 LAMRLinux+Apache+Mysql+PHP 或者是 WAMfWindows+Apache+ Mysql+PHPo使用MYSQ作為數(shù)據(jù)庫，PHP/PERL/PYTHC作為服務器腳本解釋器， 可以不花一分錢就可以獲得一個免費的，簡單的網(wǎng)站系統(tǒng)。 MYSQL 特點 1、可移植性強，Mysql使用的是C和C+編寫，保證了移植性。 2、支持各種操作系統(tǒng)，無論是Windows還是MAC等系統(tǒng) 3、為各種編程語言提供API接口。 4、提供多語言支持包括 GB_123 UTF_等語言支持 5、提供TCP/IP、ODB（和JDBC等多種數(shù)據(jù)庫連接途徑 1.2.5 JAVASCRIPT JavaScr

29、ipt是一種基于對象和事件驅動，并具有相對安全的客戶端腳本語 言。同時也是廣泛利用客戶端腳本開發(fā)的語言，常用來給Html網(wǎng)頁添加動態(tài)功 能，比如響應用戶的各種操作。不同于服務器端的腳本語言，JavaScript是在 瀏覽器上運行的，不需要服務器支持，也不需要經(jīng)過編譯，而是將文本格式的字 符代碼發(fā)送到瀏覽器給瀏覽器運行，其安全性稍微差點，并且如果一條語言執(zhí)行 不通過，則無法執(zhí)行下一步。 JavaScript主要由三個組成部分：核心（ECMScript）、文檔對象模型（DOM、 瀏覽器對象模型（BOM，JavaScript有很多庫，有我們熟悉的JQUERY以及JSer 等等庫文件。JavaScri

30、pt的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動 態(tài)的、交互性的關系，使網(wǎng)頁元素包含更多精彩的內容，并且能夠及時響應用戶 的操作，對表單的提交做及時的檢查，并且只要你有創(chuàng)意，就可以用JavaScript 寫出各種新鮮的交互。 JQUER是 JAVASCRIPT勺一個優(yōu)秀的框架，它是輕量級的 JAVASCRIPT!, 他兼容CSS3和各種瀏覽器，JQUER更方便的處理HTMIdocuments、events、實 現(xiàn)動畫效果，并且方便地為網(wǎng)站提供 AJAX交互。jQuery還有一個比較大的優(yōu)勢 是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件 可供選擇。jQuery能夠使用

31、戶的html頁保持代碼和html內容分離，也就是說， 不用再在html里面插入一堆js來調用命令了，只需定義id即可。 第二章需求分析 2.1社會可行性需求分析 2.1.1工藝品網(wǎng)上商城的發(fā)展原因 隨著科技的進步，電子商務活動越來愈頻繁，并且在傳統(tǒng)的銷售行業(yè)已經(jīng)對 傳統(tǒng)的銷售有了一定的沖擊。工藝品的網(wǎng)上商城出現(xiàn)和大多數(shù)的傳統(tǒng)銷售行業(yè)一 樣，主要目的是為了打開銷售渠道和轉化銷售模式，增大產(chǎn)品的知名度。因此在 社會可行性上是有需求的。 2.1.2工藝品網(wǎng)上商城技術可行性分析 工藝品網(wǎng)上商城在技術上主要依靠上一章的技術，在前臺的頁面設計以及制 作使用DIV+CSS布局，使用數(shù)據(jù)庫來存儲整個網(wǎng)站的數(shù)據(jù)

32、， 使用PHP處理整個網(wǎng) 站的數(shù)據(jù)流。對于頁面的效果使用JQUER和JavaScript語句來實現(xiàn)。后臺的數(shù) 據(jù)操作基本是PHP來編寫，在安全性能和操作上相比較較原始的 ASP都有一定的 提高。因此在技術上是可行的。 2.1.3工藝品網(wǎng)上商城的問題 網(wǎng)上商城也是最近幾年才開始發(fā)展的，雖然淘寶做的比較早，但屬于多商 家系統(tǒng)，針對只有一個賣家的商城，目前有一號店、聚美優(yōu)品、唯品會這些單商 家系統(tǒng)，由于技術和資金到位，商城的頁面和服務做的比較到位， 但是對于一般 性的網(wǎng)上商城，還是存在一些冋題。 1、仍然有部分商城使用的是 WEB1.0的標準，導致界面不友好、用戶體驗 2、商家貨物渠道有限，商品種類

33、不夠齊全，商品類型也比較單一。 3、商品信息不全，很多工藝品都只是有一張圖片介紹，或者商品以文章的形式出現(xiàn)在網(wǎng)站上，并沒有一個真正的展示。 4、誠信度差，由于商城的界面設計的原因，導致給用戶的信任度比較低， 商家也沒有花費時間在經(jīng)營上，導致整個商城的瀏覽量也沒有保證。 因此在本系統(tǒng)中主要從用戶體驗以及界面設計去設計開發(fā)整個系統(tǒng)，主要的 目標是建設一個用戶友好、體驗佳的前臺界面，后臺建設目標主要是數(shù)據(jù)操作簡 單，易上手。 2.1.4系統(tǒng)環(huán)境需求分析 系統(tǒng)運行環(huán)境需要MYSQL+APACHE+WINDOW以使用集成的WAM服務器， 或者使用單個的軟件進行相關配置，也可以達到相關效果。 2.2前臺界

34、面結構需求分析 2.2.1首頁 首頁是網(wǎng)站的門戶，為了滿足網(wǎng)站的設計需求和用戶體驗，采用 HTML技術 進行框架的搭建，使用JQUER和CSS進行頁面的美化和元素的處理，主要數(shù)據(jù)處 理使用PHP調用，因此在實現(xiàn)上還是比較容易操作的。首頁主要結構圖如下所示： 首頁 商 品 分 類 廣告位置 銷 售 排 行 相關文章 用 戶 評 論 圖2.1首頁結構圖 222列表頁 列表頁是根據(jù)每個分類將商品以列表的形式展示出來，在列表頁用戶可以根 據(jù)自己喜歡挑選商品。商品的基本信息包含：商品價格、商品購買人數(shù)、會員價, 對商品操作有：加入購物車、購買。列表頁還可以根據(jù)用戶的點擊情況記錄用戶 瀏覽過的商品，然后顯

35、示出來，更有利于用戶查找。 2.2.3 內容頁 商品內容頁主要是對商品的具體信息展示，讓用戶對此商品有更多的了解, 主要包含的結構如下圖所示： 圖2.2內容頁結構圖 2.2.4購物車 購物車是根據(jù)實際購物過程中購買商品虛擬而來的功能，用戶在瀏覽商品的 時候如果看到比較心儀的商品就放到購物車中，可以過會支付，也可以等方便了 的時候再支付，由于瀏覽歷史只能存在于頁面的SESSION沒有失效的時間段內， 而購物車是針對個人用戶而來的，沒有時效性。購物車主要包含了商品的信息， 價格，多個商品可以匯總購買，方便，省時。 225訂單 顧客確定購物車中的商品后提交訂單，如顧客已填寫收貨人信息，則頁面顯 示該

36、信息并由顧客確認。如尚未填寫則顯示相應表單請其填寫， 系統(tǒng)記錄顧客提 交的收貨人信息以便其下次購物時使用。顧客提交訂單后可在網(wǎng)上商城查詢該訂 單，并可對尚未處理的訂單進行取消、 修改等操作。同時在提交訂單的時候也支 持匿名購買，即無需登錄即可以購買商品。 圖2.3訂單結構圖 2.2.6個人中心 個人中心是網(wǎng)站會員管理自己信息的地方，個人中心主要包括以下幾點: 1、用戶信息：用戶姓名、用戶名、密碼、積分管理； 2、訂單管理：訂單查詢、訂單明細、訂單退貨； 3、賬戶信息：資金查詢、兌換卷查詢、信譽查詢； 4、收獲地址管理：如果不止一個收貨地址則可以設置某一個為默認的收貨地址; 5、包裹跟蹤：通過訂

37、單號進行包裹物流的查詢； 2、購買常識：主要是對本網(wǎng)站的用戶一個購買的提示以及如何付款等文章; 3、配送與支付：主要介紹配送服務以及支付方式的文章； 4、會員中心： 主要是一些會員的操作； 5、服務保證: 主要是對網(wǎng)站提供了哪些服務做一些簡單的介紹； 6聯(lián)系我們： 主要是告訴用戶如何聯(lián)系站長。 第三章系統(tǒng)概要設計 3.1、商城流程圖 圖3買家購買流程圖 買家購買流程圖主要是針對買家購買行為的一個流程圖，這里詳細介紹了相 關的數(shù)據(jù)流向以及相關的文件操作信息。 3.2數(shù)據(jù)庫概要設計 3.2.1主要數(shù)據(jù)庫表格需求分析 表1:用戶注冊信息表 字段名 類型 主鍵 用戶名 Varchar 唯一 用戶ID

38、Mediumi nt(8) 密碼 Varchar 郵箱 varchar 手機號 Varchar 表2:訂單信息表 字段名 類型 主鍵 訂單ID Mediumi nt(8) 唯一 商品ID Mediumi nt(8) 商品名稱 Varchar 商品編號 Varchar 商品數(shù)量 Varchar 商品價格 Varchar 表3： 廣告信息表 字段名 類型 主鍵 廣告ID Mediumi nt(8) 唯一 廣告名稱 Varchar 廣告位置 Varchar 廣告鏈接 Varchar 廣告圖片 Varchar 廣告開始時間 Int 廣告結束時間 Int 表4:購物車信息表 字段名 類型 主鍵 用戶ID

39、 Mediumi nt(8) 唯一 SESSION ID Mediumi nt(8) 商品ID Mediumi nt(8) 商品編號 Varchar 商品名稱 Varchar 市場價 Varchar 數(shù)量 Varchar 表5:商品信息表 字段名 類型 主鍵 商品ID Mediumi nt(8) 唯一 商品名稱 Varchar 品牌描述 Varchar 商城價格 Varchar 上架時間 Int 下架時間 Int 商品圖片 Varchar ( 255) 表6:管理員信息表 字段名 類型 主鍵 用戶名 Varchar 唯一 EMAIL Varchar 密碼 Varchar 登錄時間 Varcha

40、r 權限 Varchar 表7:商品分類信息表 字段名 類型 主鍵 分類ID Mediumi nt(8) 唯一 分類名稱 Varchar 分類關鍵字 Varchar 分類描述 Varchar 表 $db_ name = jumei;/ database n ame $db_user = root;/ database user name $db_pass = ;/ database password $prefix = jumei_; / table prefix $timezo ne = UTC; $cookie_path = /; $cookie_doma in =; $session =

41、 1440; defi ne(EC_CHARSET,utf-8); defi ne(ADMIN_PATH,admi n); define(AUTH_KEY, this is a key); defin e(OLD_AUTH_KEY, ); defi ne(API_TIME, 2013-05-13 17:22:43);? 4.2首頁界面設計及相關代碼 首頁界面設計主要考慮到用戶友好，采用DIV+CSS的布局模式對頁面的布局 以及頁面的元素控制，；利用JAVASCRIP和JQUERY進行相互的交互設計操作。 對加入收藏，狀態(tài)分享采用了 JAVASCRIP來控制，對具體的展示模塊使用JQUERY 的

42、圖片處理插件來實現(xiàn)。 加入收藏實現(xiàn)代碼： fun ctio n bookmark() if(ask(要將本站點加入收藏夾嗎？ ) var title = docume nt.title/ var url = wi ndow .lo cati on .href; if( docume nt.all ) 獲取當前文件的標題 /獲取當前的URL鏈接 /對ie提取相關數(shù)據(jù) wi ndow.external.AddFavorite(url, title); else if (window.sidebar) / 對火狐 firefox window.sidebar.addPanel(title, url,

43、 title); /根據(jù)不同的瀏覽器版本定給出相關數(shù)據(jù)，網(wǎng)頁的標題以及網(wǎng)頁的URL鏈接 圖片特效處理： 圖片的處理主要是理論依據(jù)是當鼠標移動到圖片上，獲取到那張圖片的ID， 并且通過函數(shù)控制該張圖片的亮度變化，沒有獲取到焦點的圖片則亮度變暗。當 鼠標焦點失去時變回原來的顯示方式。具體實現(xiàn)函數(shù)如下： style=width:185px;height:190px;class=imgbox/ 在圖片列表定義屬性 onm ouseover=showimgbox(this,eve nt);/鼠標移動調用 showimgbox函數(shù) onmouseout=hiddenimgbox(this,event) /

44、鼠標移開調用 hiddenimgbox 函數(shù) /showimgbox函數(shù)，鼠標移動到圖片上控制變化 fun ctio n showimgbox(elem,e) e=e|w in dow.eve nt; if(!isMouseLeaveOrE nter(e,elem) retur n; var obj = elem.getEleme ntsByTagName(div)0; if(obj.style.display = non e) Vardivs elem.pare ntNode.pare ntNode.getEleme ntsByTagName(div); for(var i=0;icheck

45、_user($user name) | admin_registered($username) echo false; elseecho true; /相關數(shù)據(jù)驗證 $back_act = isset($_POSTback_act) ? trim($_POSTback_act):; if(empty($_POSTagreeme nt) show_message($_LANGpassport_jsagreeme nt); if (strlen($username) 3)/控制字符必須超過 3位 show_message($_LANGpassport_jsuser name_shorte門)； i

46、f (strlen($password) 0) show_message($_LANGpasswd_bal nk); /* 驗證碼檢查*/ if(i ntval($_CFGcaptcha) 用戶登錄則相對簡單一些，用戶登錄可能是在需要登錄的地方才會登錄，所 以在用戶訪問網(wǎng)站的每一個步驟都會有一個操作日志，這個操作日志在用戶關閉 之后會自動清空，通過記錄了用戶的操作路勁，記錄下登錄之前的頁面，然后等 登錄之后使用重定向到上一個操作頁面，繼續(xù)前面的操作，具體代碼如下： /用戶登錄： $username = isset($_POSTusername) ? trim($_POSTusername):”

47、； /獲取用戶名 $password = isset($_POSTpassword) ? trim($_POSTpassword): ;/獲取用戶密碼 $back_act = isset($_POSTback_act) ? trim($_POSTback_act): ;/ / 回調函數(shù) /回調跳轉，之前會記住前一個操作地址 show_message($_LANGlog in _success.$ucdata array($_LANGback_up_page,$_LANGprofile_l nk), array($back_act,user.php), in fo); /正確返回一個頁面顯示登錄

48、正確，給出上一個操作的鏈接 else$_SESSIONlogin_fail + ; show_message($_LANGlogin_failure,$_LANGrelogin_l nk, user.php, error); /錯誤返回并輸出相關信息 4.4添加到購物車 購物車的功能實現(xiàn)主要分為兩個部分：登錄狀態(tài)下的購物車和非登錄狀態(tài)下 的購物車： 登錄狀態(tài)下的購物車：登錄狀態(tài)下的購物車可以看到之前操作的商品，用戶 在瀏覽商品信息的時候可以將商品加入到購物車中，然后進行結算，購物車相當 于一個緩存的作用，在數(shù)據(jù)的調用上，用戶每添加一個商品的時候就會寫一個數(shù) 據(jù)到數(shù)據(jù)庫中，前臺通過對數(shù)據(jù)庫的讀取

49、然后顯示，同時在同一個購物車中產(chǎn)生 的商品也是可以進行相關的合并處理； 非登錄狀態(tài)下的購物車：非登錄狀態(tài)下的購物車是通過獲取網(wǎng)頁SESSION 中的數(shù)據(jù)，每一個用戶在訪問網(wǎng)站的時候，未登錄狀態(tài)都會有一個SESSION寸限， 在這個時限的所有操作都會被記錄下來，如果用戶增加了一個商品到購物車中， 系統(tǒng)會通過分配給該頁面的SESSIONS找這個商品，找到了商品的基本信息之后 再添加進購物車，具體實現(xiàn)代碼如下： if ($_REQUESTstep = add_to_cart)/ 添加商品到購物車 $result = array(error = 0, message = , content = goo

50、ds_id= ”)； $jso n = new JSON; if (empty($_POSTgoods) $resulterror = 1; die($js on-en code($result); $goods = $json-decode($_POSTgoods); 4.5在線客服 在線客服是通過和QQ做友好接口來的，通過JS控制http請求，在我們點 擊圖標的時候進行服務器通訊，然后調用我們用戶的QQ發(fā)起聊天，通過頁面跳 轉到WAPQQ回話的網(wǎng)站，如果在線則添加好友并聊天，否則不可以，這里主要 能夠做的為獲取本地的QQ以及我們提供的客服QQ,讓二者進行回話。 主要代碼如下： vbr 4.

51、6商品管理功能實現(xiàn) 商品管理功能主要是后臺賣家對數(shù)據(jù)的操作，這里通過表單往數(shù)據(jù)庫寫數(shù)據(jù)， 商品的管理主要是查刪改插的功能， 查詢商品：查詢商品主要是賣家在多數(shù)商品中對某一個商品進行搜索，直接 在后臺進行相關的搜索即可，通過數(shù)據(jù)庫搜索函數(shù)將搜索程序定義好， 然后點擊 搜索觸發(fā)相應的操作即可達到相關的要求； 刪除商品：刪除商品首先是需要通過鼠標選中該商品存在的某一行，通過選 中這一行然后再獲取了該商品的ID，這樣調用刪除程序，在數(shù)據(jù)庫中刪除與該 ID相同的商品的所有信息。 修改商品：修改商品的主要功能操作和刪除商品的功能操作類似，通過獲取 該商品的ID然后通過Update函數(shù)進行相關的操作。 插入

52、商品：插入商品即是添加商品操作，通過填寫相關的數(shù)據(jù)，將商品信息 添加至數(shù)據(jù)庫中，每添加一個商品可以自動賦予一個商品 ID也可以根據(jù)自己的 定義來給商品定義ID。 添加商品主要代碼如下： elseif ($_REQUESTact = add | $_REQUESTact = edit | $_REQUESTact = copy) in clude_o nce(ROOT_PATH . in cludes/fckeditor/fckeditor.php); /包含html editor 類文件 $is_add = $_REQUESTact = add;/添加還是編輯的標識 $is_copy = $_

53、REQUESTact = copy; / 是 否 復 制 $code=empty($_REQUESTextension_code)?:trim($_REQUESTextensio n _code);$code=$code=virual_card ? virual_card:; if ($code = virual_card) admin_priv(virualcard);/ 檢查權限 else admin_priv(goods_manage);/ 檢查權限 查詢相關商品主要代碼： if ($is_add) $last_choose = array(0, 0); /* 默認輸入為空 */ if

54、(!empty($_COOKIEECSCPlast_choose) /判斷Cookie中是否存在數(shù)據(jù)緩存，并清空/ $last_choose = explode。，$_COOKIEECSCPlast_choose); $goods = array( goods_id = 0, goods_desc= ”， cat_id= $last_choose0, bra ndd= $last_choose1, is_on _sale = 1, is_al on e_sale = 1, is_shippi ng = O, other_cat = array(), / 擴展分類 goods_type = 0,

55、/ 商品類型 ); if ($code !=) $goodsgoods_ nu mbe門=0; 4.7會員信息管理 會員信息處理主要是賣家可以自己增加相應的會員，在添加會員的時候會進 行相關的介紹，同時會和服務器進行相關的數(shù)據(jù)交流，當頁面輸入數(shù)據(jù)時就會和 服務器進行通信。當焦點失去的時候系統(tǒng)會將頁面的數(shù)據(jù)返回給服務器，這樣減 少了檢測的步驟，用戶也可以在頁面就知道所使用的用戶名等是否被使用，減少 了操作上的失誤。主要實現(xiàn)代碼如下： elseif ($_REQUESTact = in sert) /*檢查權限*/ admin_priv(users_ma nage); $username=empt

56、y($_POSTusername)?”: trim($_POSTusername); :trim($_POSTpassword); $password=empty($_POSTpassword)? $email = empty($_POSTemail) ? : trim($_POSTemail); $sex = empty($_POSTsex) ? 0 : intval($_POSTsex); $sex = in_array($sex, array(0, 1,2) ? $sex : 0; $birthday=$_POSTbirthdayYea門.-.$_POSTbirthdayMo nth -

57、.$_POSTbirthdayDay; $rank=empty($_POSTuser_rank)? 0 : intval($_POSTuser_rank); $credit_li ne=empty($_POSTcredit_li ne)?0:floatval($_POSTcredit_l in e); $users = if (!$users-add_user($username, $password, $email) /*插入會員數(shù)據(jù)失敗*/ if ($users-error = ERR_INVALID_USERNAME) $msg = $_LANGusername_i nv alid; elseif ($users-error = ERR_USERNAME_NOT_ALLOW) $msg = $_LANGusername_not_allow; elseif ($users-error = ERR_USERNAME_EXISTS) $msg = $_LANGusername_exists; elseif ($users-error = ERR_INVALID_EMAIL) $msg = $_LANGemail_i nvalid; elseif