基于WEB的電子商務(wù)系統(tǒng)的設(shè)計與開發(fā)

基于WEB的電子商務(wù)系統(tǒng)的設(shè)計與開發(fā)摘要隨著科學(xué)技術(shù)的進(jìn)步以及時代的變遷，導(dǎo)致生活節(jié)奏不斷加快，互聯(lián)網(wǎng)的普及率也迅速提高，在此背景下，電子商務(wù)開始逐步進(jìn)入人們的生活，并且發(fā)展到現(xiàn)在，大多數(shù)人的生活已經(jīng)離不開電子商務(wù)。目前大多數(shù)的企業(yè)都有自己的電子商務(wù)平臺，開發(fā)擁有一套自己的電子商務(wù)平臺已經(jīng)成為了一種趨勢，電子商務(wù)平臺能為企業(yè)帶來更多的利潤。電子商務(wù)是一種依托于網(wǎng)絡(luò)信息平臺的經(jīng)濟貿(mào)易形式，主要是B2B(企業(yè)對企業(yè))、B2C(企業(yè)對個人)以及C2C (個人對個人)三種方式，其本質(zhì)是一種以信息技術(shù)作為工具來進(jìn)行商品交換的商務(wù)活動。電子商務(wù)的產(chǎn)生和發(fā)展不僅極大的推動了社會的進(jìn)步和經(jīng)濟的發(fā)展，而且為人們的生活帶來了很多的便利。在本文實現(xiàn)了一個小型的電子商務(wù)管理系統(tǒng)，該電子商務(wù)管理系統(tǒng)主要考慮了用戶的實際使用需要以及管理人員的管理要求。該系統(tǒng)的開發(fā)利用了MVC的分層思想，使用SSH(Struts+Hibernate+Spring)框架進(jìn)行開發(fā)。在本文中，開發(fā)之前首先進(jìn)行了系統(tǒng)的可行性分析與需求分析，明確了系統(tǒng)是否可實現(xiàn)以及所需要實現(xiàn)的功能，然后再進(jìn)行系統(tǒng)設(shè)計。本文使用Eclipse作為開發(fā)軟件，頁面顯示使用JSP和HTML技術(shù)，所實現(xiàn)的主要功能包括用戶管理、系統(tǒng)管理等。最終所實現(xiàn)的系統(tǒng)具有管理方便、功能全面、操作簡單、運行穩(wěn)定的特點。關(guān)鍵詞：電子商務(wù)系統(tǒng)；Eclipse；JSP；HTML

AbstractWiththeprogressofscienceandtechnologyandthechangeofTheTimes,thepaceoflifeisaccelerating,andthepenetrationrateoftheInternetisalsoincreasingrapidly.Inthiscontext,e-commercehasgraduallyenteredpeople'slife,anddevelopedtonow,mostpeople'slifehasbeeninseparablefrome-commerce.Atpresent,mostenterpriseshavetheirowne-commerceplatforms,andithasbecomeatrendtodevelopasetoftheirowne-commerceplatforms,ande-commerceplatformscanbringmoreprofitstoenterprises.E-commerceisaformofeconomicandtraderelyingonthenetworkinformationplatform,mainlyB2B(enterprisetoenterprise),B2C(enterprisetoindividual)andC2C(individualtoindividual).Itsessenceisabusinessactivitywithinformationtechnologyasatoolforcommodityexchange.Theemergenceanddevelopmentofe-commercehasnotonlygreatlypromotedthesocialprogressandeconomicdevelopment,butalsobroughtalotofconveniencetopeople'slife.Inthispaper,asmalle-commercemanagementsystemisimplemented,whichmainlyconsiderstheactualuseneedsofusersandthemanagementrequirementsofmanagementpersonnel.ThedevelopmentofthesystemutilizesthehierarchicalideaofMVC,beingdevelopedusingtheSSH(Struts+Hibernate+Spring)framework.Inthispaper,beforethedevelopmentofthefirstfeasibilityanalysisofthesystemanddemandanalysis,madeclearwhetherthesystemcanberealizedandtherequiredfunctionstobeimplemented,andthenthesystemdesign.ThispaperusesEclipseasthedevelopmentsoftware,thepagedisplayisusingJSPandHTMLtechnology,andthemainfunctionsimplementedincludeusermanagement,systemmanagement,etc.Thefinalrealizedsystemhasthecharacteristicsofconvenientmanagement,comprehensivefunctions,simpleoperationandstableoperation.Keywords:e-commercesystem;Eclipse;JSP;HTML

