基于Web的網(wǎng)上書城的設(shè)計與實(shí)現(xiàn)

1、 基于Web的網(wǎng)上書城的設(shè)計與實(shí)現(xiàn) Design and Implementation of Online Bookstore Based on Web 內(nèi)容摘要網(wǎng)絡(luò)購物作為互聯(lián)網(wǎng)快速興盛的產(chǎn)物，正以一種嶄新的面孔呈現(xiàn)在人們的視野當(dāng)中?；陔娮由虅?wù)快速發(fā)展的現(xiàn)狀，實(shí)現(xiàn)一套人性化、實(shí)用性高的網(wǎng)上書城十分符合時代發(fā)展需求。此研究課題前端制作采用HTML5與CSS3來完成網(wǎng)站的前端美化工作，后端運(yùn)用PHP來進(jìn)行制作，實(shí)現(xiàn)一個建立在書城和消費(fèi)者連接的交易平臺。網(wǎng)站的前端頁面供瀏覽用戶使用，用戶可通過這些頁面進(jìn)行注冊、登錄、圖書查詢、購買圖書等功能。后臺方面則由管理員維護(hù)，主要負(fù)責(zé)書店的圖書管理、用戶信

2、息管理、訂單管理等功能。文章一開始仔細(xì)講解了網(wǎng)上書城的研究背景、研究的目標(biāo)以及網(wǎng)上購書的優(yōu)勢。然后，簡單講述這次系統(tǒng)開發(fā)用到的技術(shù)。之后，為書城每個模塊功能進(jìn)行需求分析、內(nèi)容設(shè)計并且完成實(shí)現(xiàn)。末尾，對書城系統(tǒng)進(jìn)行完整性測試。網(wǎng)站主要運(yùn)用到HTML+PHP技術(shù)來完成，數(shù)據(jù)庫方面則采用MYSQL作為書城的數(shù)據(jù)存儲庫。關(guān)鍵詞：網(wǎng)上書城 HTML MYSQL數(shù)據(jù)庫 PHPAbstractWith a brand-new look, shopping online emerges in peoples lives as an outcome of clipping flourish of Interne

3、t. Based on the status quo of the explosive development of e-commerce, to develop a set of humanized and highly practical bookshop onlinecompletely isin line with the demands of the age.The HTML5 and CSS3 was used to finish the beautifiesconstructionof front-endwebsiteof this research topic andPHP t

4、o the rear-end, which are to implement a trading platform concatenatedbooks and consumers.The front page of the website is for browsing user to use, and users can use these pages to register, log in, search for books, and purchase books.The administratormaintains the backstage, mainly in charge of b

5、ook management, user information management, order managementand so on. Beginning of the essay, itscarefully explained the research background, research objects and advantages of buying books on the Internet,and then brieflyintroduced this technologyused todevelopsystem. After that, it has demand an

6、alyses,content design in each module functionof online bookstore assuring that the bookstorecan be implemented. In the end,HTML+PP technology was mainly applied tocomplete the integrity of the book system test, and the MYSQL database is used as a data repositoryof bookstore.Key words: Online Booksto

7、re HTML MYSQL Database PHP目 錄第一章 緒論11.1研究背景11.1.1網(wǎng)上購書的現(xiàn)狀11.1.2網(wǎng)上書店的發(fā)展前景11.2研究目標(biāo)21.2.1研究該課題的目的21.2.2研究該課題的意義21.3網(wǎng)上購書的優(yōu)點(diǎn)3第二章 系統(tǒng)開發(fā)環(huán)境42.1PHP技術(shù)的概述42.2 MYSQL數(shù)據(jù)庫的概述4第三章 系統(tǒng)需求分析63.1場景功能性需求63.1.1前臺功能需求分析63.1.2后臺功能需求分析63.2.1系統(tǒng)功能結(jié)構(gòu)圖63.2系統(tǒng)功能分析73.2.1由用戶身份分析73.2.2由管理員身份分析73.3系統(tǒng)工作流程圖8第四章 數(shù)據(jù)庫需求分析與設(shè)計94.1數(shù)據(jù)庫需求分析94.2數(shù)據(jù)

