【文章內(nèi)容簡(jiǎn)介】 這個(gè)集合中有某個(gè)賬號(hào)的名字說(shuō)明該賬號(hào)已經(jīng)在線，不可以再次登錄，用戶登出的時(shí)候在線列表會(huì)自動(dòng)移除該用戶的賬號(hào)。在登錄成功后系統(tǒng)將該用戶的登錄信息儲(chǔ)存到服務(wù)器中，為系統(tǒng)的其他功能服務(wù)，減少數(shù)據(jù)庫(kù)查詢次數(shù)，有效的提高了系統(tǒng)效率。用戶登錄成功后系統(tǒng)自動(dòng)跳轉(zhuǎn)到主頁(yè)面，本系統(tǒng)主頁(yè)面使用div + table框架，其作用是指定一個(gè)框架集，用于組織多個(gè)框架和嵌套框架集，div + table的好處是用戶點(diǎn)擊左邊菜單的選項(xiàng)，瀏覽器的右邊部分就會(huì)進(jìn)行聯(lián)動(dòng)，使得界面更加友好，div + table將頁(yè)面分為頁(yè)面標(biāo)題、菜單欄和左中右三個(gè)部分，由左側(cè)分類欄、中央展示欄和右側(cè)公告組成。網(wǎng)站主界面如圖44所示。圖44 網(wǎng)站主界面頁(yè)面標(biāo)題：頁(yè)面標(biāo)題由三部分組成，分別是歡迎欄、Logo欄和菜單欄（如圖45所示）。頂部的深灰色條形欄包括了登錄、注冊(cè)、登錄用戶姓名、歡迎信息、退出這些基本的功能按鈕。此外，還能夠顯示當(dāng)前系統(tǒng)的實(shí)時(shí)日期、時(shí)間和星期。這部分的設(shè)計(jì)簡(jiǎn)潔明了，有很好的用戶體驗(yàn)，根據(jù)測(cè)試結(jié)果，又將搜索欄和高級(jí)搜索的按鈕加在了此欄之中，這樣設(shè)計(jì)的好處是用戶可以根據(jù)自己的喜好快速的進(jìn)行操作，使得界面簡(jiǎn)潔，友好。深灰色條形欄下面是整個(gè)網(wǎng)站在主色調(diào)，為了體現(xiàn)購(gòu)書(shū)網(wǎng)站的特色以及嚴(yán)謹(jǐn)又不失活潑的風(fēng)格，本網(wǎng)站特別選擇了青綠色作為整個(gè)網(wǎng)站的主色調(diào)，包括網(wǎng)站Logo的設(shè)計(jì)，也是按照這個(gè)主色調(diào)展開(kāi)的。這一欄中包括了網(wǎng)站的名字、Logo，更將本站的最熱門(mén)5本書(shū)籍以動(dòng)態(tài)的方式顯示出來(lái)，其中包含書(shū)籍的圖片和簡(jiǎn)介，點(diǎn)擊詳情按鈕可以直接查看該書(shū)的詳細(xì)信息和評(píng)論。再往下既是本網(wǎng)站的菜單欄，其中包括：主頁(yè)、特價(jià)圖書(shū)、我的賬戶、二手圖書(shū)、客戶服務(wù)、我的愿望。點(diǎn)擊主頁(yè)可直接跳轉(zhuǎn)到主頁(yè)；我的賬戶中可以查看已登錄用戶的個(gè)人信息并進(jìn)行修改，其中還包括用戶個(gè)人的消費(fèi)記錄和訂單管理；二手圖書(shū)是本網(wǎng)站提供的一個(gè)特色服務(wù)，用戶可以在本網(wǎng)站掛起和交易二手書(shū)，既省錢(qián)又方便；我的愿望是針對(duì)用戶想要購(gòu)買(mǎi)或擁有但是在本網(wǎng)站上沒(méi)有掛出的圖書(shū)，用戶可以在其中填寫(xiě)書(shū)名來(lái)向管理員提出需求。圖45 頁(yè)首標(biāo)題左側(cè)菜單：左側(cè)菜單由兩類菜單組成，一個(gè)菜單為書(shū)籍分類，另一個(gè)菜單為特別推薦菜單——本網(wǎng)站每天都會(huì)為顧客特別推薦一本書(shū)（如圖46（1））。分類中將書(shū)籍按小說(shuō)、文藝、青春、勵(lì)志amp。成功、少兒、生活。人文社科、管理、科技、教育、工具書(shū)以及進(jìn)口書(shū)籍等12大類。用戶可以根據(jù)自己的需要在這12大類中選擇自己需要的書(shū)籍。這樣設(shè)計(jì)的好處是用戶可以根據(jù)類別快速的進(jìn)行操作，使得界面簡(jiǎn)潔，友好。而且通過(guò)點(diǎn)擊先要查看的書(shū)籍類型就可直接跳轉(zhuǎn)到該類型的書(shū)籍搜索結(jié)果（如圖46（2）），擁有更好的用戶體驗(yàn)。圖46（1） 左側(cè)導(dǎo)航菜單圖46（2） 點(diǎn)擊書(shū)籍類型的商品結(jié)果 中央顯示欄： 中央顯示欄部分分為廣告欄和圖書(shū)展示欄兩部分（如圖47所示）。廣告欄中會(huì)動(dòng)態(tài)顯示在本網(wǎng)站中投資最多的5家公司或企業(yè)的知名廣告，而本網(wǎng)站也會(huì)在廣告中掛出鏈接，可以讓用戶通過(guò)本網(wǎng)站獲得更多、更炫、更豐富的網(wǎng)絡(luò)資源和信息。而圖書(shū)展示欄中所展示的就是本站中的跟中圖書(shū)其中包括圖書(shū)名稱、圖片、原訂價(jià)格、折扣價(jià)格以及查看圖書(shū)詳情的按鈕。圖47 中央展示欄 右側(cè)菜單： 右側(cè)菜單包括4個(gè)主要的功能模塊：購(gòu)物車(chē)圖標(biāo)、公告新聞欄、新書(shū)推薦欄、熱門(mén)作者排行（如圖48所示）。 購(gòu)物車(chē)圖標(biāo)中包括用戶所添加到購(gòu)物車(chē)中的商品數(shù)量及總價(jià)格，單擊其中的購(gòu)物車(chē)圖案即可直接跳轉(zhuǎn)但購(gòu)物車(chē)界面進(jìn)行操作。這樣設(shè)計(jì)的好處是用戶可以快速的進(jìn)行操作，使得界面簡(jiǎn)潔，友好，擁有更好的用戶體驗(yàn)。 在公告新聞欄中，本網(wǎng)站用Jquery實(shí)現(xiàn)了Tab的動(dòng)態(tài)功能，將新聞公告、近期活動(dòng)和銷(xiāo)售TOP10別放在3個(gè)不同的LI中，分別顯示，用戶可以根據(jù)自己的興趣和愛(ài)好進(jìn)行選擇和預(yù)覽。 在新書(shū)推薦欄中，會(huì)擺出本網(wǎng)站最新進(jìn)的圖書(shū)信息，跟用戶以最新最快的用戶體驗(yàn)和書(shū)籍咨詢。 熱門(mén)作者排行則是按照書(shū)籍的銷(xiāo)量對(duì)數(shù)據(jù)庫(kù)中的各個(gè)書(shū)籍的作者進(jìn)行排序并動(dòng)態(tài)顯示。圖48 右側(cè)菜單網(wǎng)站的注冊(cè)模塊是針對(duì)有意向在本網(wǎng)站購(gòu)書(shū)的用戶提供的，在用戶注冊(cè)之前只能在本網(wǎng)站瀏覽圖書(shū)的信息，注冊(cè)之后可以獲得添加購(gòu)物車(chē)、生成訂單、獲取積分等會(huì)員功能。用戶注冊(cè)界面如圖49所示。圖49 用戶注冊(cè)界面在注冊(cè)界面中，本網(wǎng)站通過(guò)JSP中的Javascript定義注冊(cè)信息的驗(yàn)證函數(shù)來(lái)對(duì)用戶的注冊(cè)信息進(jìn)行驗(yàn)證。分別有：用戶名驗(yàn)證，檢查用戶名是否被填寫(xiě)以及是否在420個(gè)字符之間；密碼驗(yàn)證，檢查用戶所設(shè)置的密碼是否在620個(gè)字符之間，以及在輸入密碼和確認(rèn)密碼兩個(gè)輸入框中所輸入的密碼是否一致；用戶電子郵箱驗(yàn)證，檢查用戶的電子郵箱格式是否符合規(guī)格，合格的電子郵箱格式必須是XXX@，否則會(huì)對(duì)所填入的信息進(jìn)行報(bào)錯(cuò)（如圖410所示）；為了方便用戶找回自己的賬號(hào)以及用戶的賬號(hào)安全，在注冊(cè)的時(shí)候用戶需要對(duì)自己的賬號(hào)設(shè)置一個(gè)驗(yàn)證問(wèn)題和對(duì)應(yīng)的驗(yàn)證答案，這樣設(shè)計(jì)的好處是用戶可以快速的進(jìn)行操作，使得界面簡(jiǎn)潔，友好，擁有更好的用戶體驗(yàn)。只有用戶在正確填寫(xiě)了所有的注冊(cè)信息之后，注冊(cè)的按鈕才會(huì)被點(diǎn)亮，用戶此刻才能點(diǎn)擊按鈕進(jìn)行注冊(cè)，并有前臺(tái)界面向數(shù)據(jù)庫(kù)中傳導(dǎo)信息（如圖411所示）。圖410 用戶注冊(cè)報(bào)錯(cuò)頁(yè)面圖411 用戶注冊(cè)正確頁(yè)面圖書(shū)瀏覽模塊是本網(wǎng)站在點(diǎn)擊查看書(shū)籍詳細(xì)信息后。此模塊主要功能是現(xiàn)實(shí)書(shū)籍的各種屬性，并且將書(shū)籍的部分信息臨時(shí)儲(chǔ)存在服務(wù)器上以便使用，包括： private Booktype booktype。 private String bookName。 private String publisher。 private String author。 private String introduction。 private Float nowPrice。 private Float discountPrice。 private Integer saleHz。 private String bookCover。圖書(shū)瀏覽界面如圖412所示。圖412 書(shū)籍詳細(xì)信息頁(yè)面 在本頁(yè)面不僅僅現(xiàn)實(shí)書(shū)籍的詳細(xì)信息，還會(huì)自動(dòng)搜索和用戶所關(guān)注圖書(shū)相關(guān)聯(lián)的圖書(shū)，為用戶展現(xiàn)出這本書(shū)籍的同類產(chǎn)品。 在書(shū)籍基本信息之下的桑Tab按鈕之間做切換就可以查看該書(shū)籍的用戶評(píng)論信息，此功能可以讓用戶看到其他用戶對(duì)該書(shū)的評(píng)價(jià)及評(píng)分，為用戶正確購(gòu)書(shū)提供的參考（如圖413所示）。圖413 書(shū)籍評(píng)論信息頁(yè)面 同樣，在Tab按鈕的最后一個(gè)是對(duì)于該書(shū)籍的提問(wèn)界面。用戶可以對(duì)該書(shū)籍向管理員提出各種問(wèn)題，系統(tǒng)會(huì)自動(dòng)將用戶的問(wèn)題轉(zhuǎn)入后臺(tái)管理員處，管理員在接到問(wèn)題后會(huì)對(duì)用戶給出答案。并在用戶下次查看此界面是現(xiàn)實(shí)出問(wèn)題內(nèi)容和答案內(nèi)容，以及提問(wèn)及回答的時(shí)間（如圖414所示）。圖414 書(shū)籍提問(wèn)回答頁(yè)面 本網(wǎng)站的查詢功能分為快捷查詢和高級(jí)查詢兩種?？旖莶樵?cè)诰W(wǎng)站頂部的搜索框中按關(guān)鍵字進(jìn)行模糊查詢（如圖415（1））；而高級(jí)查詢則是根據(jù)用戶的需求對(duì)書(shū)籍在關(guān)鍵字、類型、價(jià)格、新舊等各個(gè)方面進(jìn)行查詢，用戶可以選擇填寫(xiě)其中一項(xiàng)或者多項(xiàng)，填寫(xiě)信息越詳細(xì)，搜索的結(jié)果也越精確（如圖415（2））。這為用戶在眾多書(shū)籍中尋找出自己中意的書(shū)籍節(jié)省了時(shí)間和精力，這種設(shè)計(jì)更加的人性化，更加迎合用戶的需求。圖書(shū)快捷查詢搜索欄圖415（1） 圖書(shū)快捷查詢圖書(shū)高級(jí)查詢界面圖415（2） 圖書(shū)高級(jí)查詢圖書(shū)查詢模塊是本系統(tǒng)的用戶在自己權(quán)限下進(jìn)行操作的模塊。用戶可以通過(guò)本模塊對(duì)自己的信息進(jìn)行查詢和修改。當(dāng)單點(diǎn)擊菜單欄中的“我的賬戶”時(shí)，用戶信息查詢顯示界面如圖416所示。通過(guò)該模塊用戶可以對(duì)所有個(gè)人進(jìn)行查詢，可以得到用戶頭像，賬戶積分，賬戶余額，待處理訂單，待評(píng)價(jià)商品等信息，并且為了方便用戶操作和更加準(zhǔn)確的掌控期望的信息本系統(tǒng)允許用戶對(duì)自己的個(gè)人信息進(jìn)行修改。圖416 個(gè)人信息查詢進(jìn)行完個(gè)人信息查詢之后，如果用戶想對(duì)自己的個(gè)人資料進(jìn)行修改，可以點(diǎn)頭像下面的操作“修改個(gè)人資料”，跳轉(zhuǎn)到顯示個(gè)人資料的頁(yè)面（如圖417所示）。之后，用戶可以選擇繼續(xù)購(gòu)物、查看訂單以及修改資料3個(gè)按鈕選項(xiàng)。而此界面所顯示的用戶信息包括：用戶名、真實(shí)姓名、性別、出生日期、職業(yè)、聯(lián)系電話電子郵箱，余額和積分。點(diǎn)擊“修改資料”鏈接的時(shí)候，該條記錄的唯一標(biāo)識(shí)ID會(huì)被提交給下一個(gè)頁(yè)面，在修改頁(yè)面系統(tǒng)會(huì)根據(jù)提交上來(lái)的ID將對(duì)應(yīng)的一條記錄的信息列在修改頁(yè)面中方便用戶修改，在修改頁(yè)面用戶可以根據(jù)需要修改一個(gè)或者幾個(gè)字段。修改頁(yè)面如圖418所示。圖417 個(gè)人資料顯示界面圖417 個(gè)人資料修改界面圖418 購(gòu)物車(chē)界面 當(dāng)用戶注冊(cè)并登陸之后，即可將自己心儀的書(shū)籍添加到自己的購(gòu)物車(chē)中，購(gòu)物車(chē)和每個(gè)用戶的ID進(jìn)行綁定，將用戶所選的書(shū)添加到數(shù)據(jù)庫(kù)中，其中包括圖書(shū)的ID、圖書(shū)的數(shù)量等（如圖418所示）。 在用戶將商品添加到購(gòu)物車(chē)中之后，會(huì)在頁(yè)面中央展示區(qū)顯示出用戶購(gòu)物的詳細(xì)信息，包括：圖書(shū)名稱、圖書(shū)封面圖片、圖書(shū)單價(jià)、用戶購(gòu)買(mǎi)數(shù)量、同個(gè)圖書(shū)價(jià)格小計(jì)以及目前整個(gè)購(gòu)物車(chē)中所有圖書(shū)的總價(jià)格。 同時(shí)將鼠標(biāo)移動(dòng)到圖書(shū)封面圖片上之后，鼠標(biāo)下會(huì)有“放大”的文字提示，這時(shí)單擊鼠標(biāo)左鍵，界面中會(huì)彈出圖書(shū)封面圖片的放大圖片，給用戶提供不一樣的感覺(jué)（如圖419所示）。在產(chǎn)品數(shù)量顯示框的兩側(cè)各有一個(gè)方向的按鈕，左邊的為減少購(gòu)買(mǎi)書(shū)籍的數(shù)量，右邊的為增加購(gòu)買(mǎi)書(shū)籍的數(shù)量，用戶也可根據(jù)自己需求在輸入框中填寫(xiě)自己想要購(gòu)買(mǎi)的書(shū)籍?dāng)?shù)量。購(gòu)物車(chē)中的刪除操作包括單個(gè)產(chǎn)品刪除和清空購(gòu)物車(chē)兩個(gè)部分。點(diǎn)擊每個(gè)商品后的刪除商品鏈接后，會(huì)向系統(tǒng)調(diào)用DeleteAction，此時(shí)，系統(tǒng)會(huì)根據(jù)該書(shū)籍的ID將該書(shū)的所有屬性從購(gòu)物車(chē)中刪除；清空購(gòu)物車(chē)則是將此刻購(gòu)物車(chē)中的所有商品一概清空，是通過(guò)直接取消整個(gè)購(gòu)物車(chē)請(qǐng)求來(lái)實(shí)現(xiàn)的。另外，當(dāng)用戶用按鈕將書(shū)籍的數(shù)量減到1以下時(shí)，這本書(shū)將自動(dòng)從購(gòu)物車(chē)中刪除。 購(gòu)物車(chē)還為用戶提供了刷新購(gòu)物車(chē)的功能，針對(duì)網(wǎng)站及用戶的各種信息操作的及時(shí)更新，真正做到了人性化設(shè)計(jì)、合理化設(shè)計(jì)。 當(dāng)用戶想繼續(xù)購(gòu)物時(shí)，即可點(diǎn)擊左下角的繼續(xù)購(gòu)物，將直接跳轉(zhuǎn)到圖書(shū)展示的界面，為用戶提供最貼心的服務(wù)和體驗(yàn)。圖419 圖書(shū)封面圖片放大界面 當(dāng)用戶注冊(cè)并登陸并將書(shū)籍加入到購(gòu)物車(chē)中之后，即可將自己想要購(gòu)買(mǎi)的書(shū)進(jìn)行生成訂單中，購(gòu)物車(chē)和每個(gè)用戶的ID進(jìn)行綁定，而在生成訂單的時(shí)候，系統(tǒng)會(huì)根據(jù)特殊函數(shù)為每一個(gè)訂單生成一個(gè)唯一的絕對(duì)不會(huì)重復(fù)的訂單號(hào)，將用戶所選的書(shū)添加到數(shù)據(jù)庫(kù)中，其中包括訂單的ID、圖書(shū)的ID和圖書(shū)的數(shù)量等（如圖418所示）。 在用戶將商品添加到訂單中之后，會(huì)在頁(yè)面中央展示區(qū)顯示出用戶購(gòu)物的詳細(xì)信息，包括：圖書(shū)名稱、圖書(shū)封面圖片、用戶購(gòu)買(mǎi)數(shù)量、同個(gè)圖書(shū)價(jià)格小計(jì)以及目前整個(gè)訂單中所有圖書(shū)的總價(jià)格。 同時(shí)將鼠標(biāo)移動(dòng)到圖書(shū)封面圖片上之后，鼠標(biāo)下會(huì)有“放大”的文字提示，這時(shí)單擊鼠標(biāo)左鍵，界面中會(huì)彈出圖書(shū)封面圖片的放大圖片，給用戶提供不一樣的感覺(jué)（如圖420所示）。圖420 訂單生成界面 在訂單界面中還為用戶提供了撤銷(xiāo)訂單的功能，如果用戶對(duì)自己所選的圖書(shū)不滿意，或者想在提交訂單之前對(duì)訂單進(jìn)行修改，都可以通過(guò)撤銷(xiāo)訂單來(lái)進(jìn)行。同樣為了保護(hù)用戶的個(gè)人賬戶隱私、用戶的賬戶安全以及本網(wǎng)站的正常運(yùn)營(yíng)和整個(gè)金融銷(xiāo)售界的穩(wěn)定繁榮，在訂單確認(rèn)提交之后將不能再對(duì)已經(jīng)提交的訂單進(jìn)行修改，只能查看已經(jīng)發(fā)出的訂單。當(dāng)用戶想返回購(gòu)物車(chē)時(shí)，即可點(diǎn)擊的返回購(gòu)物車(chē)，將直接跳轉(zhuǎn)到購(gòu)物車(chē)的界面，為用戶提供最貼心的服務(wù)和體驗(yàn)。 當(dāng)用戶確認(rèn)想要購(gòu)買(mǎi)訂單中的商品的時(shí)候，即可在訂單的詳細(xì)信息表下面填寫(xiě)自己的個(gè)人收獲信息了，其中包括：收件人姓名、收件人聯(lián)系電話、支付方式、送貨方式以及收貨人的收獲地址等等。用戶必須詳細(xì)填寫(xiě)這些信息以便貨物可以及時(shí)準(zhǔn)確的送到。 為了進(jìn)一步滿足用戶對(duì)于書(shū)籍的需求和喜好，本網(wǎng)站為用戶提供了二手書(shū)交易這一人性化的功能，既能讓你塵封已久的書(shū)籍找到更好的歸宿，又能讓你再眾多書(shū)籍中找到屬于最適合你的那一本。 在任何主界面點(diǎn)擊菜單欄中的二手圖書(shū)，即可進(jìn)入二手書(shū)瀏覽界面，這里所展示的都是本網(wǎng)站的會(huì)員們?cè)诰W(wǎng)站上發(fā)布的二手書(shū)，其中包括書(shū)籍名稱、書(shū)籍封面圖片、出版社、書(shū)籍的持有者、發(fā)布時(shí)間以及書(shū)籍的新舊程度。這些信息為用戶們直觀的展現(xiàn)了一個(gè)貼心的二手交易市場(chǎng)（如圖421所示）。圖421 二手書(shū)展示界面 凡是本站的注冊(cè)用戶，除了能在網(wǎng)站上瀏覽二手書(shū)之外，還能夠?qū)⒆约合胍鍪刍蚪粨Q的二手書(shū)直接掛到本站上和其他會(huì)員進(jìn)行交易。本站僅僅是為用戶們交易二手書(shū)提供了一個(gè)交易的平臺(tái)，在整個(gè)二手書(shū)交易的過(guò)程中，本站只是充當(dāng)一個(gè)中間人的角色，不會(huì)在其中扣去任何的利潤(rùn)，也不會(huì)在用戶的二手書(shū)交易過(guò)程中收取任何費(fèi)用，至于用戶們是想要用貨幣交易或者是以書(shū)換書(shū)，這些都由用戶自己來(lái)進(jìn)行聯(lián)絡(luò)和協(xié)商，本站不會(huì)進(jìn)行任何干涉，真正做到了切身實(shí)地的為用戶著想。 如果用戶想在本網(wǎng)站發(fā)布二手書(shū)，需經(jīng)過(guò)3個(gè)步驟： 首先你需要在二手書(shū)提供的界面中點(diǎn)擊發(fā)布二手書(shū)，接著進(jìn)入二手書(shū)發(fā)布界面。 在二手書(shū)發(fā)布界面會(huì)有一個(gè)查詢框，用來(lái)查詢?cè)诒揪W(wǎng)站是否已經(jīng)存在你所要發(fā)布的圖書(shū)。如果沒(méi)有的話，你則需要在隨后的書(shū)籍詳細(xì)信息中填寫(xiě)你所要交易的書(shū)籍的響應(yīng)信息，包括：圖書(shū)類別、書(shū)名、作者、出版社、圖書(shū)簡(jiǎn)介、圖書(shū)封面圖片，點(diǎn)擊“下一步”。（如圖422（1）所示） 第三步則是輸入有關(guān)于所發(fā)布二手書(shū)的交易信息。包括：發(fā)布數(shù)量、發(fā)布人電話、二手書(shū)新舊程度、二手書(shū)定價(jià)、發(fā)布人郵箱、以及交易備注，點(diǎn)擊“下一步”即可成功發(fā)布（如圖422（2））。圖422（1） 二手書(shū)發(fā)布界面圖422（2） 二手書(shū)發(fā)布界面二、后臺(tái)功能本系統(tǒng)后臺(tái)由：系統(tǒng)登錄模塊（用戶登錄，用戶登出，用戶主頁(yè)面）、新聞管理模塊（查看新聞、更新新聞、添加新聞、刪除新聞）、圖書(shū)管理模塊（查看圖書(shū)、更新圖書(shū)、添加圖書(shū)、刪除圖書(shū)）、圖書(shū)類別管理模塊（查看圖書(shū)類別、更新圖書(shū)