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

摘要網(wǎng)絡(luò)購物作為互聯(lián)網(wǎng)快速興盛的產(chǎn)物，正以一種嶄新的面孔呈現(xiàn)在人們的視野當中?；陔娮由虅?wù)快速發(fā)展的現(xiàn)狀，實現(xiàn)一套人性化、實用性高的網(wǎng)上書城十分符合時代發(fā)展需求。此研究課題前端制作采用HTML5與CSS3來完成網(wǎng)站的前端美化工作，后端運用PHP來進行制作，實現(xiàn)一個建立在書城和消費者連接的交易平臺。網(wǎng)站的前端頁面供瀏覽用戶使用，用戶可通過這些頁面進行注冊、登錄、圖書查詢、購買圖書等功能。后臺方面則由管理員維護，主要負責書店的圖書管理、用戶信息管理、訂單管理等功能。文章一開始仔細講解了網(wǎng)上書城的研究背景、研究的目標以及網(wǎng)上購書的優(yōu)勢。然后，簡單講述這次系統(tǒng)開發(fā)用到的技術(shù)。之后，為書城每個模塊功能進行需求分析、內(nèi)容設(shè)計并且完成實現(xiàn)。末尾，對書城系統(tǒng)進行完整性測試。網(wǎng)站主要運用到HTML+PHP技術(shù)來完成，數(shù)據(jù)庫方面則采用MYSQL作為書城的數(shù)據(jù)存儲庫。關(guān)鍵詞：網(wǎng)上書城HTMLMYSQL數(shù)據(jù)庫PHP

AbstractWithabrand-newlook,shoppingonlineemergesinpeople'slivesasanoutcomeofclippingflourishofInternet.Basedonthestatusquooftheexplosivedevelopmentofe-commerce,todevelopasetofhumanizedandhighlypracticalbookshoponline

completelyis

inlinewiththedemandsoftheage.

TheHTML5andCSS3wasusedtofinishthebeautifies

construction

offront-end

website

ofthisresearchtopicand

PHPtotherear-end,whicharetoimplementatradingplatformconcatenated

booksandconsumers.

Thefrontpageofthewebsiteisforbrowsingusertouse,anduserscanusethesepagestoregister,login,searchforbooks,andpurchasebooks.

Theadministrator

maintainsthebackstage,mainlyinchargeofbookmanagement,userinformationmanagement,ordermanagement

andsoon.Beginningoftheessay,it’s

carefullyexplainedtheresearchbackground,researchobjectsandadvantagesofbuyingbooksontheInternet,

andthenbriefly

introducedthistechnology

usedto

develop

system.Afterthat,ithasdemandanalyses,

contentdesignineachmodulefunction

ofonlinebookstoreassuringthatthebookstore

canbeimplemented.Intheend,

HTML+PPtechnologywasmainlyappliedto

completetheintegrityofthebooksystemtest,andtheMYSQLdatabaseisusedasadatarepository