8、庫設(shè)計9第五章 系統(tǒng)的設(shè)計與實(shí)現(xiàn)115.1系統(tǒng)功能結(jié)構(gòu)設(shè)計115.1.1網(wǎng)站首頁設(shè)計115.1.2購物車模塊設(shè)計125.1.3后臺管理設(shè)計145.1.4會員管理模塊設(shè)計16第六章 系統(tǒng)測試186.1系統(tǒng)測試186.2系統(tǒng)維護(hù)18第七章 總結(jié)與展望197.1總結(jié)197.2展望19參考文獻(xiàn)20致謝21廣東東軟學(xué)院本科畢業(yè)設(shè)計（論文）第1章 緒論1.1研究背景1.1.1網(wǎng)上購書的現(xiàn)狀在國內(nèi)，電子商務(wù)越來越受到重視，很多企業(yè)紛紛建立直接面對消費(fèi)者的銷售渠道網(wǎng)站。與此同時，中國的圖書行業(yè)在進(jìn)行嚴(yán)格的制度改革和新型發(fā)展模式的開發(fā)探索，在如此艱難的生存環(huán)境下，他們必須進(jìn)行經(jīng)營模式的變更與調(diào)整以維持自己的生存

9、。國內(nèi)學(xué)者普遍認(rèn)為，網(wǎng)絡(luò)的方便快捷正在改變?nèi)藗兊馁彆?xí)慣和閱讀習(xí)慣。據(jù)2018年我國實(shí)體書店和網(wǎng)店規(guī)模銷售占比為35%65%。不僅是時間上的節(jié)省還是圖書價格方面的優(yōu)惠，這些方面都是線下實(shí)體書店所無法。因?yàn)榫W(wǎng)上書城允許消費(fèi)者隨時隨地瀏覽圖書，無需親自到門店挑選，而且還有便捷的查詢系統(tǒng)，再也不用大海撈針般的在書店尋找一本自己想閱讀的書籍。還有的網(wǎng)上書城時不時搞促銷活動，正常的六七折，大活動的時候低至兩三折。這樣的折扣力度無疑是給線下實(shí)體書店當(dāng)頭一棒。由此可以看出實(shí)體書店面臨諸多生存挑戰(zhàn)。在國外，有迄今為止世界上影響最大的網(wǎng)上書城西雅圖的亞馬遜網(wǎng)上書城，其主要原因有:（1）多樣的圖書類型可供選擇，圖

10、書的目錄類型都存儲在服務(wù)器的后臺，用戶只需知道書本的名字、作者或者是書目類型，就可以直接查出想要的書籍（2）價格優(yōu)惠力度大，從亞馬遜購書可享受7%至9%不等的折扣，關(guān)鍵是免郵費(fèi)，免退貨費(fèi)。（3）一般書店會把未售出的書退回出版商。出版商不僅要承擔(dān)這些退貨圖書的運(yùn)輸和銷售費(fèi)用，還要準(zhǔn)備庫存空間。但是當(dāng)亞馬遜收到訂單后，他會告訴出版商直接發(fā)貨。這樣一來，他不僅可以維持少量的庫存，還可以幫助出版商減輕退書的庫存壓力。如果中國的網(wǎng)絡(luò)書店行業(yè)能夠借鑒亞馬遜書店的先進(jìn)經(jīng)驗(yàn)，再創(chuàng)新，利用中國獨(dú)特的互聯(lián)網(wǎng)發(fā)展優(yōu)勢，克服環(huán)境帶來的不利因素。這樣，網(wǎng)絡(luò)書城的發(fā)展將有很大的進(jìn)步空間。1.1.2網(wǎng)上書店的發(fā)展前景面對著

11、如此強(qiáng)勁的電商沖擊，許多實(shí)體書店選擇擁抱互聯(lián)網(wǎng)。建立“互聯(lián)網(wǎng)+實(shí)體書店”的形式，實(shí)現(xiàn)線上和線下相融合的發(fā)展道路。用戶可在網(wǎng)上查詢書體書店的具體位置，在線上書城查詢自己喜歡得書籍下單完成支付，然后到實(shí)體書店領(lǐng)取商品。這樣做一方面方便了消費(fèi)者選購圖書之余，還能了解關(guān)于圖書的詳情、相關(guān)信息。另一方面，通過實(shí)體書店領(lǐng)取購買的圖書，消費(fèi)者可以真實(shí)感受書籍，不用再擔(dān)心出現(xiàn)盜版書籍的困擾。而且消費(fèi)者不滿意可以現(xiàn)場退款，完美的解決了書籍的售后問題。另外，書城后臺可以將用戶搜索的高頻詞匯及時反應(yīng)給實(shí)體商店，讓書店智能升級改造，優(yōu)化推薦書目，增加經(jīng)營利潤減少庫存壓力。在為讀者提供優(yōu)質(zhì)的服務(wù)同時完成門店的轉(zhuǎn)型升級。