目錄TOC\o"1-2"\h\u662摘要 22589Abstract 318408第1章引言 531552第2章基于WEB電子商務(wù)管理系統(tǒng)相關(guān)技術(shù)概述 762042.1JSP動態(tài)網(wǎng)頁技術(shù) 7262602.2WEB體系結(jié)構(gòu) 8320182.3MVC結(jié)構(gòu)模式 983722.4SSH(Struts+Hibernate+Spring)集成框架 9321122.5開發(fā)工具介紹 1022922第3章需求分析與可行性研究 10211853.1系統(tǒng)需求分析 10207963.2系統(tǒng)前臺功能需求 1180223.3系統(tǒng)后臺功能需求 121483.4可行性分析 13168093.4本章小結(jié) 1314764第4章基于WEB的電子商務(wù)管理系統(tǒng)具體設(shè)計與實現(xiàn) 1389034.1用戶注冊和登錄 14110664.2用戶個人中心 19248384.3留言功能 22171254.4商品詳情和購物車功能 223694.5后臺管理 253972第5章總結(jié) 2826001致謝 302632參考文獻(xiàn) 31

第1章引言本課題基于WEB技術(shù)，以充分考慮用戶需求以及滿足管理人員的管理需求為前提對系統(tǒng)進(jìn)行設(shè)計。該設(shè)計以Eclipse為開發(fā)軟件、MySQL為數(shù)據(jù)庫、Tomcat為應(yīng)用服務(wù)器，實現(xiàn)電子商務(wù)管理系統(tǒng)，主要的功能包括用戶管理、訂單管理、系統(tǒng)管理等功能。第2章基于WEB電子商務(wù)管理系統(tǒng)相關(guān)技術(shù)概述基于WEB的電子商務(wù)系統(tǒng)設(shè)計所涉及到的技術(shù)非常多，在本課題中我們所使用的開發(fā)工具為Eclipse、Tomcat應(yīng)用服務(wù)器。本章主要將介紹基于WEB體系結(jié)構(gòu)的一些關(guān)鍵技術(shù)，以及其他構(gòu)建系統(tǒng)所需要的相關(guān)技術(shù)，這其中包括JSP動態(tài)網(wǎng)頁技術(shù)、SSH(Struts+Hibernate+Spring)集成框架、MVC結(jié)構(gòu)模式等等，同時還將介紹開發(fā)所使用的軟件。2.1JSP動態(tài)網(wǎng)頁技術(shù)JSP(JAVAServerpages)是由Sun公司提出，眾多企業(yè)參與制作的動態(tài)網(wǎng)頁技術(shù)。在傳統(tǒng)網(wǎng)頁的HTML文件中，JSP通過插入Java片段和JSP標(biāo)簽來形成JSP文件。當(dāng)我們在服務(wù)器端構(gòu)建JSP的執(zhí)行模塊后，客戶端就能接受到它發(fā)來的HTML反饋結(jié)果，不需要其他的程序，使用瀏覽器，用戶可以直接查找。當(dāng)web收到j(luò)sp請求時，服務(wù)器開始運行web方面的區(qū)段，再將所接受到的JSP代碼以及運行后的結(jié)果打包，送回WEB端。這個過程完成后即滿足了創(chuàng)建動態(tài)網(wǎng)頁所有的需求。JSP技術(shù)有很多優(yōu)點，包括：(1)僅編寫一次，就可以在其他任何環(huán)境中運行。除了系統(tǒng)之外，代碼不需要做任何更改。(2)系統(tǒng)具有多平臺支持。JSP技術(shù)可以在眾多平臺上的環(huán)境中開發(fā)，在任意的環(huán)境中進(jìn)行系統(tǒng)部署和擴展。(3)功能強大的開發(fā)工具支持。已經(jīng)具有很多優(yōu)秀的開發(fā)工具支持的JSP，其中許多都可以免費得到，并且許多工具可以順利運行于多種平臺下。 (4)可以在多種平臺的系統(tǒng)上運行，具有良好的適配性，并且拓展、調(diào)試等功能很容易就能實現(xiàn)。 (5)與ASP和PHP相比，JSP具有很好的開放性，且支持多腳本語言，適合建立大型WEB應(yīng)用程序，程序的執(zhí)行速度較快，學(xué)習(xí)難度較低，有Session管理，且安全性能較好。2.2WEB體系結(jié)構(gòu)2.2.1WEB的概念WEB(WorldWideWeb)就是平時所說的萬維網(wǎng)。Internet擴展鏈接信息是通過超文本和超媒體的信息組織方式，WEB的主要功能就是實現(xiàn)超文本鏈接，使文本成為非線性，可以從一個地方直接跳到另一個地方，讓使用者在Internet上查詢信息時能夠更為直觀且更加方便。Internet上的信息節(jié)點通過超鏈接后，形成了一種相互關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)，正是這種連接性所以人們稱它為WEB(萬維網(wǎng))。2.2.2B/S結(jié)構(gòu)B/S結(jié)構(gòu)(Browser/Server，瀏覽器/服務(wù)器模式)，是一種經(jīng)過C/S改進(jìn)后的結(jié)構(gòu)模式。B/S結(jié)構(gòu)分為三層，即瀏覽器層，然后是WEB服務(wù)器層，最后是數(shù)據(jù)庫服務(wù)器層。以上是按照系統(tǒng)主要功能來劃分為三層的，但在實際的應(yīng)用當(dāng)中，有時候也會在不同的應(yīng)用服務(wù)器上運行不同的功能模塊以保證實際的效果，這些都要看實際情況而定。2.2.3WEB技術(shù)介紹1.HTML(超文本標(biāo)記語言)HTML即超文本標(biāo)記語言。我們所熟知的網(wǎng)頁，其本質(zhì)其實就是超文本標(biāo)記語言，HTML是靠標(biāo)記標(biāo)簽來描述網(wǎng)頁的，HTML通過結(jié)合其他的Web技術(shù)一起使用就可以創(chuàng)造出功能強大的網(wǎng)頁。WEB是建立在超文本基礎(chǔ)之上的。而文本中包含有超鏈接點，故稱之為超文本標(biāo)記。2.JavaScriptJavaScript是本文中的系統(tǒng)開發(fā)語言，是一種解釋性語言。作為開發(fā)WEB頁面的腳本語言而出名，同時也在很多非瀏覽器環(huán)境中被應(yīng)用。最大的特點是可以直接鑲嵌在HTML中。3.jQueryjQuery是一個快速的，簡潔的JavaScript庫，屬于輕量級的JS庫，它所實現(xiàn)的功能與JavaScript類似，其目的是幫助開發(fā)者寫更少的代碼，做更多的事，極大的方便了開發(fā)人員。4.WebServiceWeb服務(wù)是使用開放的XML標(biāo)準(zhǔn)來描述和配置程序的Web應(yīng)用程序。它的主要功能是使運行在不同機器上的不同應(yīng)用程序能夠在沒有第三方軟件或硬件的情況下交換數(shù)據(jù)或相互集成。它是一個軟件接口，使各孤立的站點能夠相互通信和共享信息。2.3MVC結(jié)構(gòu)模式經(jīng)典MVC模式中，M是指業(yè)務(wù)模型，V是指用戶界面，C則是控制器，作為許多交互系統(tǒng)和界面系統(tǒng)的構(gòu)成基礎(chǔ)。MVC的本質(zhì)其實是人為的將程序分為以上所提及的模型、界面和控制器三部分。M即model(模型)的主要作用是減少的代碼的冗余量，降低編程人員的工作量。V即View(視圖)，主要指的是與用戶交互的界面，這其中的界面有很多種，比較常見的包括網(wǎng)頁界面和客戶端界面。C即controller(控制器)，控制器在MVC結(jié)構(gòu)中起到了指揮官的作用，其功能表現(xiàn)在能夠接受用戶的輸入，再根據(jù)用戶的輸入去調(diào)動模型與視圖完成一系列的工作，最終實現(xiàn)需求。2.4SSH(Struts+Hibernate+Spring)集成框架SSH集成框架與上文所介紹的MVC結(jié)構(gòu)關(guān)系密切，它是基于SSH進(jìn)行開發(fā)的SSH框架集，在現(xiàn)在的軟件設(shè)計中非常的常見。SSH集成框架與MVC密不可分。其中的Struts、Hibernate、Spring對應(yīng)著著MVC模式的三層對象。1.Struts對應(yīng)著前臺的控制層，它能夠降低系統(tǒng)的耦合度，讓邏輯結(jié)構(gòu)更清晰2.Spring負(fù)責(zé)實體bean的業(yè)務(wù)邏輯處理，其中的IOC和AOP可以對系統(tǒng)進(jìn)行最大程度解耦合，讓各層次之間的耦合度減小，提高系統(tǒng)的開發(fā)效率。3.Hibernate負(fù)責(zé)數(shù)據(jù)庫的交接以及使用Dao接口來完成操作，這樣做的目的是為了讓系統(tǒng)操縱數(shù)據(jù)庫更加的方便。2.5開發(fā)工具介紹2.5.1Eclispse它是一個十分優(yōu)秀的用于開發(fā)Java軟件，它的功能豐富，并且完全支持JSP、HTML、Struts、Spring、CSS、JS、SQL、Hibernate，與上文所提及的各種開發(fā)技術(shù)相匹配，因此選用用其作為軟件的主要開發(fā)工具。2.5.2MySQLMySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，它的訪問速度較快，靈活性較高。其使用標(biāo)準(zhǔn)的SQL數(shù)據(jù)語言形式，將數(shù)據(jù)保存到不同的表中。MySQL數(shù)據(jù)庫不僅時開源免費的，同時具有體積較小，速度較快，并且移植性能好的優(yōu)點。2.5.3TomcatTomcat是一種具有運行時占用系統(tǒng)資源小，擴展性好，支持負(fù)載平衡等功能優(yōu)點的輕量級開源免費應(yīng)用服務(wù)器。第3章需求分析與可行性研究3.1系統(tǒng)需求分析需求分析是軟件開發(fā)環(huán)節(jié)的一個重要階段，是軟件生存周期中的一個重要部分。我們開發(fā)一款軟件系統(tǒng)，最重要的是要搞清楚我們所需要實現(xiàn)的目標(biāo)，即對客戶的需求進(jìn)行分析，滿足客戶的一切需要。簡單來說需求分析所解決的并不是如何去實現(xiàn)目標(biāo)，而是需要實現(xiàn)哪些目標(biāo)。全面的需求分析能夠幫助我們在系統(tǒng)設(shè)計過程中少走彎路，同時減少時間和資源的浪費，更好的滿足客戶的要求，獲得更大的經(jīng)濟效益。要做好需求分析需要我們更加深入的了解系統(tǒng)，充分考慮系統(tǒng)實現(xiàn)過程中可能遇到的難題以及實現(xiàn)后在操作上的便利。本系統(tǒng)設(shè)計的目標(biāo)是運用系統(tǒng)開發(fā)模式和開發(fā)體系，設(shè)計出一套功能比較完善的電子商務(wù)管理系統(tǒng)，利用信息管理方式以實現(xiàn)網(wǎng)絡(luò)購物功能。該系統(tǒng)主要的面向?qū)ο笫窍M者和商家，商家可以在該平臺上展示并出售自己的商品，消費者可以在平臺上瀏覽并購買滿意的商品。為了更好的服務(wù)交易雙方，該系統(tǒng)應(yīng)該具有良好的交互性和安全性，并且應(yīng)保證該系統(tǒng)是可維護的，獨立的，可操作的。3.2系統(tǒng)前臺功能需求系統(tǒng)的前臺功能主要是針對使用該系統(tǒng)的用戶，旨在能夠更好的服務(wù)于用戶。前臺功能即包括電子商務(wù)平臺所需具有的一些基本功能與一些創(chuàng)新功能，主要包括：登錄與注冊、網(wǎng)站首頁導(dǎo)航、購物車功能、個人信息管理、新聞公告展示、留言功能幾部分。(1)登錄與注冊用戶可以通過注冊功能成為網(wǎng)站的會員，注冊只需要填寫一些個人信息即可，比如姓名、出生年月日、電話號碼以及地址和郵箱。成為會員后可以使用登錄功能進(jìn)行登錄，此時便不在以游客的身份瀏覽網(wǎng)站，并且能夠?qū)崿F(xiàn)更多的功能，比如留言，購物時無需多此填寫收貨信息等。(2)網(wǎng)站首頁導(dǎo)航網(wǎng)站首頁要為用戶提供導(dǎo)航功能，在網(wǎng)站首頁有商品分類、特價產(chǎn)品展示、熱賣商品展示、公告新聞等內(nèi)容。其中商品分類將商品進(jìn)行劃分，能夠幫助用戶更快的找到自己的所要購買的產(chǎn)品；特價商品展示則為用戶提供近期價格便宜的商品信息；熱賣商品展示為用戶提供近期銷量高的商品信息；公告新聞內(nèi)容展示給用戶近期網(wǎng)站的公告和新聞消息。這些功能的目的都是幫助顧客能夠獲得更好的購物體驗。(3)購物車功能用戶能夠?qū)⒆约合胍锤犊畹纳唐繁惶砑拥劫徫镘囍小Ｌ砑拥劫徫镘囍械纳唐窙]有數(shù)量限制，用戶可以對購物車中的商品進(jìn)行修改和刪除，也可以對購物車中的商品一起付款，而無需單獨付款，非常方便。(4)個人信息管理在個人信息管理功能中，用戶可以自由更改自己的基本信息，但是一些個人信息的更改是有格式限制的，如果更改的信息不符合所設(shè)置的格式則無法更改。(5)新聞公告展示新聞公告展示主要是網(wǎng)站網(wǎng)站管理員或者商家用來發(fā)布一些信息的，商家可以給網(wǎng)站方面出租金租用展示界面用來給自己打廣告。(6)留言功能用戶可以使用留言功能對購買的某一商品或者是某一商家進(jìn)行留言評論，對產(chǎn)品或服務(wù)進(jìn)行評論或提出意見，留言功能的一大目的是可以給用戶提供建議，用戶也能夠給網(wǎng)站通過建議，留言功能有助于促進(jìn)網(wǎng)站更好的服務(wù)用戶。3.3系統(tǒng)后臺功能需求系統(tǒng)的后臺功能需求即需要考慮網(wǎng)站管理者的管理與維護的需求，對系統(tǒng)的后臺管理主要考慮到網(wǎng)站的用戶、涉及商品的各種信息以及網(wǎng)站本身三個方面，因此可分為用戶管理、商品信息管理、訂單管理、數(shù)據(jù)管理和系統(tǒng)管理五個子功能。(1)用戶管理用戶管理是指賦予后臺管理人員權(quán)限，可以對使用該系統(tǒng)的用戶信息和賬號進(jìn)行管理和維護。對用戶的信息管理包括更改用戶的姓名、編號、聯(lián)系方式等信息，還能夠查詢用戶的訂單等；對用戶的賬號管理包括當(dāng)用戶有不正當(dāng)行為或言論時能夠封禁并注銷用戶賬號。(2)商品信息管理商品信息管理是指管理人員能夠?qū)W(wǎng)站中的商品進(jìn)行更改類別、刪除、增加、查詢、修改等一系列操作管理。商品管理在網(wǎng)站的管理系統(tǒng)中十分重要。(3)訂單管理訂單管理包括兩個方面，其一訂單信息管理，即管理員可以查詢訂單的下單時間、商品信息、訂單號、姓名、手機號等信息；其二訂單狀態(tài)管理，即管理員可以查詢訂單的提交、待發(fā)貨、已發(fā)貨、已接收等狀態(tài)，并且能對狀態(tài)進(jìn)行更改。(4)數(shù)據(jù)管理數(shù)據(jù)管理即管理員可以對前臺的各種數(shù)據(jù)進(jìn)行查詢、更改、增加、刪除等操作，用于維護系統(tǒng)的前臺數(shù)據(jù)。(5)系統(tǒng)管理系統(tǒng)管理是指管理員對整個系統(tǒng)的管理，整個系統(tǒng)主要就包括了三個方面，一是對數(shù)據(jù)庫方面進(jìn)行管理，二是對網(wǎng)站的前臺進(jìn)行管理，三是對后臺管理進(jìn)行。3.4可行性分析開發(fā)任何一個基于計算機的系統(tǒng)，都會受到時間和資源上的限制。因此，在接受項目之前，必須根據(jù)客戶可能提供的時間和資源條件進(jìn)行可行性研究。這樣就可以避免人力、物力、財力上的浪費。項目風(fēng)險越大，開發(fā)高質(zhì)量軟件的可行性就越小。3.4.1技術(shù)可行性技術(shù)可行性主要分為兩個方面：一是要考慮當(dāng)前是否有滿足系統(tǒng)實現(xiàn)的軟硬件配置，二是是否有可靠的技術(shù)滿足系統(tǒng)的實現(xiàn)。經(jīng)分析：開發(fā)電子商務(wù)系統(tǒng)硬件、軟件要求不高，所使用的Eclipse和MySQL等開發(fā)工具以及JSP等技術(shù)目前市場上的一般計算機軟硬件都能滿足系統(tǒng)開發(fā)要求，并且大多數(shù)操作系統(tǒng)都能滿足這些工具與技術(shù)的運行，因此技術(shù)方面是可行的。3.4.2經(jīng)濟可行性設(shè)計該系統(tǒng)所使用的Eclipse、Tomcat等開發(fā)工具都是免費的，開發(fā)成本很低，同時的維護由程序人員即可完成，避免了一部分的人工成本，開發(fā)完成后即可投入使用，而且從近年的數(shù)據(jù)顯示來看，電子商務(wù)所帶來的經(jīng)濟效應(yīng)也是極佳的，因此經(jīng)過分析得出經(jīng)濟方面是可行的。3.4本章小結(jié)本章確立了系統(tǒng)的總體需求，并且分別從系統(tǒng)的前臺功能需求以及后臺功能需求兩方面進(jìn)行了總結(jié)，同時還分析了實現(xiàn)該系統(tǒng)各方面的可能性，不僅為系統(tǒng)的實現(xiàn)確定了方向，而且提高了實現(xiàn)系統(tǒng)的信心。第4章基于WEB的電子商務(wù)管理系統(tǒng)具體設(shè)計與實現(xiàn)本次基于WEB的電子商務(wù)管理系統(tǒng)設(shè)計所使用的開發(fā)平臺為Eclipse，使用了JSP等相關(guān)技術(shù)，同時使用了JavaScript等開發(fā)語言進(jìn)行系統(tǒng)的開發(fā)，系統(tǒng)的數(shù)據(jù)庫支持為上一章所介紹的MySQL。在進(jìn)行開發(fā)之前我們首先進(jìn)行了開發(fā)環(huán)境的搭建，首先安裝JDK，配置環(huán)境變量JAVA_HOME(C:\ProgramFiles\Java\jdk1.8.0_25)，然后Eclipse關(guān)聯(lián)JDK，其操作是Eclipse—>Window—>preferences—>java—>installedJRES—>Add—>StandardVM—>找到對應(yīng)的JDK，最后Eclipse關(guān)聯(lián)Tomcat，其操作是Eclipse—>Window—>preferences—>Server—>RuntimeEnvironments—>Add—>Apache—>選擇ApacheTomcatv9.0—>找到tomcat路徑以及設(shè)置。4.1用戶注冊和登錄4.1.1用戶注冊用戶若要使用購物車功能和購買商品，那么就必須先登錄，用戶要進(jìn)行登錄就要先完成注冊。用戶在注冊時要填寫詳細(xì)的個人信息，以便更好的服務(wù)用戶。用戶注冊流程圖如圖5-7所示。用戶注冊頁面如圖5-8所示，帶*的信息是用戶必須填寫的信息，用戶必須先填寫用戶名，如果用戶名為空那么用戶將不能填寫其他信息，并且提示用戶“用戶名不能為空”，若用戶填寫的用戶名已存在，系統(tǒng)將會給出提示“用戶名已存在，請重新輸入！”。如果用戶有必須填寫的信息未填寫，那點擊提交注冊將無法成功，并且將提示用戶未填寫的信息“某某不能為空”。當(dāng)用戶注冊成功后將顯示如圖5-9所示頁面。用戶注冊的核心代碼如下：<scripttype="text/javascript">functioncheckForm(){//var變量userName是變量名;通過$獲取ID，就相當(dāng)于拿到了這個元素的value{val()}varuserName=$("#userName").val();varpassword=$("#password").val();varrePassWord=$("#rePassWord").val();varmobile=$("#mobile").val();varaddress=$("#address").val();if(userName==""){$("#error").html("用戶名不能為空");//向error指定的元素中添加一句話！returnfalse;}if(password==""){$("#error").html("密碼不能為空");returnfalse;}if(rePassWord==""){$("#error").html("確認(rèn)密碼不能為空");returnfalse;}if(rePassWord!=password){$("#error").html("密碼要與確認(rèn)密碼相同");returnfalse;}if(mobile==""){$("#error").html("手機號碼不能為空");returnfalse;}if(address==""){$("#error").html("地址不能為空");returnfalse;}returntrue;}functioncheckUserName(){//獲取你在該元素中寫的值varuserName=$("#userName").val();if(userName==""){//如果是空的，對不起用戶不能空！$("#userErrorInfo").html("用戶名不能為空!");//鼠標(biāo)仍然存在此輸入框中$("#userName").focus();return;}else{//否則userErrorInfo什么都不做$("#userErrorInfo").html("");}$.post("userServlet?oper=checkName",{userName:userName},function(data){if(data=='true'){$("#userErrorInfo").html("");}else{$("#userErrorInfo").html("用戶名已存在，請重新輸入！");$("#userName").focus();}});}</script>圖5-7注冊流程圖圖5-8用戶注冊頁面圖5-9注冊成功頁面4.2.2用戶登錄用戶登錄界面如圖5-10所示，用戶需要輸入用戶名、密碼和一個隨機生成的驗證碼，然后點擊立即登錄按鈕，將提交給系統(tǒng)驗證，當(dāng)用戶名、密碼和驗證碼均正確時才能登錄，若用戶名或密碼錯誤時，將提示用戶名和密碼錯誤，當(dāng)驗證碼錯誤時，將提示驗證碼錯誤，并且需要重新輸入用戶名和密碼。用戶登錄的核心代碼如下：<scripttype="text/javascript">functioncheckForm(){varuserName=$("#userName").val();//獲取該對象的值varpasswrod=$("#password").val();varimageCode=$("#imageCode").val();if(userName==""){$("#error").html("用戶名不能為空");returnfalse;}if(passwrod==""){$("#error").html("密碼不能為空");returnfalse;}if(imageCode==""){$("#error").html("驗證碼不能為空");returnfalse;}returntrue;}functionloadimage(){document.getElementById("randImage").src="image.jsp?"+Math.random();}</script>圖5-10用戶登錄頁面4.2用戶個人中心4.2.1個人信息管理當(dāng)用戶進(jìn)行登錄后，若用戶點擊注銷則將退出當(dāng)前登錄，若用戶點擊自己的用戶名，則將進(jìn)入個人中心，可進(jìn)行用戶個人信息的修改，修改頁面如圖5-11所示，在修改頁面中，用戶可以更改自己的用戶名、姓名、生日、手機號、地址等信息，當(dāng)修改完成后點擊更新頁面則修改后的信息將錄入數(shù)據(jù)庫當(dāng)中，并跳轉(zhuǎn)回用戶中心界面。用戶資料修改核心代碼如下：<scripttype="text/javascript">functioncheckForm(){vartrueName=$("#trueName").val();varpassword=$("#password").val();varbirthday=$("#birthday").val();varmobile=$("#mobile").val();varaddress=$("#address").val();vardentityCode=$("#dentityCode").val();varemail=$("#email").val();if(trueName==""){$("#error").html("姓名不能為空！");returnfalse;}if(password==""){$("#error").html("密碼不能為空！");returnfalse;}if(birthday==""){$("#error").html("出生日期不能為空！");returnfalse;}if(mobile==""){$("#error").html("手機號碼不能為空！");returnfalse;}if(address==""){$("#error").html("送貨地址不能為空！");returnfalse;}if(dentityCode==""){$("#error").html("身份證不能為空！");returnfalse;}if(email==""){$("#error").html("郵件不能為空！");returnfalse;}returntrue;}</script>圖5-11個人信息修改頁面5.2.2用戶個人訂單管理用戶登錄后可以進(jìn)入個人訂單管理界面查看和管理自己的訂單，用戶的訂單將在用戶結(jié)算后自動生成，在個人訂單界面中會顯示出用戶下單的時間、訂單金額、訂單號以及訂單狀態(tài)等關(guān)鍵信息，訂單管理如圖5-12所示。圖5-12訂單管理界面4.3留言功能用戶登錄后點擊留言板則將進(jìn)入留言界面，如圖5-13所示，在留言界面中可以看到其他用戶的全部留言，并且在下方的留言內(nèi)容框中輸入用戶自己想要留言的信息再點擊提交留言即可完成留言。圖5-13留言界面4.4商品詳情和購物車功能當(dāng)用戶點擊商品圖片或者商品ID時將展示如圖5-14所示的商品詳情展示界面，在商品詳情展示中有商品的價格、庫存、圖片以及商品詳情描述，同時還可以在該界面點擊購買按鈕購買該商品，點擊加入購物車按鈕將該商品加入進(jìn)購物車。購物車界面如圖5-15所示，顧客可以把想要的商品加入購物車進(jìn)行統(tǒng)一結(jié)算，在購物車中可以更改商品的數(shù)量也可以刪除商品。購物車的關(guān)鍵代碼如下：<scripttype="text/javascript">$(function(){//自動加載setTotal();//每次刷新頁面都會調(diào)用此方法functionsetTotal(){//商品的總價varsub=0;$(".productTr").each(function(){//獲取商品的數(shù)量varnumber=$(this).find('input[class=text_box]').val();//獲取商品的價錢varprice=$(this).find('label[class=price_]').html();//計算數(shù)量*價錢=總價錢sub+=number*price;});//把總數(shù)顯示到總計處$("#product_total").html(sub);}//對"+"按鈕進(jìn)行操作$(".add").click(function(){//獲取被修改的inputvart=$(this).parent().find('input[class=text_box]');t.val(parseInt(t.val())+1);//獲取td隱藏域的id的值varproduct_id=$(this).parent().find('input[id=productId]').val();//獲取對應(yīng)ID的單價varprice=$("#price_"+product_id).html();//加價$("#productItem_total_"+product_id).html(price*t.val());refreshSession(product_id,t.val());setTotal();});$(".min").click(function(){//獲取被修改的inputvart=$(this).parent().find('input[class=text_box]');t.val(parseInt(t.val())-1);if(parseInt(t.val())<1){//不允許減少到1以下！t.val(1);}//獲取td隱藏域的id的值varproduct_id=$(this).parent().find('input[id=productId]').val();//獲取對應(yīng)ID的單價varprice=$("#price_"+product_id).html();//加價$("#productItem_total_"+product_id).html(price*t.val());refreshSession(product_id,t.val());setTotal();});//刷新functionrefreshSession(productId,count){$.post("shopping?oper=updateShopping",{productId:productId,count:count},function(result){varresult=eval('('+result+')');if(result.success){console.log(result);}else{alert("刷新Session失敗！");}});}});functionremoveShopping(productId){if(confirm("您確定要刪除這個商品嗎？")){window.location.href="shopping?oper=remove&productId="+productId;}}</script>圖5-14商品詳情展示圖5-15購物車4.5后臺管理4.5.1后臺管理登錄后臺管理員與普通用戶同用一個數(shù)據(jù)庫表，后臺登錄人員身份的判斷是根據(jù)表中status的值所確定，當(dāng)status=1時為普通用戶，該用戶沒有后臺登錄權(quán)限，當(dāng)status=2時，該用戶為管理員身份，可以登錄后臺管理界面，登錄界面如圖5-16所示。圖5-16后臺管理登錄4.5.2用戶管理用戶管理界面如圖5-17所示，管理員能夠添加和刪除用戶，點擊修改按鈕能夠?qū)τ脩粜畔⑦M(jìn)行修改。圖5-17用戶管理圖4.5.3商品管理在商品管理中，管理員不僅能夠刪除、增加和修改商品的各種信息，而且還可以將商品設(shè)置為熱賣或者特價，同時還能更改商品的大類別和小類別信息。商品管理界面如圖5-18所示。5-18商品管理圖4.5.4訂單管理訂單管理中非常關(guān)鍵的一環(huán)是管理員能夠?qū)τ唵蔚臓顟B(tài)進(jìn)