ofbookstore.Keywords:OnlineBookstoreHTMLMYSQLDatabasePHP目錄第一章緒論 緒論1.1研究背景1.1.1網(wǎng)上購書的現(xiàn)狀在國內(nèi)，電子商務(wù)越來越受到重視，很多企業(yè)紛紛建立直接面對消費者的銷售渠道—網(wǎng)站。與此同時，中國的圖書行業(yè)在進行嚴格的制度改革和新型發(fā)展模式的開發(fā)探索，在如此艱難的生存環(huán)境下，他們必須進行經(jīng)營模式的變更與調(diào)整以維持自己的生存。國內(nèi)學者普遍認為，網(wǎng)絡(luò)的方便快捷正在改變?nèi)藗兊馁彆晳T和閱讀習慣。據(jù)2018年我國實體書店和網(wǎng)店規(guī)模銷售占比為35%~65%。不僅是時間上的節(jié)省還是圖書價格方面的優(yōu)惠，這些方面都是線下實體書店所無法。因為網(wǎng)上書城允許消費者隨時隨地瀏覽圖書，無需親自到門店挑選，而且還有便捷的查詢系統(tǒng)，再也不用大海撈針般的在書店尋找一本自己想閱讀的書籍。還有的網(wǎng)上書城時不時搞促銷活動，正常的六七折，大活動的時候低至兩三折。這樣的折扣力度無疑是給線下實體書店當頭一棒。由此可以看出實體書店面臨諸多生存挑戰(zhàn)。在國外，有迄今為止世界上影響最大的網(wǎng)上書城西雅圖的亞馬遜網(wǎng)上書城，其主要原因有:（1）多樣的圖書類型可供選擇，圖書的目錄類型都存儲在服務(wù)器的后臺，用戶只需知道書本的名字、作者或者是書目類型，就可以直接查出想要的書籍（2）價格優(yōu)惠力度大，從亞馬遜購書可享受7%至9%不等的折扣，關(guān)鍵是免郵費，免退貨費。（3）一般書店會把未售出的書退回出版商。出版商不僅要承擔這些退貨圖書的運輸和銷售費用，還要準備庫存空間。但是當亞馬遜收到訂單后，他會告訴出版商直接發(fā)貨。這樣一來，他不僅可以維持少量的庫存，還可以幫助出版商減輕退書的庫存壓力。如果中國的網(wǎng)絡(luò)書店行業(yè)能夠借鑒亞馬遜書店的先進經(jīng)驗，再創(chuàng)新，利用中國獨特的互聯(lián)網(wǎng)發(fā)展優(yōu)勢，克服環(huán)境帶來的不利因素。這樣，網(wǎng)絡(luò)書城的發(fā)展將有很大的進步空間。1.1.2網(wǎng)上書店的發(fā)展前景面對著如此強勁的電商沖擊，許多實體書店選擇擁抱互聯(lián)網(wǎng)。建立“互聯(lián)網(wǎng)+實體書店”的形式，實現(xiàn)線上和線下相融合的發(fā)展道路。用戶可在網(wǎng)上查詢書體書店的具體位置，在線上書城查詢自己喜歡得書籍下單完成支付，然后到實體書店領(lǐng)取商品。這樣做一方面方便了消費者選購圖書之余，還能了解關(guān)于圖書的詳情、相關(guān)信息。另一方面，通過實體書店領(lǐng)取購買的圖書，消費者可以真實感受書籍，不用再擔心出現(xiàn)盜版書籍的困擾。而且消費者不滿意可以現(xiàn)場退款，完美的解決了書籍的售后問題。另外，書城后臺可以將用戶搜索的高頻詞匯及時反應(yīng)給實體商店，讓書店智能升級改造，優(yōu)化推薦書目，增加經(jīng)營利潤減少庫存壓力。在為讀者提供優(yōu)質(zhì)的服務(wù)同時完成門店的轉(zhuǎn)型升級。事實上，近年來，在圖書市場上，一方面，新華書店成立了網(wǎng)絡(luò)書店進入網(wǎng)絡(luò)市場；另一方面，一些電子商務(wù)也開始進入線下書店銷售這領(lǐng)域來，據(jù)媒體報道，中國首間自助購書商店在最近落成了。因此，有業(yè)內(nèi)人士預(yù)測，實體書店未來最明智的發(fā)展路徑是進入“線上線下”一體化發(fā)展道路。1.2研究目標1.2.1研究該課題的目的網(wǎng)上書城是在瀏覽器/服務(wù)器的應(yīng)用方式下，實現(xiàn)用戶輕松、快速的進行網(wǎng)上購書。書城管理員也不用在新一批書籍來臨時，忙手忙腳的加入書架，只需通過簡單的后臺管理系統(tǒng)認證，即可將書籍展現(xiàn)在購書者面前，大大節(jié)省了人力資源。這套網(wǎng)上書城系統(tǒng)界面操作簡單直觀、功能完善使用簡單等特點，不論對用戶使用還是管理者來說都是非常方便易上手的。本課題主要應(yīng)用超文本鏈接語言HTML、PHP、MySQL等技術(shù)來實現(xiàn)這套網(wǎng)上書城系統(tǒng)，極致追求于提高圖書銷售量、減少用戶選購時間、方便管理員管理的商城系統(tǒng)。讓人們不受時間的限制、空間領(lǐng)域限制，隨時隨地選擇和購買自己喜歡的書籍。同時也為圖書商家擴展他們的銷售市場，讓跟多的讀書愛好者了解和購買他們的產(chǎn)品，獲取更多的商品利益。1.2.2研究該課題的意義隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)絡(luò)購物已經(jīng)滲透進了每一個人的生活當中，其攜帶的低成本、高效率、全球性等特性，帶給了人們許多便利。伴隨而來的是個行各業(yè)都得到了相應(yīng)的發(fā)展，網(wǎng)上書城作為電子商務(wù)網(wǎng)站的一員，憑借著電子產(chǎn)品效率高、成本低、使用簡單的特點，在此中成為一顆新星。因此開發(fā)一套能夠更為人性化、更加實用的網(wǎng)絡(luò)銷售圖書網(wǎng)站非常重要。而網(wǎng)上書城是在互聯(lián)網(wǎng)迅速發(fā)展擴大的背景下，利用B/S結(jié)構(gòu)完成消費者與商鋪兩者在線電子訂單支付的新型商業(yè)經(jīng)營形式。通俗的說就是把線下實體店轉(zhuǎn)換為大型而統(tǒng)一的虛擬市集。消費者在這大市集里面隨意挑選自己喜歡的物品，與商鋪達成價格上的協(xié)定，這一系列包括雙方的價格協(xié)商、訂單的下達、貨款的支付，物流的抵達通知都是由互聯(lián)網(wǎng)或者說瀏覽器中完成的，這種輕便、快捷的電子商務(wù)新形式，有人稱之為一個無法量化虛擬購物商城。再從內(nèi)部潛力的角度看，中國的網(wǎng)絡(luò)書店可以在不斷創(chuàng)新的同時，借鑒亞馬遜的經(jīng)營模式，利用中國網(wǎng)絡(luò)科技發(fā)達這一優(yōu)點，化解外界一些不利與自身發(fā)展的成分。比如“電動車交付”就是國內(nèi)書店結(jié)合自身優(yōu)勢進行的一次革新。伴隨環(huán)境因素的不斷改進以及外國成功經(jīng)營的先行經(jīng)驗作為參考，未來一定有著廣闊的發(fā)展空間給到中國網(wǎng)絡(luò)書店成長。1.3網(wǎng)上購書的優(yōu)點首先，網(wǎng)上購書不會受到時間和地點的限制，隨時隨地只要有網(wǎng)絡(luò)的地方就可以瀏覽到商城，服務(wù)囊括范圍寬廣。能夠在第一時間進行選購，不用再擔心因為店家離得太過遠白天又沒時間，趕到店家時關(guān)門的尷尬情景。其次，網(wǎng)店不需要像線下實體店一樣招聘員工，花租金弄店鋪，減少了來自租金、工人費用帶來的困擾，這樣就使得商家的銷售成本有所降低，這樣就可以用更低的價格來吸引消費者進行消費。然后，由于網(wǎng)絡(luò)的市場監(jiān)控規(guī)則不比實體店審核簡單，這樣就減少了盜版書籍出現(xiàn)在網(wǎng)絡(luò)書城中流通的可能性，那么用戶在網(wǎng)上購書的時候也會大大減少買到假貨或者是盜版書籍的概率出現(xiàn)。最后，是網(wǎng)上購物的便利。你可以不出門就買你喜歡的東西，也不用手上掛滿大包小包的商品辛苦勞累的帶回家中，只需一份小小的電子訂單，即可享受送貨上門的極致服務(wù)，省時又省力。系統(tǒng)開發(fā)環(huán)境本系統(tǒng)將選取B/S框架編寫，前端靜態(tài)界面制作使用的是AdobeDreamweaver軟件編輯，使用到的編寫語言有HTML與PHP。后臺則是使用體積占用小、穩(wěn)定性較高的MySQL數(shù)據(jù)庫軟件來進行后臺的數(shù)據(jù)存儲。2.1PHP技術(shù)的概述作為一種腳本語言，PHP易于使用和實用。PHP語法不僅融合了其他不同語言的特點，更有利于用戶學習，而且可以比其他語言更快地執(zhí)行動態(tài)網(wǎng)頁，具有更高的執(zhí)行效率和更快的代碼運行速度。此外，PHP是完全開源的。PHP中文全稱為“超文本預(yù)處理器”是一種通用、完全開源的計算機腳本語言。十分適宜應(yīng)用到網(wǎng)絡(luò)開發(fā)當中，實用性高、操作簡單的同時，還可以嵌入到HTML中。PHP主要運行在web服務(wù)器上，提高了瀏覽頁面的執(zhí)行效率，運行速率更快。能夠動態(tài)輸出用戶所需求的內(nèi)容，輸出動態(tài)網(wǎng)頁。如果需要制作動態(tài)網(wǎng)站，那么PHP的實用性在整個動態(tài)網(wǎng)站制的過程中就能顯現(xiàn)出來，因為它的使用水平的高與低是直接影響這個網(wǎng)站的運行速率。再加上PHP這門計算機腳本語言混合了C、Java等語法，在使用的過程當中也會是簡單易懂的。PHP是一個應(yīng)用范圍非常廣泛的語言，相較于其他的腳本語言它在Web在程序開發(fā)方面，它具有以下優(yōu)點：（1）PHP的下載以及應(yīng)用是完全免費的，軟件開發(fā)者還額外向用戶開放了程序的源代碼，許可使用者進行編輯、刪改（2）PHP源代碼可以直接讀取，這使其代碼有極高的拓展性，使PHP代碼更高效，運行更快。（3）PHP的超高跨平臺特性使PHP能夠在不同類型的服務(wù)器和操作系統(tǒng)平臺上運行。（4）PHP擁有各種不同功能的函數(shù)，多樣化的函數(shù)為PHP開發(fā)提高了靈活性。2.2MYSQL數(shù)據(jù)庫的概述MySQL是一個關(guān)系型數(shù)據(jù)庫系統(tǒng)。它是現(xiàn)如今最盛行的關(guān)系數(shù)據(jù)庫管理系統(tǒng)之一。它在web開發(fā)中具有強大的性能、使用成本低、安全可靠性高，成為了主流的數(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配對。相較于SQLServer、Oracle等大型數(shù)據(jù)庫，雖然MySQL規(guī)模小、功能不及其他大型數(shù)據(jù)庫多，但其作為一個開源且免費使用的軟件，可以極大的減低開發(fā)項目的開發(fā)成本，加上MySQL支持C語言與C++進行編寫，可以用多種語言編寫程序來訪問MySQL數(shù)據(jù)庫，可跨越Linux、MacOS、Windows等多種造作系統(tǒng)進行編輯，它還提供了C、PHP、Java、Python等語言的API供用戶使用。較為容易上手的安裝過程，讓初次使用者也能輕松將軟件安裝到電腦上，活躍的社區(qū)及用戶，為數(shù)據(jù)庫出現(xiàn)的各種問題提供最優(yōu)的解決方法。性能卓越，服務(wù)穩(wěn)定，不用擔心數(shù)據(jù)的突然丟失，同時MySQL還支持多種存儲引擎。因此開發(fā)人員越來越喜歡使用MySQL作為數(shù)據(jù)庫服務(wù)器系統(tǒng)需求分析3.1場景功能性需求3.1.1前臺功能需求分析（1）用戶管理：對用戶信息進行錄入以及用戶登入網(wǎng)站操作。用戶在注冊時必須填寫的內(nèi)容信息會作為用戶購買圖書時重要信息。（2）圖書查詢：用戶進入書城主頁時顯示最新的圖書信息（包括書名、作者、商品價格、折扣價），當然用戶也可以用書本作者或者書名來篩選查詢書本信息，以便用戶查詢找到想要購買的圖書，提高購書效率。（3）商城購物車：當用戶選中某圖書加入購物車時，可以在購物車上記錄書籍的價格、數(shù)量和書名。在此期間，用戶可以返回書目查詢頁面并選擇要添加到購物車中的其他書籍。（4）圖書訂單：接收到用戶下達的訂單后，即刻核對用戶購買圖書的類型、數(shù)量、總價格，對訂單的情況做一個記錄，最終產(chǎn)生相應(yīng)的圖書訂單記錄3.1.2后臺功能需求分析（1）圖書管理：為了給用戶展示商城最新的圖書信息，書店后臺可以對圖書信息進行修改、添加或者刪除，保證信息的時效性。（2）會員管理:管理者在后臺可查詢用戶的基本信息（包括用戶名和密碼），用于用戶信息驗證以及賬號注銷時可派上用場。（3）商品訂單:能夠瀏覽用戶在商城中已付款的訂單，給與倉庫人員籌備貨物憑據(jù)，也為后期貨物售后處理提供處理依據(jù)。3.2.1系統(tǒng)功能結(jié)構(gòu)圖總體的系統(tǒng)功能主要分為兩大模塊：首先是前端主要給予用戶用來瀏覽書城的圖書商品和購買書籍展示的頁面，用戶可在首頁進行注冊登錄后，將自己喜歡的書籍添加到購物車里面，可對商品數(shù)量進行修改以及多選的書本刪除，然后對剩下的商品進行訂單的付款購買。后臺部分可以瀏覽到用戶注冊使用到的用戶名與密碼，并且可以對圖書進行增加、刪除或者修改圖書的價格、書名等，最后就是貨物訂單的顯示。綜上所述得出下圖：

前端網(wǎng)上書城圖書管理用戶管理圖書訂單購物車書籍展示注冊登錄后臺前端網(wǎng)上書城圖書管理用戶管理圖書訂單購物車書籍展示注冊登錄后臺訂單管理訂單管理圖3-1網(wǎng)上書城系統(tǒng)功能結(jié)構(gòu)圖3.2系統(tǒng)功能分析3.2.1由用戶身份分析用戶可在書城網(wǎng)站中注冊后登錄，驗證好基本信息之后即可瀏覽書城，用戶可以進行查詢搜索操作。在查看到喜歡的書籍可進行購買或者暫時添加到購物車當中，一起付款結(jié)賬。據(jù)論述可得出下圖：選購、付款查詢搜索瀏覽書城注冊、登錄購物車選購、付款查詢搜索瀏覽書城注冊、登錄購物車圖3-2用戶用例分析圖3.2.2由管理員身份分析管理員通過身份驗證（ID和密碼）后即可進入系統(tǒng)后臺管理書店。功能包括新增圖書信息和刪除舊的、過期的圖書信息。用戶信息管理包括修改用戶信息、書店產(chǎn)品訂單管理等。根據(jù)描述得出下圖用戶信息管理圖書管理訂單管理用戶信息管理圖書管理訂單管理圖3-3書城管理員圖例分析3.3系統(tǒng)工作流程圖在注冊頁面中輸入所需要填寫的個人資料，系統(tǒng)對用戶輸入的字符進行合法測試。如成功，則注冊或登錄成功；失敗，則重新填寫校正信息。用戶將想要購買的物品添加到購物車內(nèi)，在期間內(nèi)，可回到物品頁面繼續(xù)選購其他圖書，在購物車內(nèi)一并下單。通過首頁查看上架的圖書，亦可以使用快速搜索查詢所需用戶。如需購物下單，則需要進行注冊登錄操作。用戶注冊登錄瀏覽書城訂單下達在注冊頁面中輸入所需要填寫的個人資料，系統(tǒng)對用戶輸入的字符進行合法測試。如成功，則注冊或登錄成功；失敗，則重新填寫校正信息。用戶將想要購買的物品添加到購物車內(nèi)，在期間內(nèi)，可回到物品頁面繼續(xù)選購其他圖書，在購物車內(nèi)一并下單。通過首頁查看上架的圖書，亦可以使用快速搜索查詢所需用戶。如需購物下單，則需要進行注冊登錄操作。用戶注冊登錄瀏覽書城訂單下達圖3-4系統(tǒng)工作流程分析圖數(shù)據(jù)庫需求分析與設(shè)計4.1數(shù)據(jù)庫需求分析系統(tǒng)數(shù)據(jù)庫一般采用的是技術(shù)比較成熟、穩(wěn)定性能高、體積占用小的為優(yōu)。在網(wǎng)上查找到的數(shù)據(jù)庫有：Oracle、MySQL、SQLServer、Neo4j等。本套網(wǎng)上書城將采用提及占用較小且穩(wěn)定性不輸給其他大型數(shù)據(jù)庫的MySQL數(shù)據(jù)庫，來作為系統(tǒng)的數(shù)據(jù)庫進行數(shù)據(jù)存儲。將命名一個叫bookstore的數(shù)據(jù)庫作為后臺儲存數(shù)據(jù)。以下表單和數(shù)據(jù)類型將被寫進bookstore庫當中：管理員表：管理員編碼，管理員名稱，登錄密碼會員表：會員編碼，用戶注冊名稱，登錄密碼訂單信息表：下單用戶名，商品名，商品數(shù)量，送貨地址圖書詳情表：書名，作者，書籍封面圖片，價格，書籍簡介圖書信息表：書名，作者，圖書價格，書籍圖片4.2數(shù)據(jù)庫設(shè)計（1）書城管理者列表，主要存儲管理者進入后臺的管理者名稱以及通行碼，數(shù)據(jù)表命名為store_admin，表結(jié)構(gòu)如下。表4-1書城管理員表（2）書城用戶表，主要用于存儲用戶ID以及密碼，數(shù)據(jù)表命名為store_user，表結(jié)構(gòu)如下。表4-2書城用戶表（3）訂單信息表，用于保存用戶下達訂單的ID，用戶名，商品名稱，數(shù)量，送貨地址，數(shù)據(jù)表命名為store_oder，表結(jié)構(gòu)如下。表4-3訂單信息表(4)圖書詳情表,用于存儲書籍名稱，作者，書籍圖片，價格以及書籍的簡介，數(shù)據(jù)表命名為store_detail，表結(jié)構(gòu)如下。表4-4圖書詳情表（5）圖書信息表，用于存儲書籍名稱，作者，書籍圖片，價格，數(shù)據(jù)表命名為store_new，表結(jié)構(gòu)如下。表4-5圖書信息表系統(tǒng)的設(shè)計與實現(xiàn)5.1系統(tǒng)功能結(jié)構(gòu)設(shè)計5.1.1網(wǎng)站首頁設(shè)計電子購物平臺一般直接面向于顧客，顧客打開商城的第一個界面必將是我們的網(wǎng)站首頁，系統(tǒng)首頁設(shè)計得好與不好會直接作用于用戶進來購買圖書的心情和欲望。所以一個好看的網(wǎng)站首頁非常重要。在本書城的首頁展示里，用戶將可以第一眼就瀏覽到我們書城新推出的書籍，再來就是書本的分類導航。在此期間，還可以通過頂部搜索框來進行圖書的查詢等。網(wǎng)站首頁效果圖見圖5-1，內(nèi)容包括圖書搜索、新品書籍上架展示、活動輪播展示、頂部導航等圖5-1書城網(wǎng)站首頁部分實現(xiàn)代碼如下：<divid="update"> <imgclass="new_img"src="images/新.png"> <divclass="textline">新品上市</div> <divclass="shangping"> <?php mysql_connect("","root","12345678");//連接mysql mysql_select_db("bookstore");//選擇數(shù)據(jù)庫db $sql="select*fromstore_new";//編寫sql語句 $res=mysql_query($sql);//執(zhí)行SQL語句 $i=0; while($row=mysql_fetch_array($res)){ $id=$row["id"]; $name=$row["name"]; $price=$row["price"]; $author=$row["author"]; $image_url=$row["image_url"]; echo"<ulclass='product'>"; echo"<lilass='product_li'>"."<imageclass='product_img'src='".$row["image_url"]."'>". "<pclass='product_name'>"."<a>".$row["name"]."</a>"."</p>". "<pclass='productor'>"."<span>".$row["author"]."</span>"."</p>"."<pclass='price'>"."<spanclass='discu'>"."￥".$row["price"]."</span>"."</p>". "</li>"; echo"</ul>";}?></div></div>5.1.2購物車模塊設(shè)計本書城的購物車系統(tǒng)與其他電商基本相同。功能包括：瀏覽商品的添加、顯示所選商品的單價與購買數(shù)量的修改、計算訂單的總價并給予顯示、在購物車中刪除指定的商品這四個部分。購物車頁面效果圖見圖5-2：圖5-2購物車界面由于用戶在登進情形中進入購物界面，因此在用戶進入購物車時應(yīng)考慮用戶名的參數(shù)傳遞，以及在購物車為空的時候頁面的顯示與整理情況。部分實現(xiàn)代碼如下：<script> //創(chuàng)建函數(shù)calcfunctioncalc(btn){vartd=btn.parentNode;console.log(td);//獲取td下的唯一一個span元素，保存在變量span中varspan=td.querySelector("span");console.log(span);varn=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)容為nspan.innerHTML=n;varprice=parseFloat(td.previousElementSibling.innerHTML.slice(1));console.log(typeof(price));vartotal=td.nextElementSibling.innerHTML="¥"+price*n.toFixed(2);vardata=document.getElementById("chart");console.log(data);vartds=data.querySelectorAll(".xiaoji");console.log(tds);for(vari=0,sum=0;i<tds.length;i++){//遍歷tds中每一個td，同時聲明變量sum為0sum+=parseFloat(tds[i].innerHTML.slice(1));} vardata1=document.getElementById("dibu");data1.querySelector("#zongjiNum").innerHTML="¥"+sum.toFixed(2);} window.onload=function(){ varshanchu=data.querySelectorAll("a"); varshanchu=tb.getElementsByTagName('a') console.log(shanchu) }for(vari=0;i<shanchu.length;i++){shanchu[i].onclick=function(){varconf=confirm('確定刪除這件商品嗎？');//parentNode父節(jié)點console.log(this.parentNode.parentNode)if(conf){//removeChild刪除節(jié)點shanchu[i].removeChild(this.parentNode.parentNode);}}}</script>5.1.3后臺管理設(shè)計在系統(tǒng)商品管理中，商品信息的整理方式非常關(guān)鍵的一部分，一個好的商品信息整理方式會對后期的商品維護處理提供一個方便快捷的處理措施。因此，本系統(tǒng)后臺管理模塊將包含：商品列表、商品的添加、商品信息的更改、刪除商品等功能。后臺管理主要由后臺管理中心及其連接的數(shù)據(jù)庫組合而成。管理者通過在后臺管理中心對系統(tǒng)進行用戶信息、商品價格名稱處理等修改操作，而且管理者還能夠通過此頁面及時地維護和優(yōu)化系統(tǒng)商品信息。給用戶一個良好的使用體驗。后臺管理界面效果圖見圖5-3：圖5-3后臺管理界面部分實現(xiàn)代碼如下： <?php //獲取shangpin.php傳遞過來的參數(shù)值 //$_GET["參數(shù)名] $id=$_GET["id"]; $name=$_GET["name"]; $price=$_GET["price"]; $author=$_GET["author"]; $image_url=$_GET["image_url"]; //判斷用戶是否點擊了“提交修改”的按鈕 if($_POST["modify_button"]) { //獲取用戶在表單中填寫的數(shù)據(jù) $name=$_POST["name"]; $price=$_POST["price"]; $author=$_POST["author"]; $image_url=$_POST["image_url"]; //連接mysql mysql_connect("","root","12345678"); //選擇數(shù)據(jù)庫db mysql_select_db("bookstore"); //編寫sql語句 $sql="updatestore_newsetname='$name',price='$price',author='$author',image_url='$image_url'whereid='$id'"; //echo$sql; if(mysql_query($sql)) //更新成功，跳轉(zhuǎn)回shangpin.php //重新加載shangpin.php，數(shù)據(jù)會刷新 header("Location:houtai_newbook.php"); else //如果更新失敗,顯示mysql錯誤信息 echomysql_error(); }?><divclass="baclo"><formname="form_modify"method="post"action=""> <tablewidth="280"align="center"class="add_update"> <tr><tdwidth="342"><b>商品名稱:</b></td><td><inputtype="text"name="name"value="<?phpecho$name;?>"</td></tr> <tr><tdwidth="342"><b>商品價格:</b></td><td><inputtype="text"name="price"value="<?phpecho$price;?>"</td></tr> <tr><tdwidth="342"><b>作者:</b></td><td><inputtype="text"name="author"value="<?phpecho$author;?>"</td></tr> <tr><tdwidth="342"><b>商品圖片:</b></td><td><inputtype="text"name="image_url"value="<?phpecho$image_url;?>"</td></tr> <tr><td.colspan="2".align="center"><input.type="submit"name="modify_button"value="提交修改"class="upda"</td></tr> </table></form></div>5.1.4會員管理模塊設(shè)計為了方便記錄書城顧客的基本信息，書城的會員模塊主要分為兩個部分：一個是會員的信息注冊，用戶只要輸入喜歡的用戶名和容易記住的密碼之后，方可進行書城的賬號注冊。第二個便是會員的登錄操作。用戶輸入注冊時填入的用戶名及其對應(yīng)的密碼，經(jīng)后臺數(shù)據(jù)庫確認無誤后，可跳轉(zhuǎn)回商場首頁。會員的登錄界面見圖5-4：圖5-4會員登錄界面部分實現(xiàn)代碼如下：if($_POST["login_button"]){ $username=$_POST["username"];//獲取用戶填寫的用戶名和密碼 $password=$_POST["password"];//連接mysql mysql_connect("","root","12345678");//選擇數(shù)據(jù)庫 mysql_select_db("bookstore"); //編寫php語句 $sql="select*fromstore_userwhereusername='$username'andpassword='$password'"; //執(zhí)行sqlyuju $res=mysql_query($sql); if(mysql_num_rows($res)==1) //$login_flag="登錄成功"; //header（“Localtion：。。。?！保?/header函數(shù)用來進行頁面的跳轉(zhuǎn) header("Location:houtai_admin.php"); else $login_flag="登錄失敗";}系統(tǒng)測試6.1系統(tǒng)測試為了能讓本套系統(tǒng)良好地運作，對其進行了較為嚴密地系統(tǒng)測試，也是本次系統(tǒng)設(shè)計的最后一部分，這次測試主要檢測系統(tǒng)的所有功能是否滿足用戶的使用需要，運作是否正常，安全性、性能機制方面是否滿足日常使用需求。測試主要內(nèi)容為糾錯和性能測試。糾錯主要是糾正測試過程中發(fā)現(xiàn)的錯誤，解決與系統(tǒng)沖突的錯誤，讓程序的可靠運行得到保障。性能測試主要是檢查系統(tǒng)是否存在不一致，并不斷搜索系統(tǒng)，找出系統(tǒng)中隱藏的錯誤。經(jīng)過測試下來發(fā)現(xiàn)一切正常，沒有出現(xiàn)亂碼和字體錯位的情況，系統(tǒng)所有界面體驗優(yōu)異，在某種程度上，很容易使用。兼容性良好，可以在不同的操作系統(tǒng)上運行，沒有出現(xiàn)頂格或者嚴重錯位的情況。然后系統(tǒng)的整體框架達到設(shè)計需求，功能基本完善，能夠正常運行。錯誤提示方面編輯器能夠正確的提示錯誤的出處以及類型。綜上所述，此系統(tǒng)通過測試，運行良好，可以滿足用戶的使用要求。6.2系統(tǒng)維護為了讓系統(tǒng)能夠可靠、長時間的進行運作，就不得不配置相應(yīng)的維護活動。而系統(tǒng)維護類型主要有四種：更正性維護，通俗的說改正系統(tǒng)遺留的錯誤亦或者修復在系統(tǒng)使用當中發(fā)生的故障；調(diào)整性維護，即適應(yīng)軟硬件的發(fā)展更新，使系統(tǒng)能夠適配不同環(huán)境下的使用；完整性維護，就是依照用戶日益劇增的功能須要，陸續(xù)地為系統(tǒng)迭代追加新的功能；防范性維護，即為未來系統(tǒng)修改以及調(diào)整做好準備工作。本套系統(tǒng)的重點維護方向主要以在網(wǎng)站開發(fā)以及測試過程中沒有發(fā)覺漏洞或者錯誤進行更正和增補。為系統(tǒng)功能進行增加和擴充，以適應(yīng)信息技術(shù)發(fā)展的需求，滿足軟件運行環(huán)境的升級。最后是系統(tǒng)運行環(huán)境、商品信息整理等的日常維護。在此系統(tǒng)日常運作當中，必須要注意系統(tǒng)的數(shù)據(jù)備份和恢復，及時發(fā)現(xiàn)系統(tǒng)的安全問題的同時，也要遵從軟件使用的注意事項?？偨Y(jié)與展望該章節(jié)總結(jié)了本套系統(tǒng)的工作內(nèi)容，對該書城還沒完工的技術(shù)問題進行總結(jié)，批示往后書城還能夠完備的地方。7.1總結(jié)該套系統(tǒng)細致講解了HTML5、CSS、B/S結(jié)構(gòu)、PHP、MySQL數(shù)據(jù)庫，并從不同角度去闡述了系統(tǒng)的實用性。在整套書城的制作環(huán)節(jié)，讓我懂得了知識的積累是一個持久戰(zhàn)，掌握一項本領(lǐng)，還是得靠不斷地練習加以鞏固，不能單方面的依賴書本上的知識。要想了解或者掌握一門技術(shù)，就必須在不斷的實驗中提升自己對這項技術(shù)的了解程度。 經(jīng)上述的模塊設(shè)計，這套網(wǎng)上書城實現(xiàn)了會員信息登記注冊、登入網(wǎng)站、商城書本搜尋、書本購買、圖書的后臺管理、書籍下單處理等功能，這些功能經(jīng)驗證能夠滿足這套書城的使用需求?？墒浅鲇诩夹g(shù)上的不成熟以及制作時間問題，這套系統(tǒng)還是有一些缺陷在里面，就好像功能拓展方面有待加強，頁面還不夠美觀。這些問題給我敲響了警鐘，讓我認識到自己的不足，這樣才能更好地提高我的學術(shù)水平。而這部分的缺陷將會在往后使用以及個人的技術(shù)進步中不斷地更新迭代。在這次的畢業(yè)設(shè)計中我領(lǐng)會到將PHP等知識從理論拿到實踐開發(fā)中并不是輕松解決的事情。在現(xiàn)實WEB開發(fā)當中，還得注意UI、安全性以及性能優(yōu)化的問題。7.2展望（1）由于本人的學術(shù)知識有限，未能將書城里的圖書數(shù)字化，電子書可以方便快捷地在網(wǎng)絡(luò)上傳輸，省去了圖書發(fā)行的重要環(huán)節(jié)和難點，有望成為銷售利潤的突破口。希望在日后的能力提升中將書本電子化加入到本書城當中。（2）用戶瀏覽和查詢書目信息是書城用戶常用功能。所以，這套網(wǎng)上書店往后可將用戶搜索的高頻詞匯建立一個實用高的書籍分錄系統(tǒng)。參考文獻[1]?高峰.基于MYSQL+PHP網(wǎng)上書店的設(shè)計與實現(xiàn)[J].重慶文理學院學報(自然科學版)，2011(02)；62-63[2]?劉海巖，梅健.基于PHP的網(wǎng)上辦公系統(tǒng)實現(xiàn)與安全設(shè)計[J].計算機工程,2004(2)；187-189[3]?張惠芬.JavaScript的理論分析及其應(yīng)用[J].衡水學院學報，2006.[4]?王珊,?薩師煊.?數(shù)據(jù)庫系統(tǒng)概論（第四版）[M].?北京:?高等教育出版社，2006.[5]黃小花.網(wǎng)上書店圖書查詢功能的優(yōu)化[J].科技信息，2009.[6]楊宗志.動態(tài)網(wǎng)頁程序設(shè)計實例[J].北京：清華大學出版社，2009；100-112.[7]連洪武.Web開發(fā)從入門到精通[M].?北京:?清華大學出版社，?2007.[8]李嘉英.基于B/S架構(gòu)的電子商務(wù)系統(tǒng)設(shè)計與實現(xiàn)[D].復旦大學，2010.[9]黃華.?框架技術(shù)在Web系統(tǒng)開發(fā)中的應(yīng)用[J].?微機發(fā)展，2005.[10]陳建國.PHP程序設(shè)計案例教程[M].北京：機械工業(yè)出版社，2012.[11]王淑營.基于Web的動態(tài)信息發(fā)布系統(tǒng)技術(shù)研究[J].計算機應(yīng)用研究，2004(5)；43-47[12]單廣榮.基于JavaScript下的網(wǎng)頁功能設(shè)計[J].西北民族學院學報(自然科學版),2003,24(47):58-71[13]崔偉，胥立，黃林．PHP開發(fā)框架關(guān)鍵技術(shù)分析[J]．計算機光盤軟件與應(yīng)用，2012，32(20):229-230?[14]Erwin?Earlet.PHP?Frameworks[J]．System?iNEWS，2009，15(1):351-352[15]吳立春.UML在WEB網(wǎng)站的應(yīng)用與研究.揚州職業(yè)大學學報，2005：45-48

致謝這套網(wǎng)上書店的開發(fā)和論文的撰寫，都是在李梁奇老師的耐心和關(guān)懷下完成的。老師嚴謹?shù)闹笇эL格對我的寫作過程有著深刻的影響，使我的論文和項目非常透徹。同時，也十分感謝在大三期間教導我網(wǎng)頁設(shè)計的李晶老師，是她教會了我如何獨立從頭部開始一步步地完成網(wǎng)頁設(shè)計?；仡欁哌^來的歷程，我心情非常激動，雖然在課題制作期間有重重難關(guān)，但是在個人的努力與各位老師的幫助之下，終于完成了這次畢業(yè)論文，對于此份恩澤表示衷心的感謝！