12、事實(shí)上，近年來，在圖書市場上，一方面，新華書店成立了網(wǎng)絡(luò)書店進(jìn)入網(wǎng)絡(luò)市場；另一方面，一些電子商務(wù)也開始進(jìn)入線下書店銷售這領(lǐng)域來，據(jù)媒體報道，中國首間自助購書商店在最近落成了。因此，有業(yè)內(nèi)人士預(yù)測，實(shí)體書店未來最明智的發(fā)展路徑是進(jìn)入“線上線下”一體化發(fā)展道路。1.2研究目標(biāo)1.2.1研究該課題的目的網(wǎng)上書城是在瀏覽器/服務(wù)器的應(yīng)用方式下，實(shí)現(xiàn)用戶輕松、快速的進(jìn)行網(wǎng)上購書。書城管理員也不用在新一批書籍來臨時，忙手忙腳的加入書架，只需通過簡單的后臺管理系統(tǒng)認(rèn)證，即可將書籍展現(xiàn)在購書者面前，大大節(jié)省了人力資源。這套網(wǎng)上書城系統(tǒng)界面操作簡單直觀、功能完善使用簡單等特點(diǎn)，不論對用戶使用還是管理者來說都是非

13、常方便易上手的。本課題主要應(yīng)用超文本鏈接語言HTML、PHP、MySQL等技術(shù)來實(shí)現(xiàn)這套網(wǎng)上書城系統(tǒng)，極致追求于提高圖書銷售量、減少用戶選購時間、方便管理員管理的商城系統(tǒng)。讓人們不受時間的限制、空間領(lǐng)域限制，隨時隨地選擇和購買自己喜歡的書籍。同時也為圖書商家擴(kuò)展他們的銷售市場，讓跟多的讀書愛好者了解和購買他們的產(chǎn)品，獲取更多的商品利益。1.2.2研究該課題的意義隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)絡(luò)購物已經(jīng)滲透進(jìn)了每一個人的生活當(dāng)中，其攜帶的低成本、高效率、全球性等特性，帶給了人們許多便利。伴隨而來的是個行各業(yè)都得到了相應(yīng)的發(fā)展，網(wǎng)上書城作為電子商務(wù)網(wǎng)站的一員，憑借著電子產(chǎn)品效率高、成本低、使用簡單的特點(diǎn)，在

14、此中成為一顆新星。因此開發(fā)一套能夠更為人性化、更加實(shí)用的網(wǎng)絡(luò)銷售圖書網(wǎng)站非常重要。而網(wǎng)上書城是在互聯(lián)網(wǎng)迅速發(fā)展擴(kuò)大的背景下，利用B/S結(jié)構(gòu)完成消費(fèi)者與商鋪兩者在線電子訂單支付的新型商業(yè)經(jīng)營形式。通俗的說就是把線下實(shí)體店轉(zhuǎn)換為大型而統(tǒng)一的虛擬市集。消費(fèi)者在這大市集里面隨意挑選自己喜歡的物品，與商鋪達(dá)成價格上的協(xié)定，這一系列包括雙方的價格協(xié)商、訂單的下達(dá)、貨款的支付，物流的抵達(dá)通知都是由互聯(lián)網(wǎng)或者說瀏覽器中完成的，這種輕便、快捷的電子商務(wù)新形式，有人稱之為一個無法量化虛擬購物商城。再從內(nèi)部潛力的角度看，中國的網(wǎng)絡(luò)書店可以在不斷創(chuàng)新的同時，借鑒亞馬遜的經(jīng)營模式，利用中國網(wǎng)絡(luò)科技發(fā)達(dá)這一優(yōu)點(diǎn)，化解外界

15、一些不利與自身發(fā)展的成分。比如“電動車交付”就是國內(nèi)書店結(jié)合自身優(yōu)勢進(jìn)行的一次革新。伴隨環(huán)境因素的不斷改進(jìn)以及外國成功經(jīng)營的先行經(jīng)驗(yàn)作為參考，未來一定有著廣闊的發(fā)展空間給到中國網(wǎng)絡(luò)書店成長。1.3網(wǎng)上購書的優(yōu)點(diǎn)首先，網(wǎng)上購書不會受到時間和地點(diǎn)的限制，隨時隨地只要有網(wǎng)絡(luò)的地方就可以瀏覽到商城，服務(wù)囊括范圍寬廣。能夠在第一時間進(jìn)行選購，不用再擔(dān)心因?yàn)榈昙译x得太過遠(yuǎn)白天又沒時間，趕到店家時關(guān)門的尷尬情景。其次，網(wǎng)店不需要像線下實(shí)體店一樣招聘員工，花租金弄店鋪，減少了來自租金、工人費(fèi)用帶來的困擾，這樣就使得商家的銷售成本有所降低，這樣就可以用更低的價格來吸引消費(fèi)者進(jìn)行消費(fèi)。然后，由于網(wǎng)絡(luò)的市場監(jiān)控規(guī)則

