i摘要隨著時代的發(fā)展和年輕人到大城市就業(yè)數(shù)量的增多，租房成為一個不可避免的事情。由于初入社會的畢業(yè)生經(jīng)驗不足、容易輕信他人，導(dǎo)致一些“黑中介”和“二房東”能夠有機可乘，使一些沒有經(jīng)驗的年輕人掉入租房的陷阱。本平臺的目的是通過房屋租賃平臺實現(xiàn)租客足不出戶，少花錢，少浪費時間就可以租到自己心儀的房子。確立平臺需求后，使用了SpringBoot開發(fā)框架、JAVA語言、JavaScript語言、MySQL數(shù)據(jù)庫，完成了易居房屋租賃平臺的設(shè)計與實現(xiàn)。平臺擁有登錄和注冊、首頁、房屋列表展示、房屋詳情、預(yù)約信息查看和個人中心等模塊，用戶能夠通過篩選、瀏覽等一系列操作完成房屋的預(yù)約。本平臺用戶界面符合用戶日常操作需求、模塊劃分簡潔清晰、功能齊全、操作方便、數(shù)據(jù)安全穩(wěn)定、后臺維護簡單，并且本平臺頁面使用了響應(yīng)式布局，可以兼容不同大小窗口的瀏覽器，使用戶體驗感增強。關(guān)鍵詞：在線租賃；MVC設(shè)計模式；SpringBoot框架；BootStrap框架

