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