16、不比實(shí)體店審核簡單，這樣就減少了盜版書籍出現(xiàn)在網(wǎng)絡(luò)書城中流通的可能性，那么用戶在網(wǎng)上購書的時候也會大大減少買到假貨或者是盜版書籍的概率出現(xiàn)。最后，是網(wǎng)上購物的便利。你可以不出門就買你喜歡的東西，也不用手上掛滿大包小包的商品辛苦勞累的帶回家中，只需一份小小的電子訂單，即可享受送貨上門的極致服務(wù)，省時又省力。第2章 系統(tǒng)開發(fā)環(huán)境本系統(tǒng)將選取B/S框架編寫，前端靜態(tài)界面制作使用的是Adobe Dreamweaver軟件編輯，使用到的編寫語言有HTML與PHP。后臺則是使用體積占用小、穩(wěn)定性較高的MySQL數(shù)據(jù)庫軟件來進(jìn)行后臺的數(shù)據(jù)存儲。2.1PHP技術(shù)的概述作為一種腳本語言，PHP易于使用和實(shí)用。P

17、HP語法不僅融合了其他不同語言的特點(diǎn)，更有利于用戶學(xué)習(xí)，而且可以比其他語言更快地執(zhí)行動態(tài)網(wǎng)頁，具有更高的執(zhí)行效率和更快的代碼運(yùn)行速度。此外，PHP是完全開源的。PHP中文全稱為“超文本預(yù)處理器”是一種通用、完全開源的計算機(jī)腳本語言。十分適宜應(yīng)用到網(wǎng)絡(luò)開發(fā)當(dāng)中，實(shí)用性高、操作簡單的同時，還可以嵌入到HTML中。PHP主要運(yùn)行在web服務(wù)器上，提高了瀏覽頁面的執(zhí)行效率，運(yùn)行速率更快。能夠動態(tài)輸出用戶所需求的內(nèi)容，輸出動態(tài)網(wǎng)頁。如果需要制作動態(tài)網(wǎng)站，那么PHP的實(shí)用性在整個動態(tài)網(wǎng)站制的過程中就能顯現(xiàn)出來，因?yàn)樗氖褂盟降母吲c低是直接影響這個網(wǎng)站的運(yùn)行速率。再加上PHP這門計算機(jī)腳本語言混合了C、J

18、ava等語法，在使用的過程當(dāng)中也會是簡單易懂的。PHP是一個應(yīng)用范圍非常廣泛的語言，相較于其他的腳本語言它在Web在程序開發(fā)方面，它具有以下優(yōu)點(diǎn)：（1）PHP的下載以及應(yīng)用是完全免費(fèi)的，軟件開發(fā)者還額外向用戶開放了程序的源代碼，許可使用者進(jìn)行編輯、刪改（2） PHP源代碼可以直接讀取，這使其代碼有極高的拓展性，使PHP代碼更高效，運(yùn)行更快。（3） PHP的超高跨平臺特性使PHP能夠在不同類型的服務(wù)器和操作系統(tǒng)平臺上運(yùn)行。（4）PHP擁有各種不同功能的函數(shù)，多樣化的函數(shù)為PHP開發(fā)提高了靈活性。2.2 MYSQL數(shù)據(jù)庫的概述MySQL是一個關(guān)系型數(shù)據(jù)庫系統(tǒng)。它是現(xiàn)如今最盛行的關(guān)系數(shù)據(jù)庫管理系統(tǒng)之

