【文章內(nèi)容簡(jiǎn)介】 務(wù)器（使用 HTML 表單）。在 web 服務(wù)器把數(shù)據(jù)處理完畢之后，會(huì)向用戶(hù)返回一張完整的新網(wǎng)頁(yè)。 由于每當(dāng)用戶(hù)提交輸入，服務(wù)器就會(huì)返回新網(wǎng)頁(yè)，傳統(tǒng)的 web 應(yīng)用程序往往運(yùn)行緩慢，且越來(lái)越不友好。通過(guò) Ajax， web 應(yīng)用程序無(wú)需重載網(wǎng)頁(yè)，就可以發(fā)送并取回?cái)?shù)據(jù)。完成這項(xiàng)工作，需要通過(guò)向服務(wù)器發(fā)送 HTTP 請(qǐng)求（在幕后），并通過(guò)當(dāng)服務(wù)器返回?cái)?shù) 據(jù)時(shí)使用 JavaScript 僅僅修改網(wǎng)頁(yè)的某部分。 通過(guò)在幕后與 web 服務(wù)器交換數(shù)據(jù)，而不是每當(dāng)用戶(hù) 做出 改變時(shí)重載整個(gè) web 頁(yè)面， Ajax 技術(shù)可以使網(wǎng)頁(yè)更迅速地響應(yīng)。 本系統(tǒng)中涉及到的 Ajax 的應(yīng)用主要體現(xiàn)在頁(yè)面信息驗(yàn)證、下屬城市的動(dòng)態(tài)獲取，通過(guò)該技術(shù)，系統(tǒng)在不發(fā)生頁(yè)面跳轉(zhuǎn)的情況下完成前后臺(tái)的數(shù)據(jù)交互。 CSS 介紹 CSS 是英語(yǔ) Cascading Style Sheets（層疊樣式表單）的縮寫(xiě)，它是一種用來(lái)表現(xiàn) HTML 或 XML等文件樣式的計(jì)算機(jī)語(yǔ)言。 CSS 目前最新版本為 CSS3，是能 夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng) HTML 的表現(xiàn)而言， CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言。 CSS 能夠根據(jù)不同使用者的理解能力，簡(jiǎn)化或者優(yōu)化寫(xiě)法，針對(duì)各類(lèi)人群，有較強(qiáng)的易讀性。 CSS本身主要功能是完成對(duì)頁(yè)面的布局與美化工作，在本系統(tǒng)的實(shí)現(xiàn)中， CSS江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 8 主要完成頁(yè)面整體框架布局、 div層的嵌套布局、頁(yè)面元素的屬性設(shè)定。 開(kāi)發(fā)和運(yùn)行環(huán)境 本系統(tǒng)采用的是 B/S 架構(gòu)，開(kāi)發(fā)工具為 Eclipse，開(kāi)發(fā)語(yǔ)言為 Java，由于 Java的跨平臺(tái)性，理論上該系統(tǒng)可以在任何操作系統(tǒng)上運(yùn)行，以下為具體開(kāi)發(fā)環(huán)境： 操作系統(tǒng)： Microsoft Windows XP 開(kāi)發(fā)語(yǔ)言： Java+JavaScript 開(kāi)發(fā)工具： 數(shù)據(jù)庫(kù)系統(tǒng)： Microsoft SQL Server 2021 應(yīng)用服務(wù)器軟件： Tomcat 圖形編輯軟件：美圖秀秀 系統(tǒng)開(kāi)發(fā)流程 本次畢業(yè)設(shè)計(jì)主要按照以下流程進(jìn)行實(shí)現(xiàn)：需求分析、系統(tǒng)功 能分析、系統(tǒng)整體架構(gòu)設(shè)計(jì)、系統(tǒng)細(xì)節(jié)設(shè)計(jì)與實(shí)現(xiàn)，如下圖 所示： 圖 系統(tǒng)開(kāi)發(fā)流程圖 ，該階段的內(nèi)容主要是分析目前二手市場(chǎng)存在的不足，了解用戶(hù)期望目標(biāo)。 ，該階段的主要內(nèi)容是根據(jù)收集到的用戶(hù)需求信息，分析該系統(tǒng)需要實(shí)現(xiàn)的功能。 ，該階段的主要內(nèi)容是根據(jù)系統(tǒng)各個(gè)功能的關(guān)聯(lián)，設(shè)計(jì)系統(tǒng)架構(gòu)，在此階段對(duì)系統(tǒng)具體功能模塊的設(shè)計(jì)不做考慮。 ，該階段是根據(jù)系統(tǒng)總 體架構(gòu)，對(duì)各個(gè)模塊進(jìn)行需求分 析 系統(tǒng)功能分析 系統(tǒng)整體架構(gòu)設(shè)計(jì) 系統(tǒng)細(xì)節(jié)設(shè)計(jì)與實(shí)現(xiàn) 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 9 逐個(gè)分析并制定解決方案，參照方案完成該模塊。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 10第三章 需求分析 系統(tǒng)預(yù)期用戶(hù) 本系統(tǒng)作為一個(gè)信息發(fā)布系統(tǒng)，所有用戶(hù)都具有搜索信息的權(quán)限。具體劃分，用戶(hù)主要涉及商品信息發(fā)布者與商品信息接收者兩種角色，對(duì)兩種角色現(xiàn)做以下詳細(xì)介紹： ，商品信息發(fā)布者主要功能是發(fā)布自己的商品轉(zhuǎn)讓信息，因?yàn)樯婕暗絺€(gè)人信息的集中存放與辨識(shí)問(wèn)題，商品信息發(fā)布者還擁有用戶(hù)登錄、用戶(hù)個(gè)人信息修改、發(fā)布?xì)v史管理等功能，如下圖 所示： 圖 商品信息發(fā)布者功能圖 ，對(duì)于該用戶(hù)，由于沒(méi)有登錄系統(tǒng)，因此僅提供信息索引、用戶(hù)注冊(cè)、用戶(hù)登錄（已注冊(cè)用戶(hù)）功能，如下圖 所示： 用戶(hù)登錄 用戶(hù)個(gè)人信息管理 用戶(hù)發(fā)布?xì)v史管理 信息索引 信息發(fā)布 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 11 圖 商品信息接收者功能圖 系統(tǒng)可行性分析 本次設(shè)計(jì)的主要影響因素為技術(shù)的運(yùn)用。從技術(shù)本身來(lái)說(shuō)，由于本系統(tǒng)的功能比較少，技術(shù)上主要涉及 SSH2框架、 JSP、 Ajax 和 CSS技術(shù)，皆是當(dāng)前的主流技術(shù)，因此有關(guān)查詢(xún)資料比較豐富，可參 考文件較多，為實(shí)現(xiàn)本系統(tǒng)提供了有力的保障；其次，本系統(tǒng)的設(shè)計(jì)中不涉及硬件及其他配套設(shè)備，基本上不需要投入其他資金，因此不存在經(jīng)濟(jì)上的困難；第三，本系統(tǒng)功能比較小，所有設(shè)計(jì)與制作均出自一人之手，后期維護(hù)也由同一人承擔(dān)，不涉及相關(guān)技術(shù)不了解的情況，不存在管理上的難度。 系統(tǒng)功能性需求 針對(duì)目前二手商品信息匯集困難的特點(diǎn)，特設(shè)計(jì)本系統(tǒng)，因此，系統(tǒng)在功能上要做到以下幾點(diǎn)： 1)用戶(hù)方面 用戶(hù)分為已注冊(cè)用戶(hù)與未注冊(cè)用戶(hù)，其兩者的主要區(qū)別僅在于已注冊(cè)用戶(hù)擁有自己的賬號(hào)，個(gè)人資料信息，商品發(fā)布功能，未注冊(cè)用戶(hù) 僅享受系統(tǒng)提供的信息查詢(xún)功能。 2)登陸方面 系統(tǒng)首頁(yè)自動(dòng)判定該用戶(hù)是否已經(jīng)登陸，對(duì)于已登陸用戶(hù)，系統(tǒng)為其保存用戶(hù)信息，用戶(hù)可以通過(guò)右上角的快速鏈接查看個(gè)人信息，對(duì)于尚未登陸用戶(hù)，系統(tǒng)右上角僅提供注冊(cè)與登陸鏈接。 3)信息查詢(xún) 用戶(hù)登錄 用戶(hù)注冊(cè) 信息索引 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 12 系統(tǒng)頁(yè)面上方提供一個(gè)大的搜索框供用戶(hù)直接搜索商品關(guān)鍵字，在首頁(yè)提供常見(jiàn)商品的快速鏈接，同時(shí)，系統(tǒng)在查詢(xún)結(jié)果頁(yè)面提供信息的更多約束條件的查詢(xún)，方便用戶(hù)縮小查詢(xún)范圍。另外，系統(tǒng)提供分類(lèi)查詢(xún)功能，方便用戶(hù)按種類(lèi)細(xì)化查詢(xún)條件。 4)信息發(fā)布 系統(tǒng)為已登陸用戶(hù)提供信息發(fā)布功能，用戶(hù) 在頁(yè)面提交自己的信息表單，填寫(xiě)必要選項(xiàng)，選取商品種類(lèi)，用戶(hù)發(fā)布成功后即可在頁(yè)面查看到該條記錄。 5)個(gè)人信息 用戶(hù)個(gè)人信息是查詢(xún)已登陸用戶(hù)的個(gè)人相關(guān)信息，包括用戶(hù)信息、發(fā)布信息等內(nèi)容，在該頁(yè)面可以完成用戶(hù)個(gè)人信息的修改，以及已發(fā)布信息的修改和刪除操作。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 13第四章 系統(tǒng)設(shè)計(jì) 設(shè)計(jì)目標(biāo) 根據(jù)當(dāng)前主流 Web 系統(tǒng)的設(shè)計(jì)模式，并參考其他類(lèi)似服務(wù)類(lèi)網(wǎng)上系統(tǒng)的特點(diǎn)，結(jié)合本系統(tǒng)自身的實(shí)際應(yīng)用需求，在本系統(tǒng)的設(shè)計(jì)完成時(shí)將要實(shí)現(xiàn)以下的目標(biāo)： 1)基本功能實(shí)現(xiàn)。系統(tǒng)本身的出發(fā)點(diǎn)就是完成一項(xiàng)功能，所以，本條目標(biāo)的實(shí)現(xiàn)代表著 系統(tǒng)完成程度的關(guān)鍵評(píng)判因素。系統(tǒng)應(yīng)該逐一實(shí)現(xiàn)功能需求中所述的各項(xiàng)功能。 2)系統(tǒng)配置靈活。系統(tǒng)應(yīng)該充分尊重用戶(hù)的個(gè)性，允許用戶(hù)對(duì)涉及自身的某些信息的選擇性輸出，對(duì)一些系統(tǒng)本身運(yùn)行時(shí)不做強(qiáng)烈要求的內(nèi)容，給予用戶(hù)充分的自由做選擇性填寫(xiě)。 3)友好的操作界面。系統(tǒng)的基本功能完善的同時(shí)，盡量實(shí)現(xiàn)一個(gè)友好的操作界面，在不影響系統(tǒng)正常服務(wù)的情況下，還應(yīng)做到為用戶(hù)提供最方便的操作。 4)易于日后維護(hù)。這主要是考慮到系統(tǒng)在建成之后可能涉及用戶(hù)體驗(yàn)不佳、系統(tǒng) Bug 逐漸顯現(xiàn)、系統(tǒng)性能不穩(wěn)定的情況下，方便系統(tǒng)維護(hù)人員能夠?qū)ο到y(tǒng)及時(shí)做出正確調(diào)整。 5)易于升級(jí)。一個(gè)優(yōu)秀的系統(tǒng)，一個(gè)具有活力的系統(tǒng)必然在一開(kāi)始就考慮到隨著系統(tǒng)的廣泛應(yīng)用，系統(tǒng)在很多地方需要增加或刪減模塊，這就要求本系統(tǒng)在開(kāi)發(fā)時(shí)有著清晰的功能層次劃分，能滿(mǎn)足系統(tǒng)在需要升級(jí)或擴(kuò)充時(shí)能夠方便的做出調(diào)整。 6)良好的糾錯(cuò)能力。糾錯(cuò)能力主要體現(xiàn)在對(duì)于用戶(hù)的一些非法操作能夠及時(shí)給出提示信息，方便用戶(hù)改進(jìn)。例如在登陸系統(tǒng)時(shí)用戶(hù)名及密碼錯(cuò)誤、密碼為空等常見(jiàn)用戶(hù)誤操作行為。 系統(tǒng)目錄結(jié)構(gòu)設(shè)計(jì) 系統(tǒng)在設(shè)計(jì)伊始就選擇了使用 MVC分層模型和 SSH2 框架，系統(tǒng)目錄結(jié)構(gòu)大致如圖 所示。 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 14 圖 系統(tǒng)架構(gòu)圖 系統(tǒng)為 Eclipse 建立的 Web Project， src目錄下存放 action、 dao、 util、service、 entity、 test 六個(gè)主文件夾，其中 test 文件夾僅用作部分代碼測(cè)試使用。 action 文件夾存放控制層類(lèi)、 dao文件夾中存放系統(tǒng)與數(shù)據(jù)庫(kù)之間的操作接口，另外， dao 文件夾中還有 impl 文件夾，用于存放接口的實(shí)現(xiàn)類(lèi)；、 service文件夾存放服務(wù)層接口， service 文件夾中還存在 impl 文件夾，其中存放 service層接口的實(shí)現(xiàn)類(lèi)、 util 提供系統(tǒng)組件的一些類(lèi)的存放 、 entity 主要存放實(shí)體類(lèi)信息，包括表格的映射文件配置信息。 系統(tǒng) Web Content 目錄下存放自定義文件夾 imgs、 css、 js、 pages、 util 和 頁(yè)面，其中 imgs 文件夾主要是提供所需圖片的調(diào)用， css 文件中存放頁(yè)面布局信息，供頁(yè)面元素調(diào)用， js 文件夾中為 JavaScript 信息，頁(yè)面中的控件通過(guò) JavaScript 腳本實(shí)現(xiàn)部分功能， pages 存放多數(shù)頁(yè)面，在本系統(tǒng)中其優(yōu)勢(shì)不明顯，在大型系統(tǒng)中，分類(lèi)的頁(yè)面存儲(chǔ)為日后的升級(jí)、維護(hù)提供了極大的方便，util 文件夾主要存放一些組件頁(yè)面 ，例如本系統(tǒng)中首頁(yè)由 、 、 頁(yè)面組成，頁(yè)面組合的應(yīng)用增強(qiáng)了代碼的復(fù)用性，降低了資源浪費(fèi)； 頁(yè)面是系統(tǒng)的入口，它提供首頁(yè)的跳江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 15轉(zhuǎn)操作，解決系統(tǒng)首頁(yè)直接加載時(shí)因?yàn)?css 文件名稱(chēng)的沖突而帶來(lái)的頁(yè)面非正常顯示現(xiàn)象。 系統(tǒng)體系結(jié)構(gòu)設(shè)計(jì) 基于用戶(hù)使用的便利性以及現(xiàn)今主流實(shí)現(xiàn)方式的考慮，二手市場(chǎng)系統(tǒng)采用現(xiàn)下比較流行的 B/S 體系架構(gòu)。所謂 B/S 架構(gòu)，就是瀏覽器 /服務(wù)器模式，用戶(hù)通過(guò)瀏覽器訪(fǎng)問(wèn)系統(tǒng)，通過(guò)對(duì)瀏覽器實(shí)現(xiàn)與后臺(tái)服 務(wù)的數(shù)據(jù)交互工作。相對(duì)于傳統(tǒng)的 C/S架構(gòu)（客戶(hù)端 /服務(wù)器）架構(gòu)， B/S 架構(gòu)機(jī)構(gòu)的優(yōu)勢(shì)體現(xiàn)在以下幾個(gè)方面： 1) 極大地降低了客戶(hù)端計(jì)算機(jī)的運(yùn)行負(fù)荷，減少了用戶(hù)機(jī)器的資源消耗。 2) 有利于對(duì)系統(tǒng)的更改和維護(hù)，由于系統(tǒng)本身運(yùn)行在服務(wù)器端，因此對(duì)服務(wù)器方的更改即可影響到所有客戶(hù)端的訪(fǎng)問(wèn)數(shù)據(jù)。 3) 客戶(hù)通過(guò)瀏覽器訪(fǎng)問(wèn)服務(wù)器系統(tǒng)，不涉及用戶(hù)個(gè)人機(jī)器配置及操作環(huán)境的因素，極大地方便了系統(tǒng)開(kāi)發(fā)人員的工作量。 4) 開(kāi)發(fā)及設(shè)計(jì)時(shí)無(wú)需考慮跨平臺(tái)的實(shí)現(xiàn)問(wèn)題。 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì) 通過(guò)對(duì)系統(tǒng)的深入分析與研究，總結(jié)出系統(tǒng)功能的幾個(gè)主要功能模塊， 如圖 所示。 以下是對(duì)各個(gè)模塊的具體說(shuō)明： 1）用戶(hù)登陸與注冊(cè)模塊，該模塊負(fù)責(zé)用戶(hù)賬戶(hù)的注冊(cè)、登陸和修改功能，基于 MVC 系統(tǒng)的二手市場(chǎng) 用戶(hù)個(gè)人中心模塊 用戶(hù)登陸與注冊(cè)模塊 用戶(hù)信息索引模塊 用戶(hù)信息發(fā)布模塊 數(shù)據(jù)庫(kù)操作模塊 圖 系統(tǒng)功能模塊圖 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 16同時(shí)提供對(duì)已登陸用戶(hù)名的保存功能，使用戶(hù)在一次連接中不用再次登陸。 2）用戶(hù)個(gè)人中心模塊，該模塊的顯示建立在用戶(hù)具有賬戶(hù)和已登錄情況下，對(duì)于已注冊(cè)用戶(hù)，個(gè)人賬戶(hù)信息保存在服務(wù)器中，只有在用戶(hù)登陸的情況下，才會(huì)出現(xiàn)個(gè)人中心的連接，用戶(hù)進(jìn)入個(gè)人中心可以查看自己的相關(guān)信息，包括個(gè)人信息和已發(fā)布信息的修改。 3）用戶(hù)信息索引模塊，該模塊是本設(shè)計(jì)的 主要體現(xiàn)模塊，系統(tǒng)的主要服務(wù)主要都體現(xiàn)在該模塊，用戶(hù)能夠通過(guò)系統(tǒng)提供的搜索框、城市選項(xiàng)框、時(shí)間選擇、類(lèi)型選擇功能篩選自己需要的信息。為方便用戶(hù)操作，系統(tǒng)首頁(yè)面提供常用物品的分類(lèi)鏈接，方便用戶(hù)快速查詢(xún)。 4）用戶(hù)信息發(fā)布模塊，用戶(hù)信息發(fā)布模塊建立在用戶(hù)具有用戶(hù)賬號(hào)和已登錄的情況下，需要發(fā)布信息的用戶(hù)必須擁有自己的賬號(hào)來(lái)標(biāo)示自己的信息，該功能模塊下，用戶(hù)可以選擇自己要發(fā)布的商品信息的所屬類(lèi)別、設(shè)定商品的期望出售價(jià)格、填寫(xiě)自己的聯(lián)系方式等。發(fā)布信息時(shí)用戶(hù)要指定自己發(fā)布信息的所屬類(lèi)別，系統(tǒng)不提供物品類(lèi)別的自動(dòng)判定功 能。 5）數(shù)據(jù)庫(kù)操作模塊，該模塊事實(shí)上對(duì)用戶(hù)是透明的，但是涉及到整個(gè)系統(tǒng)數(shù)據(jù)的存儲(chǔ)問(wèn)題，關(guān)系到系統(tǒng)運(yùn)行的操作性及順暢性，因而不容忽視。數(shù)據(jù)庫(kù)模塊主要考慮數(shù)據(jù)表的設(shè)計(jì)，包括表間的關(guān)聯(lián)問(wèn)題，同時(shí)結(jié)合系統(tǒng)設(shè)計(jì)特點(diǎn)，設(shè)計(jì)表格使其最高效率的服務(wù)于系統(tǒng)。 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)用于存儲(chǔ)系統(tǒng)中涉及到的數(shù)據(jù)，實(shí)現(xiàn)主要數(shù)據(jù)的持久化功能，另外，有些數(shù)據(jù)還用于頁(yè)面的現(xiàn)實(shí)條用，例如城市表中的下屬城市信息還用于頁(yè)面的動(dòng)態(tài)獲取展示，這些信息在需要使用的時(shí)候從數(shù)據(jù)庫(kù)查詢(xún)調(diào)用，減少頁(yè)面的加載負(fù)荷，保證了系統(tǒng)運(yùn)行的順暢。另外，選擇用數(shù) 據(jù)庫(kù)存儲(chǔ)數(shù)據(jù)能夠方便的直觀(guān)地看到系統(tǒng)的數(shù)據(jù)的格式化存儲(chǔ)。 本次設(shè)計(jì)采用的數(shù)據(jù)庫(kù)軟件為 Microsoft SQLServer 2021，本次設(shè)計(jì)中主要有四個(gè)基表和一個(gè)視圖，分表為 user_tb（用戶(hù)表）、 type_tb（類(lèi)型表）、 city_tb（城市表）、 info_tb（信息表）、 info_view（用戶(hù)視圖），如下圖 ，為數(shù)據(jù)庫(kù)中表之間的關(guān)聯(lián)關(guān)系： 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 17 圖 系統(tǒng)表關(guān)聯(lián) 以下給出本次設(shè)計(jì)涉及的幾個(gè)主要表格及其相關(guān)說(shuō)明： 1）用戶(hù)表（ user_tb） 負(fù)責(zé)用戶(hù)信息的存儲(chǔ)，表結(jié)構(gòu)如圖 所示。 圖 用戶(hù)表結(jié)構(gòu) user_id：用戶(hù)唯一標(biāo)識(shí)字段