引言隨著時代的發(fā)展和年輕人到大城市就業(yè)數(shù)量的增多，租房成為一個不可避免的事情。由于初入社會的畢業(yè)生經(jīng)驗不足、容易輕信他人，導(dǎo)致一些“黑中介”和“二房東”能夠有機可乘，使一些沒有經(jīng)驗的年輕人掉入租房的陷阱。為了能夠減少此類問題的出現(xiàn)，平臺能夠保證房源和房東的信息真實有效，使用戶足不出戶實現(xiàn)線上看房，通過平臺聯(lián)系房東租房。隨著畢業(yè)季的來臨，各大高校的學(xué)生紛紛出來實習(xí)，而找到一處既符合他們經(jīng)濟條件和環(huán)境的住處就成為了一大難題。此平臺是與租房的房東合作，減少了中介方的環(huán)節(jié)，有效的提升了租房的效率，為房東和租戶的生活提升了生活質(zhì)量和減少了租房成本。系統(tǒng)設(shè)計系統(tǒng)總體設(shè)計本平臺是基于SpringBoot框架和BootStrap框架技術(shù)、MVC設(shè)計模式開發(fā)的房屋租賃平臺，功能齊全，能夠為用戶提供人性化的服務(wù)，用戶可以根據(jù)自己的需求與喜好選擇自己喜歡的房子并進行線上預(yù)約，并且預(yù)約過程安全便捷。用戶還可以在個人中心修改自己的個人信息，在主頁查看平臺的活動內(nèi)容和熱門推薦等。在未登錄時，由于權(quán)限問題，用戶不能查看房屋信息和預(yù)約房屋REF_Ref12884\r\h。系統(tǒng)流程圖2-1所示：圖2-1系統(tǒng)流程系統(tǒng)詳細(xì)設(shè)計登錄和注冊設(shè)計平臺在開發(fā)過程中采取了鑒權(quán)機制，在用戶未登錄的情況下是不能訪問平臺的各個頁面的，所以用戶如果想要使用平臺的功能，就要先進行登錄或注冊。登錄請求時，后臺采取了密碼加密的方式進行數(shù)據(jù)得傳輸，保證了用戶信息的私密性和安全性。廣告中心模塊設(shè)計廣告中心主要為用戶提供了平臺最新的優(yōu)惠政策和租房活動，平臺通過添加后臺的廣告數(shù)據(jù)，顯示到頁面上，使用戶能夠?qū)崟r獲取最新的廣告內(nèi)容。我要租房模塊設(shè)計模塊主要分為：房屋列表、房屋詳情兩個部分，列表根據(jù)活動發(fā)布的時間先后排序，展示正在租賃的房屋，列表展示房屋的地點、價格以及圖片信息，點擊查看詳情按鈕就可以進入到房屋詳情的頁面，查看房屋的真實信息，在房屋的詳情頁面可以對房屋進行預(yù)約。我的預(yù)約模塊設(shè)計用戶在我的預(yù)約模塊可以查看自己已經(jīng)預(yù)約的房源信息，查看預(yù)約房屋的時間、地點、以及聯(lián)系方式，預(yù)約信息的數(shù)據(jù)來源和數(shù)據(jù)庫實時關(guān)聯(lián)。個人中心模塊設(shè)計用戶個人信息為用戶的個人隱私頁面，只有登錄后才會出現(xiàn)。在其中，用戶可編輯自己的一些基本信息：姓名、性別、地址和電話號等。修改個人信息后，會實時同步到數(shù)據(jù)庫中。管理員模塊設(shè)計本平臺支持管理員登錄，登錄后，導(dǎo)航欄只展示房源管理模塊，管理員可以在此模塊新增和刪除房源，并將數(shù)據(jù)同步到用戶平臺上。廣告中心模塊設(shè)計平臺為用戶提供最新的租房活動和優(yōu)惠福利，用戶可以通過廣告中心模塊來獲取最新的消息。數(shù)據(jù)庫設(shè)計（1）用戶信息表（users）用戶信息表主要存儲并維護用戶的真實信息，用戶信息表的主鍵為userId，其他字段有userName、userPwd、userTel、realName、sex，具體結(jié)構(gòu)如表2-1所示：表2-1用戶信息表字段名稱數(shù)據(jù)類型長度描述userIdINT11用戶IDuserTelCHAR11用戶手機號userPwdVARCHAR60密碼（加密）userNameVARCHAR80用戶姓名realNamesexVARCHARVARCHAR1020用戶真實姓名性別（2）房屋信息表（goods）房屋信息表的主鍵為gId，其他字段有g(shù)oodsName、goodsNum、goodsUrl、createTime、price、isDelet、putaway、createbuy具體結(jié)構(gòu)如表2-2所示：表2-2房屋信息表字段名稱數(shù)據(jù)類型長度描述gIdINT11房屋編號goodsNameVATCHAR20房屋地址/名稱goodsNumgoodsUrlcreateTimepriceisDeletputawaycreatebuyINTVARCHARVARCHARINTBooleanBooleanVARCHAR2020202022020房屋數(shù)量圖片路徑創(chuàng)建時間價格是否刪除是否預(yù)約預(yù)約時間（3）活動表（activity）活動表的主鍵為activityId，其他字段有activity、activityDate、activityPic、activityPicbig、activityHead具體結(jié)構(gòu)如表2-3所示：表2-3活動表字段名稱數(shù)據(jù)類型長度描述activityIdINT11活動編號activityDateactivityPicactivityPicbigactivityHeadTIMESTAMPVARCHARVARCHARVARCHAR05050100活動日期縮略圖地址詳細(xì)圖片地址活動標(biāo)題（4）預(yù)約表（collect）預(yù)約表的主鍵為gId，其他字段有其他字段有g(shù)oodsName、goodsNum、goodsUrl、createTime、price、isDelet、putaway、createbuy具體結(jié)構(gòu)如表2-4所示：表2-4預(yù)約表字段名稱數(shù)據(jù)類型長度描述gIdINT11房屋編號goodsNumgoodsUrlcreateTimepriceisDeletputawaycreatebuyINTVARCHARVARCHARINTBooleanBooleanVARCHAR2020202022020房屋數(shù)量圖片路徑創(chuàng)建時間價格是否刪除是否預(yù)約預(yù)約時間goodsNameVATCHAR20房屋地址/名稱gIdINT11房屋編號系統(tǒng)實現(xiàn)登錄和注冊用戶在注冊時候需要填寫個人信息，并且用戶名不可重復(fù)。注冊過后用戶可以通過輸入用戶名和密碼登入到租房平臺，完成租房流程后，點擊退出賬號按鈕可以退出登錄。頁面實現(xiàn)如圖3-1和2-2所示：圖3-1登錄圖3-2注冊個人中心用戶可以在個人中心模塊選擇修改自己的個人信息，個人中心默認(rèn)展示現(xiàn)在的信息，用戶可以通過輸入框的新增和修改，最后保存?zhèn)€人信息，提交至后臺服務(wù)器，個人信息和后臺數(shù)據(jù)庫實現(xiàn)了數(shù)據(jù)的實時聯(lián)動：（1）修改用戶昵稱（2）修改密碼（3）修改真實姓名（4）修改性別（5）修改年齡頁面具體實現(xiàn)如圖3-3所示：圖3-3個人中心我要租房用戶可以通過我要租房模塊來瀏覽房屋的詳細(xì)信息并預(yù)定，也可以根據(jù)自己的需求進行關(guān)鍵詞查找，房屋搜索功能使用了數(shù)據(jù)庫的模糊查詢方式，通過輸入簡稱或拼音，就能夠查詢到相應(yīng)的房屋名稱，房屋列表的展示使用了Bootstrap的十二柵格布局，使列表能夠在不同的瀏覽器大小下都能展示；房屋詳情展示使用了模態(tài)框布局，接口獲取數(shù)據(jù)后將模態(tài)框的狀態(tài)改變?yōu)檎故荆賹⑾鄳?yīng)的數(shù)據(jù)賦值給DOM元素，實現(xiàn)房屋詳情的展示。頁面具體實現(xiàn)如下圖3-4、2-5、2-6所示：圖3-4我要租房圖3-5房屋詳情圖3-6我要搜索我的預(yù)約用戶可以通過查詢來獲取自己已經(jīng)預(yù)約的房源，并且進行詳情查看，預(yù)約過程將房屋數(shù)據(jù)庫表中的預(yù)約字段改為相應(yīng)的值，當(dāng)用戶點擊我的預(yù)約時，前端向后臺發(fā)出請求查詢所有數(shù)據(jù)，然后通過前端將數(shù)據(jù)遍歷，篩選出預(yù)約字段為“1”的數(shù)據(jù)，賦值給列表，循環(huán)展示在我的預(yù)約模塊的列表中，用戶點擊取消預(yù)約時，前端獲取該條數(shù)據(jù)的id，傳入后臺，后臺再將預(yù)約字段改為“0”，此時列表刷新，展示當(dāng)前愉悅的數(shù)據(jù)。頁面具體實現(xiàn)如下圖3-7所示：圖3-7我要預(yù)約廣告中心平臺的廣告信息通過管理員在數(shù)據(jù)庫表的添加，寫入廣告的標(biāo)題和內(nèi)容，當(dāng)前端發(fā)起請求時，后臺查詢當(dāng)前數(shù)據(jù)庫表中的所有廣告數(shù)據(jù)，數(shù)據(jù)根據(jù)時間先后來排序，用戶可以在此模塊查看最新的廣告內(nèi)容。頁面具體實現(xiàn)如下圖3-8所示：圖3-8廣告中心管理員中心管理員登錄管理員賬號時，頁面導(dǎo)航中僅僅展示房源管理的模塊，后臺將用戶數(shù)據(jù)做了權(quán)限劃分，不同的賬戶擁有不同的等級，管理員的權(quán)限可以實現(xiàn)房源的新增和刪除。點擊房源管理的新增房源模塊，會彈出房源新增的模態(tài)框，管理員通過填寫標(biāo)題和價格等字段，提交給后臺，后臺處理傳入的數(shù)據(jù)寫入到數(shù)據(jù)庫中，實現(xiàn)了房源信息的新增；當(dāng)管理員點擊刪除房源時，頁面調(diào)用接口，將房源的isDelet字段改為“1”，再次刷新列表時，列表會過濾掉已經(jīng)刪除的數(shù)據(jù)，僅展示未刪除的房源。管理員也可以通過搜索框模糊搜索房源信息。頁面具體實現(xiàn)如下圖3-9所示：圖3-9管理員中心系統(tǒng)測試本平臺的后臺接口使用了Postman測試工具，接口開發(fā)之后，連接數(shù)據(jù)庫，在對應(yīng)的字段后面添加正確的參數(shù)，就可以模擬頁面向后臺發(fā)起ajax請求，完成數(shù)據(jù)的請求和響應(yīng)流程。經(jīng)過接口的逐一測試，就完成了后臺接口和數(shù)據(jù)是否數(shù)據(jù)真實的測試。由于Postman只是模擬了服務(wù)器的請求過程，并不能看到請求和響應(yīng)的數(shù)據(jù)是否準(zhǔn)確無誤的回顯到了頁面上，所以針對于前端的測試，我們需要通過多個不同的瀏覽器來進行測試，例如：Google、FirFox、IE等，這里需要注意的是，IE的請求存在瀏覽器緩存，如果同一時間內(nèi)發(fā)出了相同的請求，瀏覽器會自動采用上一次的返回數(shù)據(jù)，因此會造成數(shù)據(jù)回顯的偏差，所以我們要進行多場景和多數(shù)據(jù)的測試，來保證數(shù)據(jù)的回顯準(zhǔn)確無誤。平臺測試環(huán)境測試環(huán)境配置表如表4-1所示：表4-1測試環(huán)境配置表軟硬件配置性能及工具處理器Intel(R)Corei7-8700CPU@3.20GHz3.19GHz內(nèi)存64GB系統(tǒng)類型64位操作系統(tǒng)，系統(tǒng)Windows10系統(tǒng)數(shù)據(jù)庫Navicat測試工具瀏覽器PostmanGoogle、IE、Firefox系統(tǒng)測試用例房屋租賃平臺的系統(tǒng)性測試，對于整個平臺的所有模塊進行了詳細(xì)的測試用例分析，分析結(jié)果如以下測試用例表所示。登錄測試用例表如表4-2所示：表4-2登錄測試用例表序號用戶名密碼預(yù)期結(jié)果測試結(jié)果1張三Null提示密碼不能為空通過2Null123456用戶名不能為空通過34張三張三111111123456密碼錯誤登錄成功通過通過個人信息修改用例表如表4-3所示：表4-3個人信息修改測試表序號選項內(nèi)容預(yù)期結(jié)果測試結(jié)果1真實姓名Null/具體名稱不能為空/填寫成功通過2用戶名Null或重復(fù)的名稱/具體名稱提交失敗/填寫成功通過3密碼Null/密碼不能為空/填寫成功通過4年齡符合規(guī)范的任意值填寫成功通過5性別男或女（頁面必填）填寫成功通過平臺界面的兼容性測試用例表如表4-4所示：表4-4平臺兼容性測試用例表名稱用例描述測試項能否兼容不同瀏覽器，以及不同屏幕尺寸備前置條件GoogleChrome、IE、Firefox、PC端、移動端輸入數(shù)據(jù)查看各個頁面和功能預(yù)期結(jié)果頁面能夠正常顯示測試結(jié)果與預(yù)期結(jié)果相同