HYPERLINK電腦快捷知識大全編輯本段一、常見用法F1顯示當前程序或者windows的幫助內(nèi)容。F2當你選中一個文件的話，這意味著“重命名”F3當你在桌面上的時候是打開“查找：所有文件”對話框F10或ALT激活當前程序的菜單欄windows鍵或CTRL+ESC打開開始菜單CTRL+ALT+DELETE在win9x中打開關(guān)閉程序?qū)υ捒駾ELETE刪除被選擇的選擇項目，如果是文件，將被放入回收站SHIFT+DELETE刪除被選擇的選擇項目，如果是文件，將被直接刪除而不是放入回收站CTRL+N新建一個新的文件CTRL+O打開“打開文件”對話框CTRL+P打開“打印”對話框CTRL+S保存當前操作的文件CTRL+X剪切被選擇的項目到剪貼板CTRL+INSERT或CTRL+C復制被選擇的項目到剪貼板SHIFT+INSERT或CTRL+V粘貼剪貼板中的內(nèi)容到當前位置ALT+BACKSPACE或CTRL+Z撤銷上一步的操作ALT+SHIFT+BACKSPACE重做上一步被撤銷的操作Windows鍵+L鎖屏鍵Windows鍵+M最小化所有被打開的窗口。Windows鍵+SHIFT+M重新將恢復上一項操作前窗口的大小和位置Windows鍵+E打開資源管理器Windows鍵+F打開“查找：所有文件”對話框Windows鍵+R打開“運行”對話框Windows鍵+BREAK打開“系統(tǒng)屬性”對話框Windows鍵+CTRL+F打開“查找：計算機”對話框SHIFT+F10或鼠標右擊打開當前活動項目的快捷菜單SHIFT在放入CD的時候按下不放，可以跳過自動播放CD。在打開word的時候按下不放，可以跳過自啟動的宏ALT+F4關(guān)閉當前應(yīng)用程序ALT+SPACEBAR打開程序最左上角的菜單ALT+TAB切換當前程序ALT+ESC切換當前程序ALT+ENTER將windows下運行的MSDOS窗口在窗口和全屏幕狀態(tài)間切換PRINTSCREEN將當前屏幕以圖象方式拷貝到剪貼板ALT+PRINTSCREEN將當前活動程序窗口以圖象方式拷貝到剪貼板CTRL+F4關(guān)閉當前應(yīng)用程序中的當前文本（如word中）CTRL+F6切換到當前應(yīng)用程序中的下一個文本（加shift可以跳到前一個窗口）在IE中：ALT+RIGHTARROW顯示前一頁（前進鍵）ALT+LEFTARROW顯示后一頁（后退鍵）CTRL+TAB在頁面上的各框架中切換（加shift反向）F5刷新CTRL+F5強行刷新目的快捷鍵激活程序中的菜單欄F10執(zhí)行菜單上相應(yīng)的命令A(yù)LT+菜單上帶下劃線的字母關(guān)閉多文檔界面程序中的當前窗口CTRL+F4關(guān)閉當前窗口或退出程序ALT+F4復制CTRL+C剪切CTRL+X刪除DELETE顯示所選對話框項目的幫助F1顯示當前窗口的系統(tǒng)菜單ALT+空格鍵顯示所選項目的快捷菜單SHIFT+F10顯示“開始”菜單CTRL+ESC顯示多文檔界面程序的系統(tǒng)菜單ALT+連字號(-)粘貼CTRL+V切換到上次使用的窗口或者按住ALT然后重復按TAB，切換到另一個窗口ALT+TAB撤消CTRL+Z編輯本段二、使用“Windows資源管理器”的快捷鍵目的快捷鍵如果當前選擇展開了,要折疊或者選擇父文件夾左箭頭折疊所選的文件夾NUMLOCK+負號(-)如果當前選擇折疊了，要展開或者選擇第一個子文件夾右箭頭展開當前選擇下的所有文件夾NUMLOCK+*展開所選的文件夾NUMLOCK+加號(+)在左右窗格間切換F6編輯本段三、使用WINDOWS鍵可以使用Microsoft自然鍵盤或含有Windows徽標鍵的其他任何兼容鍵盤的以下快捷鍵。目的快捷鍵在任務(wù)欄上的按鈕間循環(huán)WINDOWS+TAB顯示“查找：所有文件”WINDOWS+F顯示“查找：計算機”CTRL+WINDOWS+F顯示“幫助”WINDOWS+F1顯示“運行”命令WINDOWS+R顯示“開始”菜單WINDOWS顯示“系統(tǒng)屬性”對話框WINDOWS+BREAK顯示“Windows資源管理器”WINDOWS+E最小化或還原所有窗口WINDOWS+D撤消最小化所有窗口SHIFT+WINDOWS+M編輯本段四、“我的電腦”和“資源管理器”的快捷鍵目的快捷鍵關(guān)閉所選文件夾及其所有父文件夾按住SHIFT鍵再單擊“關(guān)閉按鈕（僅適用于“我的電腦”）向后移動到上一個視圖ALT+左箭頭向前移動到上一個視圖ALT+右箭頭查看上一級文件夾BACKSPACE編輯本段五、使用對話框中的快捷鍵目的快捷鍵取消當前任務(wù)ESC如果當前控件是個按鈕，要單擊該按鈕或者如果當前控件是個復選框，要選擇或清除該復選框或者如果當前控件是個選項按鈕，要單擊該選項空格鍵單擊相應(yīng)的命令A(yù)LT+帶下劃線的字母單擊所選按鈕ENTER在選項上向后移動SHIFT+TAB在選項卡上向后移動CTRL+SHIFT+TAB在選項上向前移動TAB在選項卡上向前移動CTRL+TAB如果在“另存為”或“打開”對話框中選擇了某文件夾，要打開上一級文件夾BACKSPACE在“另存為”或“打開”對話框中打開“保存到”或“查閱”F4刷新“另存為”或“打開”對話框F5編輯本段六、桌面、我的電腦和“資源管理器”快捷鍵選擇項目時，可以使用以下快捷鍵。目的快捷鍵插入光盤時不用“自動播放”功能按住SHIFT插入CD-ROM復制文件按住CTRL拖動文件創(chuàng)建快捷方式按住CTRL+SHIFT拖動文件立即刪除某項目而不將其放入SHIFT+DELETE“回收站”顯示“查找：所有文件”F3顯示項目的快捷菜單APPLICATION鍵刷新窗口的內(nèi)容F5重命名項目F2選擇所有項目CTRL+A查看項目的屬性ALT+ENTER或ALT+雙擊可將APPLICATION鍵用于Microsoft自然鍵盤或含有APPLICATION鍵的其他兼容鍵編輯本段七、Microsoft放大程序的快捷鍵這里運用Windows徽標鍵和其他鍵的組合?？旖萱I目的Windows徽標+PRINTSCREEN將屏幕復制到剪貼板（包括鼠標光標）Windows徽標+SCROLLLOCK將屏幕復制到剪貼板（不包括鼠標光標）Windows徽標+PAGEUP切換反色。Windows徽標+PAGEDOWN切換跟隨鼠標光標Windows徽標+向上箭頭增加放大率Windows徽標+向下箭頭減小放大率編輯本段八、使用輔助選項快捷鍵目的快捷鍵切換篩選鍵開關(guān)右SHIFT八秒切換高對比度開關(guān)左ALT+左SHIFT+PRINTSCREEN切換鼠標鍵開關(guān)左ALT+左SHIFT+NUMLOCK切換粘滯鍵開關(guān)SHIFT鍵五次切換切換鍵開關(guān)NUMLOCK五秒QQ快捷鍵，玩QQ更方便Alt+S快速回復Alt+C關(guān)閉當前窗口Alt+H打開聊天記錄Alt+T更改消息模式Ait+J打開聊天紀錄Ctrl+A全選當前對話框里的內(nèi)容Ctrl+FQQ里直接顯示字體設(shè)置工具條Ctrl+J輸入框里回車(跟回車一個效果)Ctrl+M輸入框里回車(跟回車一個效果)Ctrl+L對輸入框里當前行的文字左對齊Ctrl+R對輸入框里當前行的文字右對齊Ctrl+E對輸入框里當前行的文字居中Ctrl+V在qq對話框里實行粘貼Ctrl+Z清空/恢復輸入框里的文字Ctrl+回車快速回復這個可能是聊QQ時最常用到的了Ctrl+Alt+Z快速提取消息Ctrl+Alt+A捕捉屏幕最常用的快捷鍵F5刷新DELETE刪除TAB改變焦點CTRL+C復制CTRL+X剪切CTRL+V粘貼CTRL+A全選CTRL+Z撤銷CTRL+S保存ALT+F4關(guān)閉CTRL+Y恢復ALT+TAB切換CTRL+F5強制刷新CTRL+W關(guān)閉CTRL+F查找SHIFT+DELETE永久刪除CTRL+ALT+DEL任務(wù)管理SHIFT+TAB-反向切換CTRL+空格--中英文輸入切換CTRL+Shift輸入法切換CTRL+ESC--開始菜單CTRL+ALT+ZQQ快速提取消息CTRL+ALT+AQQ截圖工具CTRL+ENTERQQ發(fā)消息Alt+1保存當前表單Alt+2保存為通用表單Alt+A展開收藏夾列表資源管理器END顯示當前窗口的底端HOME顯示當前窗口的頂端NUMLOCK+數(shù)字鍵盤的減號(-)折疊所選的文件夾NUMLOCK+數(shù)字鍵盤的加號(+)顯示所選文件夾的內(nèi)容NUMLOCK+數(shù)字鍵盤的星號(*)顯示所選文件夾的所有子文件夾向左鍵當前所選項處于展開狀態(tài)時折疊該項，或選定其父文件夾向右鍵當前所選項處于折疊狀態(tài)時展開該項，或選定第一個子文件夾自然鍵盤【窗口】顯示或隱藏“開始”菜單【窗口】+F1幫助【窗口】+D顯示桌面【窗口】+R打開“運行”【窗口】+E打開“我的電腦”【窗口】+F搜索文件或文件夾【窗口】+U打開“工具管理器”【窗口】+BREAK顯示“系統(tǒng)屬性”【窗口】+TAB在打開的項目之間切換輔助功能按右邊的SHIFT鍵八秒鐘切換篩選鍵的開和關(guān)按SHIFT五次切換粘滯鍵的開和關(guān)按NUMLOCK五秒鐘切換切換鍵的開和關(guān)左邊的ALT+左邊的SHIFT+NUMLOCK切換鼠標鍵的開和關(guān)左邊的ALT+左邊的SHIFT+PRINTSCREEN切換高對比度的開和關(guān)運行按“開始”－“運行”，或按WIN鍵+R，在『運行』窗口中輸入：（按英文字符順序排列）%temp%打開臨時文件夾.C:\DocumentsandSettings\用戶名所在文件夾..C:\DocumentsandSettings