19、一。它在web開發(fā)中具有強(qiáng)大的性能、使用成本低、安全可靠性高，成為了主流的數(shù)據(jù)庫服務(wù)器。它十分合適Web開發(fā)和作為軟件應(yīng)用數(shù)據(jù)的后端，隨著版本不斷的跟新迭代，越來越多的中小型網(wǎng)站也加入到MySQL數(shù)據(jù)庫這一大家庭來，最近一些大型網(wǎng)站如Google、Wikipedia等也逐漸開始使用MySQL作為開源數(shù)據(jù)庫。MySQL和PHP的結(jié)合在Internet應(yīng)用程序中非常常見。大多數(shù)博客網(wǎng)站都是基于WordPress系統(tǒng)，主要使用MySQL和PHP配對。相較于SQL Server、Oracle等大型數(shù)據(jù)庫，雖然MySQL規(guī)模小、功能不及其他大型數(shù)據(jù)庫多，但其作為一個開源且免費(fèi)使用的軟件，可以極大的減低開

20、發(fā)項(xiàng)目的開發(fā)成本，加上MySQL支持C語言與C+進(jìn)行編寫，可以用多種語言編寫程序來訪問 MySQL 數(shù)據(jù)庫，可跨越Linux、Mac OS、Windows等多種造作系統(tǒng)進(jìn)行編輯，它還提供了C、PHP、Java、Python等語言的API供用戶使用。較為容易上手的安裝過程，讓初次使用者也能輕松將軟件安裝到電腦上，活躍的社區(qū)及用戶，為數(shù)據(jù)庫出現(xiàn)的各種問題提供最優(yōu)的解決方法。性能卓越，服務(wù)穩(wěn)定，不用擔(dān)心數(shù)據(jù)的突然丟失，同時MySQL還支持多種存儲引擎。因此開發(fā)人員越來越喜歡使用MySQL作為數(shù)據(jù)庫服務(wù)器21第3章 系統(tǒng)需求分析3.1場景功能性需求3.1.1前臺功能需求分析（1） 用戶管理：對用戶信息

21、進(jìn)行錄入以及用戶登入網(wǎng)站操作。用戶在注冊時必須填寫的內(nèi)容信息會作為用戶購買圖書時重要信息。（2） 圖書查詢：用戶進(jìn)入書城主頁時顯示最新的圖書信息（包括書名、作者、商品價格、折扣價），當(dāng)然用戶也可以用書本作者或者書名來篩選查詢書本信息，以便用戶查詢找到想要購買的圖書，提高購書效率。（3） 商城購物車：當(dāng)用戶選中某圖書加入購物車時，可以在購物車上記錄書籍的價格、數(shù)量和書名。在此期間，用戶可以返回書目查詢頁面并選擇要添加到購物車中的其他書籍。（4）圖書訂單：接收到用戶下達(dá)的訂單后，即刻核對用戶購買圖書的類型、數(shù)量、總價格，對訂單的情況做一個記錄，最終產(chǎn)生相應(yīng)的圖書訂單記錄3.1.2后臺功能需求分析（

22、1）圖書管理：為了給用戶展示商城最新的圖書信息，書店后臺可以對圖書信息進(jìn)行修改、添加或者刪除，保證信息的時效性。（2）會員管理:管理者在后臺可查詢用戶的基本信息（包括用戶名和密碼），用于用戶信息驗(yàn)證以及賬號注銷時可派上用場。（3）商品訂單:能夠?yàn)g覽用戶在商城中已付款的訂單，給與倉庫人員籌備貨物憑據(jù)，也為后期貨物售后處理提供處理依據(jù)。3.2.1系統(tǒng)功能結(jié)構(gòu)圖總體的系統(tǒng)功能主要分為兩大模塊：首先是前端主要給予用戶用來瀏覽書城的圖書商品和購買書籍展示的頁面，用戶可在首頁進(jìn)行注冊登錄后，將自己喜歡的書籍添加到購物車?yán)锩?，可對商品?shù)量進(jìn)行修改以及多選的書本刪除，然后對剩下的商品進(jìn)行訂單的付款購買。后臺部

23、分可以瀏覽到用戶注冊使用到的用戶名與密碼，并且可以對圖書進(jìn)行增加、刪除或者修改圖書的價格、書名等，最后就是貨物訂單的顯示。綜上所述得出下圖：前端網(wǎng)上書城圖書管理用戶管理圖書訂單購物車書籍展示注冊登錄后臺訂單管理圖3-1網(wǎng)上書城系統(tǒng)功能結(jié)構(gòu)圖3.2系統(tǒng)功能分析3.2.1由用戶身份分析用戶可在書城網(wǎng)站中注冊后登錄，驗(yàn)證好基本信息之后即可瀏覽書城，用戶可以進(jìn)行查詢搜索操作。在查看到喜歡的書籍可進(jìn)行購買或者暫時添加到購物車當(dāng)中，一起付款結(jié)賬。據(jù)論述可得出下圖：選購、付款查詢搜索瀏覽書城注冊、登錄購物車圖3-2用戶用例分析圖3.2.2由管理員身份分析管理員通過身份驗(yàn)證（ID和密碼）后即可進(jìn)入系統(tǒng)后臺管理