結(jié)束語本論文論述的系統(tǒng)采用了MVC設(shè)計模式將前端和后臺分離開來，有利于開發(fā)者的后期需求迭代以及數(shù)據(jù)維護，本平臺采用的框架和語言都是當(dāng)今主流技術(shù)，具有高性能易維護的特點，為用戶提供了豐富的交互體驗。此平臺功能完善，前后端響應(yīng)迅速，能夠?qū)崿F(xiàn)數(shù)據(jù)的實時響應(yīng)，有良好的客戶體驗。平臺的房屋預(yù)約功能為用戶提供了方便快捷的租房體驗，減輕了租客的租房壓力。致謝在論文撰寫過程中及時對我遇到的困難和疑惑給予悉心指點，提出了許多有益的改善性意見，投入了超多的心血和精力。老師對我的幫忙和關(guān)懷表示誠摯的謝意。此外，還要感謝朋友們在論文編寫中帶給的大力支持和幫忙，給我?guī)順O大的啟發(fā)。也要感謝參考文獻(xiàn)中的作者們，通過研究他們的文章，使我對研究課題有了很好的出發(fā)點。最后，謝謝論文評閱老師們的辛苦工作。衷心感謝我的家人和朋友們，在他們的鼓勵和支持下我才得以順利完成此論文。參考文獻(xiàn)[1]李瑞娥.基于區(qū)塊鏈的房屋租賃分配系統(tǒng)設(shè)計與實現(xiàn)[J].軟件導(dǎo)刊,2019,18(10):111-116.[2]朱園園.基于Scrapy的房屋租賃信息搜索系統(tǒng)設(shè)計與實現(xiàn)[J].電腦與電信,2019(06):14-19.[3]李佳雯.基于區(qū)塊鏈技術(shù)的房屋租賃平臺設(shè)計與實現(xiàn)[D].濟南大學(xué),2019.[4]胡世民.基于互聯(lián)網(wǎng)+的房屋租賃管理系統(tǒng)的設(shè)計與實現(xiàn)[D].江