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

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

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