24、書店。功能包括新增圖書信息和刪除舊的、過期的圖書信息。用戶信息管理包括修改用戶信息、書店產(chǎn)品訂單管理等。根據(jù)描述得出下圖用戶信息管理圖書管理訂單管理圖3-3書城管理員圖例分析3.3系統(tǒng)工作流程圖在注冊頁面中輸入所需要填寫的個人資料，系統(tǒng)對用戶輸入的字符進(jìn)行合法測試。如成功，則注冊或登錄成功；失敗，則重新填寫校正信息。用戶將想要購買的物品添加到購物車內(nèi)，在期間內(nèi)，可回到物品頁面繼續(xù)選購其他圖書，在購物車內(nèi)一并下單。通過首頁查看上架的圖書，亦可以使用快速搜索查詢所需用戶。如需購物下單，則需要進(jìn)行注冊登錄操作。用戶注冊登錄瀏覽書城訂單下達(dá)圖3-4系統(tǒng)工作流程分析圖第4章 數(shù)據(jù)庫需求分析與設(shè)計4.1數(shù)

25、據(jù)庫需求分析系統(tǒng)數(shù)據(jù)庫一般采用的是技術(shù)比較成熟、穩(wěn)定性能高、體積占用小的為優(yōu)。在網(wǎng)上查找到的數(shù)據(jù)庫有：Oracle、MySQL、SQL Server、Neo4j等。本套網(wǎng)上書城將采用提及占用較小且穩(wěn)定性不輸給其他大型數(shù)據(jù)庫的MySQL數(shù)據(jù)庫，來作為系統(tǒng)的數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲。將命名一個叫bookstore的數(shù)據(jù)庫作為后臺儲存數(shù)據(jù)。以下表單和數(shù)據(jù)類型將被寫進(jìn)bookstore庫當(dāng)中：管理員表：管理員編碼，管理員名稱，登錄密碼會員表：會員編碼，用戶注冊名稱，登錄密碼訂單信息表：下單用戶名，商品名，商品數(shù)量，送貨地址圖書詳情表：書名，作者，書籍封面圖片，價格，書籍簡介圖書信息表：書名，作者，圖書價格，

26、書籍圖片4.2數(shù)據(jù)庫設(shè)計（1）書城管理者列表，主要存儲管理者進(jìn)入后臺的管理者名稱以及通行碼，數(shù)據(jù)表命名為store_admin，表結(jié)構(gòu)如下。表4-1 書城管理員表（2）書城用戶表，主要用于存儲用戶ID以及密碼，數(shù)據(jù)表命名為store_user，表結(jié)構(gòu)如下。表4-2 書城用戶表（3）訂單信息表，用于保存用戶下達(dá)訂單的ID，用戶名，商品名稱，數(shù)量，送貨地址，數(shù)據(jù)表命名為store_oder，表結(jié)構(gòu)如下。表4-3 訂單信息表(4) 圖書詳情表, 用于存儲書籍名稱，作者，書籍圖片，價格以及書籍的簡介，數(shù)據(jù)表命名為store_detail，表結(jié)構(gòu)如下。表4-4 圖書詳情表（5）圖書信息表，用于存儲書籍名

27、稱，作者，書籍圖片，價格，數(shù)據(jù)表命名為store_new，表結(jié)構(gòu)如下。表4-5 圖書信息表第5章 系統(tǒng)的設(shè)計與實(shí)現(xiàn)5.1系統(tǒng)功能結(jié)構(gòu)設(shè)計5.1.1網(wǎng)站首頁設(shè)計電子購物平臺一般直接面向于顧客，顧客打開商城的第一個界面必將是我們的網(wǎng)站首頁，系統(tǒng)首頁設(shè)計得好與不好會直接作用于用戶進(jìn)來購買圖書的心情和欲望。所以一個好看的網(wǎng)站首頁非常重要。在本書城的首頁展示里，用戶將可以第一眼就瀏覽到我們書城新推出的書籍，再來就是書本的分類導(dǎo)航。在此期間，還可以通過頂部搜索框來進(jìn)行圖書的查詢等。網(wǎng)站首頁效果圖見圖5-1，內(nèi)容包括圖書搜索、新品書籍上架展示、活動輪播展示、頂部導(dǎo)航等圖5-1書城網(wǎng)站首頁部分實(shí)現(xiàn)代碼如下：

28、新品上市 ?phpmysql_connect(127.0.0.1,root,12345678);/連接mysqlmysql_select_db(bookstore);/選擇數(shù)據(jù)庫db$sql=select* from store_new;/編寫sql語句$res=mysql_query($sql); /執(zhí)行SQL語句$i=0;while($row=mysql_fetch_array($res) $id=$rowid;$name=$rowname;$price=$rowprice;$author=$rowauthor;$image_url=$rowimage_url; echo;echo. .$

29、rowname. .$rowauthor.￥.$rowprice.;echo ;? 5.1.2購物車模塊設(shè)計本書城的購物車系統(tǒng)與其他電商基本相同。功能包括：瀏覽商品的添加、顯示所選商品的單價與購買數(shù)量的修改、計算訂單的總價并給予顯示、在購物車中刪除指定的商品這四個部分。購物車頁面效果圖見圖5-2：圖5-2購物車界面由于用戶在登進(jìn)情形中進(jìn)入購物界面，因此在用戶進(jìn)入購物車時應(yīng)考慮用戶名的參數(shù)傳遞，以及在購物車為空的時候頁面的顯示與整理情況。部分實(shí)現(xiàn)代碼如下： / 創(chuàng)建函數(shù) calc function calc(btn) var td=btn.parentNode; console.log(td);

30、/ 獲取td下的唯一一個span元素，保存在變量span中 var span=td.querySelector(span); console.log(span); var n=parseInt(span.innerHTML); console.log(typeof(n);/ 判斷:如果btn是+，就+1；否則，如果已經(jīng)是1，就為0，否則就1； n+=btn.innerHTML=+?1:n=0?0:-1;/ 設(shè)置span的內(nèi)容為n span.innerHTML=n; var price=parseFloat(td.previousElementSibling.innerHTML.slice(1)

31、; console.log(typeof (price); vartotal=td.nextElementSibling.innerHTML=¥+price*n.toFixed(2); var data=document.getElementById(chart); console.log(data); var tds=data.querySelectorAll(.xiaoji); console.log(tds); for(var i=0,sum=0;itds.length;i+) / 遍歷tds中每一個td，同時聲明變量sum為0 sum+=parseFloat(tdsi.inne

32、rHTML.slice(1); var data1=document.getElementById(dibu); data1.querySelector(#zongjiNum).innerHTML=¥+sum.toFixed(2); window.onload = function()var shanchu = data.querySelectorAll(a);var shanchu=tb.getElementsByTagName(a) console.log(shanchu) for(var i=0;ishanchu.length;i+) shanchui.onclick=funct

33、ion() var conf = confirm(確定刪除這件商品嗎？); /parentNode父節(jié)點(diǎn) console.log(this.parentNode.parentNode) if(conf) /removeChild 刪除節(jié)點(diǎn) shanchui.removeChild(this.parentNode.parentNode); 5.1.3后臺管理設(shè)計在系統(tǒng)商品管理中，商品信息的整理方式非常關(guān)鍵的一部分，一個好的商品信息整理方式會對后期的商品維護(hù)處理提供一個方便快捷的處理措施。因此，本系統(tǒng)后臺管理模塊將包含：商品列表、商品的添加、商品信息的更改、刪除商品等功能。后臺管理主要由后臺管理中

34、心及其連接的數(shù)據(jù)庫組合而成。管理者通過在后臺管理中心對系統(tǒng)進(jìn)行用戶信息、商品價格名稱處理等修改操作，而且管理者還能夠通過此頁面及時地維護(hù)和優(yōu)化系統(tǒng)商品信息。給用戶一個良好的使用體驗(yàn)。后臺管理界面效果圖見圖5-3：圖5-3后臺管理界面部分實(shí)現(xiàn)代碼如下：商品名稱:input type=text name=name value=商品價格:input type=text name=price value=作者:input type=text name=author value=商品圖片:input type=text name=image_url value=input.type=submitname

35、=modify_button value=提交修改 class=upda5.1.4會員管理模塊設(shè)計為了方便記錄書城顧客的基本信息，書城的會員模塊主要分為兩個部分：一個是會員的信息注冊，用戶只要輸入喜歡的用戶名和容易記住的密碼之后，方可進(jìn)行書城的賬號注冊。第二個便是會員的登錄操作。用戶輸入注冊時填入的用戶名及其對應(yīng)的密碼，經(jīng)后臺數(shù)據(jù)庫確認(rèn)無誤后，可跳轉(zhuǎn)回商場首頁。會員的登錄界面見圖5-4：圖5-4會員登錄界面部分實(shí)現(xiàn)代碼如下：if($_POSTlogin_button) $username=$_POSTusername;/獲取用戶填寫的用戶名和密碼 $password=$_POSTpasswor

36、d;/連接mysql mysql_connect(127.0.0.1,root,12345678);/選擇數(shù)據(jù)庫 mysql_select_db(bookstore);/編寫php語句 $sql=select * from store_user where username=$username and password=$password; /執(zhí)行sqlyuju $res=mysql_query($sql); if(mysql_num_rows($res)=1) /$login_flag=登錄成功; /header（“Localtion：?！保?header函數(shù)用來進(jìn)行頁面的跳轉(zhuǎn) header

37、(Location:houtai_admin.php);else $login_flag=登錄失敗; 第6章 系統(tǒng)測試6.1系統(tǒng)測試為了能讓本套系統(tǒng)良好地運(yùn)作，對其進(jìn)行了較為嚴(yán)密地系統(tǒng)測試，也是本次系統(tǒng)設(shè)計的最后一部分，這次測試主要檢測系統(tǒng)的所有功能是否滿足用戶的使用需要，運(yùn)作是否正常，安全性、性能機(jī)制方面是否滿足日常使用需求。測試主要內(nèi)容為糾錯和性能測試。糾錯主要是糾正測試過程中發(fā) 現(xiàn)的錯誤，解決與系統(tǒng)沖突的錯誤，讓程序的可靠運(yùn)行得到保障。性能測試主要是檢查系統(tǒng)是否存在不一致，并不斷搜索系統(tǒng)，找出系統(tǒng)中隱藏的錯誤。經(jīng)過測試下來發(fā)現(xiàn)一切正常，沒有出現(xiàn)亂碼和字體錯位的情況，系統(tǒng)所有界面體驗(yàn)優(yōu)異，

38、在某種程度上，很容易使用。兼容性良好，可以在不同的操作系統(tǒng)上運(yùn)行，沒有出現(xiàn)頂格或者嚴(yán)重錯位的情況。然后系統(tǒng)的整體框架達(dá)到設(shè)計需求，功能基本完善，能夠正常運(yùn)行。錯誤提示方面編輯器能夠正確的提示錯誤的出處以及類型。綜上所述，此系統(tǒng)通過測試，運(yùn)行良好，可以滿足用戶的使用要求。6.2系統(tǒng)維護(hù)為了讓系統(tǒng)能夠可靠、長時間的進(jìn)行運(yùn)作，就不得不配置相應(yīng)的維護(hù)活動。而系統(tǒng)維護(hù)類型主要有四種：更正性維護(hù)，通俗的說改正系統(tǒng)遺留的錯誤亦或者修復(fù)在系統(tǒng)使用當(dāng)中發(fā)生的故障；調(diào)整性維護(hù)，即適應(yīng)軟硬件的發(fā)展更新，使系統(tǒng)能夠適配不同環(huán)境下的使用；完整性維護(hù)，就是依照用戶日益劇增的功能須要，陸續(xù)地為系統(tǒng)迭代追加新的功能；防范性維護(hù)，即為未來系統(tǒng)修改以及調(diào)整做好準(zhǔn)備工作。本套系統(tǒng)的重點(diǎn)維護(hù)方向主要以在網(wǎng)站開發(fā)以及測試過程中沒有發(fā)覺漏洞或者錯誤進(jìn)行更正和增補(bǔ)。為系統(tǒng)功能進(jìn)行增加和擴(kuò)充，以適應(yīng)信息技術(shù)發(fā)展的需求，滿足軟件運(yùn)行環(huán)境的升級。最后是系統(tǒng)運(yùn)行環(huán)境、商品信息整理等的日常維護(hù)。在此系統(tǒng)日常運(yùn)作當(dāng)中，必須要注意系統(tǒng)的數(shù)據(jù)備份和恢復(fù)，及時發(fā)現(xiàn)系統(tǒng)的安全問題的同時，也要遵從軟件使用的注意事項(xiàng)。第7章 總結(jié)與展望該章節(jié)總結(jié)了本套系統(tǒng)的工作內(nèi)容，對該書城還沒完工的技術(shù)問題進(jìn)行總結(jié)，批示往后書城還