ResearchonLinearConstrainedMeshDeformationMethods Abstract本章通過對本房屋租賃系統(tǒng)所研究的方向進行研究相關資料，闡述該課題探討所存在的意義、目前狀況等。隨著城市化進程的不斷推進，城市的經(jīng)濟、文化和社會環(huán)境得到了極大的改善，吸引了大量的人口涌入城市。城市的商業(yè)、工業(yè)和服務業(yè)等領域的繁榮發(fā)展為流動人口提供了更多的旅游選擇機會以及更多的就業(yè)機會。特別是每年從高校涌現(xiàn)的大批應屆畢業(yè)生，涌入城市尋找工作和生活的機會，以及短期前往網(wǎng)紅地點打卡旅游的大量旅客，他們就像給住房市場增加一把大火，使得人們對住房的需求更加迫切。雖然在中央經(jīng)濟工作會議上多次提及了“房住不炒”的政策以及有關政府部門相繼推出相關聯(lián)的措施來盡可能實現(xiàn)這個政策，但是如果購買一套房，對于當前城市的購買房價對于絕大多數(shù)人將會增加較大的生活壓力負擔，尤其是對大多數(shù)青少年或是旅客更是不切實際，此時，房屋租賃當為絕大多數(shù)人的首選，不僅靈活且大大減輕了生活壓力。隨著科技的不斷發(fā)展，現(xiàn)在已經(jīng)逐漸拋棄出租人通過電話、郵件或中介等方式與租客溝通、通過手工記錄房屋租賃的相關情況等復雜、低效率、出錯率高以及及其容易泄漏個人相關信息的傳統(tǒng)房屋租賃管理模式，轉變?yōu)橥ㄟ^更為便捷、高效、出錯率低以及安全的房屋租賃管理軟件來實現(xiàn)房屋租賃及記錄信息。目前，對于國內已有的房屋租賃管理軟件泥沙俱下，或多或少出現(xiàn)租客難以相信部分房源信息的真實性、被多收取中介費、遇見黑中介被騙取房屋租金等詐騙行為、部分城市未開通房屋租賃業(yè)務等等。當前，利用互聯(lián)網(wǎng)技術開發(fā)一款能大大減少出現(xiàn)這些惡劣情況的軟件顯得尤為重要。本小節(jié)圍繞本課題分別從國內和國外目前的相關情況進行闡述。國內研究現(xiàn)狀和相關工作我國想要完善住房市場體系必不可缺的一部分便是促進住宅租賃物業(yè)市場加快發(fā)展[1]。在整體上，雖然國內房屋租賃的發(fā)展進程較快，但依然有部分城市仍在采用手工記錄的方式，比如上海、北京等城市，未能很好地跟隨著國內房屋租賃市場的發(fā)展腳步。為了能讓城市跟隨上時代的進步，推動國內房屋租賃市場的進一步發(fā)展，那么必然需要結合互聯(lián)網(wǎng)技術來實現(xiàn)便捷和高效的房屋租賃管理。然而，近些年，國內的房屋租賃軟件如雨后春筍般涌現(xiàn)，像安居客、自如網(wǎng)等企業(yè)，他們將服務目標主要鎖定至商界精英等人群，通過向出租者收取房源并改造為精致公寓風格。然而，在為承租人提供高品質居住體驗的同時也伴隨著相對高昂的房租，這種舉措對于剛踏入社會不久的畢業(yè)生或家境較為貧困的人而言，無疑迫使他們自己線下尋找房源信息。市面上的房屋租賃軟件都有各自優(yōu)劣之處，比如貝殼找房，創(chuàng)設在2017年，專注于房產(chǎn)行業(yè)，房源選擇多樣，且提供VR功能，但因創(chuàng)設年限尚淺，線上服務所覆蓋的城市范圍??；比如安居客，較早創(chuàng)設在2007年，月用戶量曾高達6900萬[2]，且該軟件具有一大亮點，即具有地圖找房功能，但由于一直沒能解決假房源問題導致最后被58同城收購，且存在需要支付中介費等其它不足之處；比如58同城，率先創(chuàng)設在2005年，知名度高且近些年由于規(guī)模不斷擴大、業(yè)務量不斷增加，因此房源覆蓋城市范圍廣、房源數(shù)量充裕，但是由于其監(jiān)管強度不足使得平臺頻繁滋生虛假信息，求租者普遍對此表示不滿。此外，國內不僅房屋租賃服務過程中還存在黑中介，且通常通過暴力行為威脅承租者，如向承租者索要額外費用、強制承租者搬離、簽署陷阱合同、尋釁滋事、勒索等多種犯罪行為[3]，而且目前市面上房屋租賃平臺主要依賴第三方中介結算，極易引起人們對房源數(shù)據(jù)的可靠性、交易的保障性、價格透明性等方面的憂慮[4]。綜上所述，可見國內房屋租賃市場還有較大的進步空間去進一步改進及完善相關問題。國外研究現(xiàn)狀和相關工作由于國外在對城市化建設推進的開始時間大大早于中國，所以國外在房屋租賃市場的研究起始時間要早于中國，因此國外在對房屋租賃管理相關的理論實踐以及法律制度等都要比中國發(fā)達和完善。在眾多房屋租賃平臺中率先推出房屋短期租賃且廣為人知的Airbnb公司及Homneaway公司[5]。當中的Airbnb公司主要服務于世界各地的旅客，向他們提供境外短期房屋租賃服務[5]。另一家Homneaway公司有多方面的盈利途徑，且廣告收益占據(jù)公司絕大部分收益。此外，房屋租賃行業(yè)的發(fā)展也與國家方針息息相關，像日本及法國的政府針對低收入的人群出臺了相關政策，讓他們能承擔起租房的費用，通過此類政府調控手段促進房屋租賃市場蓬勃發(fā)展?？傊?，各個國家在各自的政府調控手段、社會需求等因素影響下，在房屋租賃行業(yè)衍生出不同服務的平臺，對此，我們可通過吐故納打造屬于我國國情成熟、健康的房屋租賃行業(yè)。通過開發(fā)一款房屋租賃管理網(wǎng)站，有效解決房屋租賃過程中手工記錄的繁瑣、針對客戶群的局限、監(jiān)控力度下降、虛假房源信息、黑中介等問題，從一定程度上保障承租人及租房交易安全、價格透明度等。主要工作是將網(wǎng)站設計為承租人、出租人和管理員三個角色，開發(fā)并完善用戶注冊、登錄、出租人申請、房源管理、租房管理、用戶管理、舉報管理和通訊管理模塊。1.用戶注冊模塊：用戶打開注冊界面準確填入賬號、密碼（含確認項）及驗證碼，驗證通過后即可注冊成為承租人角色。2.用戶登錄模塊：用戶訪問登錄界面填寫相關信息登錄系統(tǒng)。3.出租人申請模塊：承租人提交成為出租人申請，管理員對其進行審核。4.房源管理模塊：承租人可搜索、查看和收藏感興趣的房源；出租人允許增、刪、改、查房源；管理員允許下架或刪除房源。5.租房管理模塊：承租人可預約、查看或取消預約看房時間申請、確定已支付租金、查看已租房源、搜索和查看歷史賬單；出租人查看、同意或取消預約申請、記錄賬單、確定或終止租房、搜索及查看歷史賬單；管理員可對房源進行下架或刪除處理。6.用戶管理：管理員可對違規(guī)用戶禁言或凍結處理。7.舉報管理：承租人可提交舉報房源或用戶申請，管理員分別對其進行審核。8.通訊模塊：正常狀態(tài)的雙方由承租人首次發(fā)起通訊之后才能互相通訊，若有一方禁言或凍結都不能通訊。本文共8個章節(jié)，以下是對內容的簡要概述：第1章探究本課題的意義、狀況等，闡明本課題探討的詳情及重要性。第2章說明本系統(tǒng)研發(fā)所使用的核心技術、語言及軟件。第3章主要探討本系統(tǒng)的需求、實施的可實現(xiàn)性、相關工作流程等。第4章簡要闡釋本系統(tǒng)的整體框架以及功能模塊框架的設計。第5章具體闡述本系統(tǒng)的功能、類及數(shù)據(jù)庫的相關構思。第6章通過直觀呈現(xiàn)關鍵運行界面及部分代碼解析重點體現(xiàn)本系統(tǒng)成果。第7章主要展示測試記錄，保障功能模塊的穩(wěn)定運作且符合用戶需求。第8章通過深入分析系統(tǒng)后對其進行全面總結，并提出系統(tǒng)中可優(yōu)化或可改進的功能部分。本章分別對本房屋租賃管理系統(tǒng)在研發(fā)中所使用的編程技術、語言和工具展開闡釋。SpringBoot是Spring框架的升級版，是一款零配置化的微服務框架，進一步精簡原來繁瑣復雜Spring應用程序的構建和開發(fā)流程，從而實現(xiàn)可靠、高效、可擴展的應用程序的構建、配置、部署和開發(fā)流程等，而不需要關注復雜的配置和瑣碎的初始化工作，極大節(jié)約開發(fā)成本，其特性如下：在繼承Spring框架中出色特點的基礎上，進行大量封裝和優(yōu)化形成SpringBoot框架提供各種自動配置的starter，給予開發(fā)人員根據(jù)環(huán)境和應用選擇使用適配的starter，精簡復雜的Maven依賴配置支持集成Tomcat等多種服務器作為

Servlet容器，簡化復雜的配置，加快微服務部署及項目啟動的速度無多余代碼生成，無需配置任何XML文件，精簡操作，加快應用程序的開發(fā)速度遵循“約定優(yōu)于配置”的軟件設計標準[6]，通常使用大多數(shù)或全部的默認配置即可完成應用程序開發(fā)自動進行配置Spring框架和第三方庫，且大大簡化了依賴配置，讓程序員專注業(yè)務邏輯代碼的編寫可結合SpringCloud實現(xiàn)監(jiān)控功能[6]Vue作為輕量化和漸進式的框架，用于構建前端用戶界面[7]。視圖變化是該框架唯一關注點，且開發(fā)人員可以根據(jù)自己的需要實現(xiàn)的業(yè)務需求去添加組件或插件等實現(xiàn)復雜的單頁面應用，通過這種按需添加的方式實現(xiàn)提高運行效率的同時減少資源占用。與其他熱門前端開發(fā)框架不同的是，Vue框架的漸進式主要體現(xiàn)在設計采用自底向上，即從底層組件開始分層構建上層框架應用[8]。此外，Vue融合Regular和React優(yōu)勢，且在靈活性、簡便性及速度上顯著提升，其中，該框架最為鮮明的特點在其響應式編程的能力及組件化的設計。響應式編程能力，即能實時同步數(shù)據(jù)狀態(tài)與視圖，主要體現(xiàn)改變傳統(tǒng)通過DOM操作模式，而采用通過引入ViewlModel實現(xiàn)數(shù)據(jù)層與視圖層的雙向綁定機制，從而實現(xiàn)實時功能的MVVM設計模式，讓開發(fā)人員只需關注數(shù)據(jù)變化[9]。該框架不僅比Angular框架因數(shù)據(jù)變化更新視圖速度相對更快，而且與react的單向數(shù)據(jù)綁定相比，更大程度上節(jié)省開發(fā)人員的時間和精力。組件化設計，即將可重復代碼或獨立的業(yè)務功能邏輯代碼進行封裝成小型、獨立、可重復使用的組件，不僅顯著降低重復代碼編寫、保持代碼簡潔，也易于開發(fā)人員后期維護代碼[10]。ElementUI是為前端開發(fā)人員制作的開源組件庫，富含多種常見使用的組件，如輪播圖、分頁器、導航菜單等，前端開發(fā)人員只需根據(jù)文檔范例規(guī)范使用組件且可根據(jù)需求更改其樣式，其不僅無需依賴于Vue，而且能與Vue很好地搭配使用的UI框架，大幅度降低開發(fā)時間以及提高效率[6]。MyBatis作為持久層框架，是一款基于Java且在操作數(shù)據(jù)庫上二次封裝JDBC。MyBatis框架在于實現(xiàn)DAO，從而完成數(shù)據(jù)持久層開發(fā)。MyBatis框架不用手動編寫映射關系，顯著加快軟件開發(fā)速度[14]。ApacheShiro是一款基于Java廣泛用于權限管理及安全認證的開源框架[11]，且相對于另一款熱門權限管理框架——SpringSecurity框架配置更為簡便、靈活和易用[12]。Shiro框架提供的功能非常廣泛且強大，如：支持都對用戶進行身份驗證、支持對密碼、數(shù)據(jù)、會話等多場景進行加密等一系列功能保障系統(tǒng)安全。MySQL是一款開源且核心功能為數(shù)據(jù)存儲的關系型數(shù)據(jù)庫，不僅因其具備安全、高效和用戶友好性被廣泛運用在多種大型數(shù)據(jù)操控與解析場景，還具備優(yōu)異的連接性、兼容性好、低內存占用等特性，既可獨立運行，又可作為一個庫被使用，且支持豐富的數(shù)據(jù)類型以及對數(shù)據(jù)處理速度快、處理效率高[13]。此外，MySQL可與Java等熱門編程語言搭配使用的數(shù)據(jù)庫系統(tǒng)。IntellijIDEA是一個為java量身打造的IDE工具。該工具不僅主張編碼智能化，提供多種特色功能，極大程度減輕開發(fā)人員的工作，而且在多方面比Eclipse功能更為便捷和完善，如：IDEA比Eclipse工具在調試方面更為智能。VSCode是一個開源和兼容多種操作系統(tǒng)的編輯器。該工具擁有兼容多種語言、支持多款插件安裝、支持git工具等豐富的功能，由此提高程序員開發(fā)效率。NavicatPremium專為數(shù)據(jù)庫提供管理的工具。該工具不僅支持多類資料庫，而且提供可視化界面，方便程序員操作。本章闡釋了本房屋租賃系統(tǒng)開發(fā)中所使用的技術或語言特點，概述前后端開發(fā)中分別使用的VSCode和IntellijIDEA工具，以及數(shù)據(jù)庫所使用的NavicatPremium工具。本章節(jié)從用戶角度分析本系統(tǒng)需求，通過分析功能需求、評估系統(tǒng)實施的可行性、功能流程等方面論述本房屋租賃系統(tǒng)的需求。絕大多數(shù)租客多多少少遇到過在使用房租租賃管理軟件，房源信息的真實性難以確認、租房房價價格相對自己而言范圍過高、遇到黑中介被欺詐等等，或房東手工記錄相關房租租賃信息等，如何解決房屋租賃過程中手工記錄的繁瑣、客戶群的局限、監(jiān)控力度下降、虛假房源信息、黑中介等問題是當前廣大承租者和出租人迫切想被解決的問題。本系統(tǒng)具有承租人、出租人和管理員三種角色，共七個功能模塊，除用戶登錄、注冊模塊外，還包括出租人申請、房源、租房、用戶和舉報管理模塊。（1）用戶登錄注冊模塊除管理員外的新用戶需先進行注冊賬號和密碼默認成為承租人角色才能登錄進入系統(tǒng)，并在注冊和登錄時添加圖片驗證碼校驗，增加系統(tǒng)安全性。承租人可登錄系統(tǒng)后申請并通過審核后成為出租人角色以便下次以出租人身份登錄系統(tǒng)。管理員的賬號和密碼需提前添加至數(shù)據(jù)庫，無需注冊，直接登錄。（2）出租人申請模塊承租人可進行申請成為出租人；管理員可對申請的出租人的承租人提交的證明材料進行審核通過或不通過，進一步增加房源信息真實性；若通過則該承租人成為出租人，可進行發(fā)布房源等擁有出租人權限才能進行的操作。（3）房源管理模塊用戶通過瀏覽和條件搜索篩選房源信息；承租人可收藏心愛的房源，并可查看或取消收藏；出租人具備對房源信息增刪改查操作權限；管理員可進一步對房源下架和刪除處理，確保房源信息真實性。（4）租房管理模塊承租人可預約看房時間和查看預約的房源；出租人可對承租人提交的預約進行預約或取消預約，增加承租人與出租人之間的租房聯(lián)系；出租人對未取消預約的房源可進行確定租房并錄入賬單；出租人錄入賬單后承租人和出租人都可查看或搜索生成的賬單和歷史賬單；承租人可對出租人確定租房的房源進行確定已支付租金，即房源已被出租；出租人可對已租房源查看詳情和終止租房。（5）通訊管理模塊承租人可通過查看房源信息發(fā)起與發(fā)布該房源的出租人的通訊，而出租人不能通過查看房源信息發(fā)起通訊，只能與首次發(fā)起過通訊的承租人通訊，有聊天記錄后，出租人和承租人可互相通訊。出租人或承租人可查看歷史聊天記錄。（6）用戶管理模塊添加管理員用戶管理模塊，進一步確保系統(tǒng)公平性。管理員可對承租人、出租人、其它管理員進行查詢，可對用戶進行禁言或凍結操作；用戶被禁言后將不能與承租人進行交流；用戶被凍結后將不能再登錄，需管理員對其取消凍結才能登錄。（7）舉報管理模塊添加該模塊，進一步加大監(jiān)管力度。承租人可對房源和出租人進行舉報；管理員可對被投訴的出租人賬戶判斷是否違規(guī)，若違規(guī)可進行對出租人賬戶禁言和凍結處理；管理員可對被投訴的房源判斷是否違規(guī)，若違規(guī)可進行對房源下架或刪除處理。本小節(jié)圍繞本課題分別從市場、技術以及經(jīng)濟方面進行分析。市場可行性分析隨著城市不斷地發(fā)展，不僅一線城市的人們對于租房的需求旺盛，多數(shù)二線或三線城市在隨著發(fā)展的過程中，不斷吸引人流，人們對于租房的訴求也在不斷增加，房屋租賃行業(yè)的市場未來潛力不可忽視。當前市場上已有的房屋租賃管理產(chǎn)品也在不斷地迭代更新，不斷地滿足人們的需求。技術可行性分析技術的選擇正確與否對于系統(tǒng)的開發(fā)難度與速度來說至關重要。本系統(tǒng)基于B/S架構，實現(xiàn)了前后端的分離式設計。其中，前端采用輕量化的Vue與ElementUI框架結合，后端選擇精簡的SpringBoot框架、穩(wěn)定的MyBatis框架和安全的Shiro框架，數(shù)據(jù)庫則采用占用內存小的MySQL，從開發(fā)路線來看是可行的。經(jīng)濟可行性分析系統(tǒng)開發(fā)投入的成本決定著項目的路程是否能走得長遠，投入過高容易導致項目后期無多余資金投入而迫使項目中斷或失敗。項目開發(fā)所使用的技術皆為開源框架。項目開發(fā)過程中所使用的VSCode、IDEA、Navicat開發(fā)工具也皆為免費使用，并且系統(tǒng)的功能模塊間耦合性低，易于后期維護，總之，項目從開發(fā)到維護造成較高投入成本的概率極低。圖3-1是房屋租賃管理系統(tǒng)的承租人用例析取圖。圖STYLEREF1\s3SEQ圖\*ARABIC\s11承租人用例析取圖圖3-2是房屋租賃管理系統(tǒng)的出租人用例析取圖。圖STYLEREF1\s3SEQ圖\*ARABIC\s12出租人用例析取圖圖3-3是房屋租賃管理系統(tǒng)的管理員用例析取圖圖STYLEREF1\s3SEQ圖\*ARABIC\s13管理員用例析取圖本小節(jié)除對注冊、登錄活動外，還對房源、通訊、租房、出租人申請、用戶以及舉報六大管理活動進行剖析。用戶注冊活動用例規(guī)約及活動圖本小節(jié)內容對使用者的注冊用例規(guī)約展開敘述。用戶訪問注冊界面，填寫賬號、密碼（含確認項）和驗證碼，通過系統(tǒng)驗證即可注冊完成并跳轉登錄界面。注冊的用例規(guī)約參見表3-1，活動圖參見圖3-4。表STYLEREF1\s3SEQ表\*ARABIC\s11房屋租賃管理系統(tǒng)注冊用例規(guī)約表用例簡稱注冊用例用例簡要概述用戶注冊賬號密碼系統(tǒng)參與者用戶前置的主要相關條件用戶進入注冊界面

續(xù)上表3-1后置的主要相關條件賬戶、密碼和驗證碼校驗通過，成為承租人并跳轉登錄界面主要相關流程用戶分別輸入賬號、密碼、確認密碼和驗證碼本系統(tǒng)確保驗證碼輸入正確；賬號已填寫且未曾注冊，并進一步確認賬號正常狀態(tài)；核對密碼與確認項一致成功則跳轉至登錄界面?zhèn)溥x相關流程2.1驗證碼為空，提示“驗證碼不能為空”，返回步驟12.2驗證碼錯誤，提示“驗證碼錯誤”，返回步驟12.3賬號為空，提示“賬號不能為空”，返回步驟12.4驗證碼正確，賬號已存在，提示“當前賬號已存在”，返回步驟12.5驗證碼正確，賬號已被注銷，提示“當前賬號已存在”，返回步驟12.6驗證碼正確，賬號已被凍結，提示“當前賬號已存在”，返回步驟12.7密碼為空，提示“密碼不能為空”，返回步驟12.8確認密碼為空，提示“確認密碼不能為空”，返回步驟12.9驗證碼正確，賬號正常，兩次密碼輸入不同，提示“輸入兩次密碼不同”，返回步驟1圖STYLEREF1\s3SEQ圖\*ARABIC\s14用戶注冊活動圖用戶登錄活動用例規(guī)約及活動圖本小節(jié)內容對使用者的登錄用例規(guī)約進行描述。用戶訪問登錄界面，提供相關信息，經(jīng)系統(tǒng)認證無誤后即可登錄。登錄的用例規(guī)約參見表3-2，活動圖參見圖3-5。表STYLEREF1\s3SEQ表\*ARABIC\s12房屋租賃管理系統(tǒng)登錄用例規(guī)約表用例簡稱登錄用例用例簡要概述用戶使用賬號、密碼和驗證碼登錄系統(tǒng)參與者用戶前置的主要相關條件用戶進入登錄界面后置的主要相關條件賬戶、密碼和驗證碼校驗通過，進入系統(tǒng)主要相關流程用戶分別輸入賬號、密碼和驗證碼本系統(tǒng)進行校驗成功則登錄至系統(tǒng)界面

續(xù)上表3-2備選相關流程2.1賬號為空，提示“賬號不能為空”，返回步驟12.2驗證碼正確，賬號未注冊，提示“賬號或密碼不正確”，返回步驟12.3驗證碼正確，賬號被注銷，提示“賬號已鎖定”，返回步驟12.4驗證碼正確，賬號被凍結，提示“賬號已鎖定”，返回步驟12.5密碼為空，提示“密碼不能為空”，返回步驟12.6驗證碼為空，提示“驗證碼不能為空”，返回步驟12.7驗證碼輸入錯誤，提示“驗證碼錯誤”，返回步驟12.8驗證碼正確，賬戶密碼校驗失敗，提示“賬號或密碼不正確”，返回步驟1圖STYLEREF1\s3SEQ圖\*ARABIC\s15用戶登錄活動圖用戶房源管理活動用例規(guī)約及活動圖本小節(jié)內容對使用者的房源管理用例規(guī)約進行描述。承租人可查看、搜索、收藏房源信息；出租人可篩選查看、編輯或刪除自己已發(fā)布的房源信息；管理員能搜索并瀏覽房源信息，且擁有下架和刪除權限。房源管理的用例規(guī)約表如表3-3，活動圖如圖3-6所示。表STYLEREF1\s3SEQ表\*ARABIC\s13房屋租賃管理系統(tǒng)房源管理用例規(guī)約表用例簡稱房源管理用例用例簡要概述用戶對房源進行管理系統(tǒng)參與者用戶前置的主要相關條件用戶已登錄系統(tǒng)后置的主要相關條件用戶進行房源管理主要相關流程系統(tǒng)區(qū)分用戶角色用戶搜索房源信息用戶查看房源信息用戶對房源信息進行管理

續(xù)上表3-3備選相關流程2.1出租人搜索房源信息為空2.1.1填寫房源信息2.1.2系統(tǒng)校驗必填選項2.1.3房源信息發(fā)布若輸入標題為空，返回步驟.2.2若未選擇所屬區(qū)域市、區(qū)/縣，返回步驟.2.3輸入每度電費為空，返回步驟.2.4輸入每度水費為空，返回步驟.2.5輸入押金為空，返回步驟.2.6輸入面積為空，返回步驟.2.7輸入所在樓層為空，返回步驟.2.8輸入房源數(shù)量為空，返回步驟承租人已收藏房源，點擊收藏按鈕，取消收藏房源4.2承租人未收藏房源，點擊收藏按鈕，收藏房源4.3出租人點擊刪除按鈕，刪除房源信息4.4出租人點擊修改按鈕，修改房源信息，必填信息不為空，修改完成4.4.1出租人點擊修改按鈕，修改房源信息，必填信息為空，用例結束4.5房源正常，管理員點擊下架按鈕，下架房源4.6房源正常，管理員點擊刪除按鈕，刪除房源4.7房源已下架，返回步驟34.8房源已刪除，返回步驟3圖STYLEREF1\s3SEQ圖\*ARABIC\s16用戶房源管理活動圖用戶通訊管理活動用例規(guī)約及活動圖本小節(jié)內容對使用者的通訊管理用例規(guī)約進行描述。承租人可通過查看房源信息發(fā)起與發(fā)布該房源的出租人的通訊，而出租人不能通過查看房源信息首次發(fā)起通訊。承租人首次發(fā)起通訊后，承租人與出租人存在聊天記錄，可以互相通訊。通訊管理的用例規(guī)約表如表3-4，活動圖如圖3-7所示。表STYLEREF1\s3SEQ表\*ARABIC\s14房屋租賃管理系統(tǒng)通訊管理用例規(guī)約表用例簡稱通訊管理用例用例簡要概述承租人與出租人互相通訊系統(tǒng)參與者除身份為管理員的用戶前置的主要相關條件用戶已登錄系統(tǒng)后置的主要相關條件出租人與承租人互相通訊

續(xù)上表3-4主要相關流程用戶進入房源信息界面，查看房源信息，承租人點擊“在線咨詢”按鈕，跳轉歷史聊天界面或直接進入歷史聊天界面通訊雙方狀態(tài)正常，查看歷史聊天記錄有聊天記錄，承租人與出租人互相通訊備選相關流程1.1出租人點擊“在線咨詢”按鈕無效，無法發(fā)起聊天2.1發(fā)消息用戶已被禁言，返回步驟12.2接收消息用戶賬號已被凍結，返回步驟12.3接收消息用戶已被禁言，返回步驟13.1無聊天記錄，返回步驟1圖STYLEREF1\s311用戶通訊管理活動圖用戶租房管理活動用例規(guī)約及活動圖本小節(jié)內容對使用者的租房管理用例規(guī)約進行描述。承租人進入房源界面，提交預約看房時間申請；出租人進入預約看房界面，同意預約申請且在出租人確定租房前雙方都不取消預約即完成預約看房；出租人進入確認租房界面，確定租房并錄入相關信息；出租人進入已租房源界面，錄入并生成賬單，此時，承租人和出租人都可進入歷史賬單界面，搜索并查看已支付房源的歷史賬單；承租人進入未支付賬單界面，確定已支付租金，出租人即可進入已租房源界面，查看已租房源信息，即房屋被視為已被出租，同時，出租人可對出租房屋終止租房操作。租房管理的用例規(guī)約表如表3-5，活動圖如圖3-8所示。表STYLEREF1\s35房屋租賃管理系統(tǒng)租房管理用例規(guī)約表用例簡稱租房管理用例用例簡要概述承租人和出租人管理房屋租賃系統(tǒng)參與者承租人和出租人前置的主要相關條件1、用戶已登錄系統(tǒng)后置的主要相關條件用戶完成房屋租賃管理

續(xù)上表3-5主要相關流程承租人進入房源界面，點擊“預約看房”按鈕，選擇預約看房時間，申請預約看房時間出租人進入預約看房界面，點擊“同意預約”按鈕，同意預約看房承租人和出租人都不再點擊“取消預約”按鈕，不取消預約，即預約看房成功出租人進入確定租房界面，點擊“確定租房”按鈕，錄入房間號、租房開始日期和終止日期，確定租房，提示“確定租房成功”出租人進入已租房源界面，點擊“錄入賬單”按鈕，錄入每噸/每度的水電費金額，提示“錄入成功”，生成賬單承租人進入未支付賬單界面，點擊“確定已支付租金”按鈕，確定已支付租金，租房成功用戶進入已租房源界面，查看已租房源信息出租人不點擊已租房源界面的“終止租房”按鈕，繼續(xù)租房續(xù)上表3-5備選相關流程1.1承租人不選擇預約看房時間，返回步驟12.1出租人不點擊“同意預約”，預約看房申請待通過3.1出租人點擊“取消預約”按鈕，取消預約看房3.2承租人點擊“取消預約”按鈕，取消預約看房4.1不選擇租房起始日期，提示“確定租房失敗”，返回步驟44.2不選擇租房終止日期，提示“確定租房失敗”，返回步驟45.1不輸入每噸水費金額，提示“價格不能為空”，返回步驟55.2不輸入每度電費金額，提示“價格不能為空”，返回步驟55.3用戶查看或搜索歷史賬單5.3.1用戶進入歷史賬單界面5.3.2用戶可分別根據(jù)租金、房間號、地址關鍵字搜索已支付房源的歷史賬單5.3.3用戶查看已支付房源的歷史賬單6.1承租人進入未支付賬單界面，不點擊“支付租金”按鈕，返回步驟68.1出租人點擊已租房源界面的“終止租房”按鈕，終止租房圖STYLEREF1\s37用戶租房管理活動圖3.5.6本小節(jié)內容對使用者的出租人申請管理用例規(guī)約進行描述。承租人上傳相關證明材料提交成為出租人申請，管理員進入出租人申請管理界面，對其進行查看審核，審核通過，該用戶成為出租人角色，審核不通過，該用戶仍為承租人角色。出租人申請管理的用例規(guī)約表如表3-6，活動圖如圖3-9所示。表STYLEREF1\s36房屋租賃管理系統(tǒng)出租人申請用例規(guī)約表用例簡稱出租人申請管理用例用例簡要概述承租人申請審核成為出租人系統(tǒng)參與者承租人和出租人前置的主要相關條件用戶已登錄系統(tǒng)后置的主要相關條件用戶身份從承租人變?yōu)槌鲎馊?，獲得出租人的權限主要相關流程承租人申請成為出租人，上傳申請材料，提交申請出租人進入出租人申請界面，查看出租人申請出租人將該承租人的申請審核通過備選相關流程3.1出租人將該承租人的申請申請不通過，該申請的承租人的身份不改變圖STYLEREF1\s38用戶出租人申請活動圖用戶用戶管理活動用例規(guī)約及活動圖本小節(jié)內容對使用者的用戶管理用例規(guī)約進行描述。管理員打開用戶管理界面，搜索用戶后，具備對其禁言、凍結以及取消權限。用戶管理的用例規(guī)約表如表3-7，活動圖如圖3-10所示。表STYLEREF1\s37房屋租賃管理系統(tǒng)用戶管理用例規(guī)約表用例簡稱用戶管理用例用例簡要概述管理員管理用戶系統(tǒng)參與者管理員前置的主要相關條件管理員已登錄后置的主要相關條件管理員完成對用戶管理主要相關流程管理員進入用戶管理界面，輸入用戶編號，根據(jù)用戶編號搜索用戶用戶存在，管理員可禁言用戶或凍結用戶備選相關流程2.1用戶不存在，返回步驟12.2用戶已禁言，管理員可取消禁言2.3用戶已凍結，管理員可取消凍結圖STYLEREF1\s39用戶用戶管理活動圖用戶舉報管理活動用例規(guī)約及活動圖本小節(jié)內容對使用者的舉報管理用例規(guī)約進行描述。除管理員外的用戶在房源信息界面可選擇舉報房源或舉報發(fā)布該房源的用戶，必須選擇舉報類型才能提交申請。之后，管理員打開舉報管理界面，對其進行審核處理。舉報管理的用例規(guī)約表如表3-8，活動圖如圖3-11所示。表STYLEREF1\s38房屋租賃管理系統(tǒng)舉報管理用例規(guī)約表用例簡稱舉報管理用例用例簡要概述用戶提交舉報房源或出租人賬號申請，管理員對其審核系統(tǒng)參與者用戶前置的主要相關條件用戶登錄系統(tǒng)后置的主要相關條件管理員完成對用戶舉報的房源或出租人用戶進行管理主要相關流程承租人或出租人在房源信息界面選擇舉報房源或用戶，選擇舉報類型、填寫描述和上傳證明圖片，提交舉報管理員進入舉報管理界面，查看房源或用戶的舉報管理員審核通過，對房源或用戶進行違約管理備選相關流程1.1不選擇舉報類型，返回步驟13.1管理員不通過審核，舉報信息刪除圖STYLEREF1\s310用戶舉報管理活動圖本章主要通過用例圖、用例規(guī)約和活動圖分析本房屋租賃管理系統(tǒng)設計可行性。對本房屋租賃管理系統(tǒng)深入分析，將用戶需求轉換成本系統(tǒng)功能模塊，確保有效滿足用戶需求。本章著重分析本房屋租賃管理系統(tǒng)的整體架構，并對本系統(tǒng)的功能模塊設計加以概述。本房屋租賃管理系統(tǒng)采用MVC三層設計模型。其中的表示層展現(xiàn)前端界面，核心業(yè)務邏輯則由業(yè)務邏輯層應對，而數(shù)據(jù)訪問層則實現(xiàn)訪問數(shù)據(jù)庫。用戶借助瀏覽器發(fā)請求，經(jīng)由匹配的控制器接收請求并處理，最后，顯示給客戶端用戶，如圖4-1所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s11總體架構設計圖本系統(tǒng)共有房源、用戶、出租人申請、舉報、租房和通訊六大管理模塊，如圖4-2所示。圖STYLEREF1\s4SEQ圖\*ARABIC\s12總體功能模塊框架圖本章剖析了本房屋租賃系統(tǒng)的整體架構，并通過簡要概述總體功能模塊設計加以闡述。本章詳細解析本房屋租賃系統(tǒng)設計，介紹本系統(tǒng)的功能模塊的設計、解析類之間的關系、對象間的協(xié)作關系及數(shù)據(jù)庫相關設計。本節(jié)主要通過結構圖的方式介紹本房屋租賃系統(tǒng)的房源、用戶、出租人申請、舉報、租房和通訊六大管理模塊的設計。房源管理模塊設計，如圖5-1所示。房源管理模塊指對房源信息的查看、收藏、發(fā)布、搜索、修改、刪除和下架。圖STYLEREF1\s5SEQ圖\*ARABIC\s11房源管理功能模塊設計圖用戶管理模塊設計，如圖5-2所示。用戶管理模塊覆蓋用戶的禁言、凍結和搜索功能。圖STYLEREF1\s5SEQ圖\*ARABIC\s12用戶管理功能模塊設計圖出租人申請管理模塊設計，如圖5-3所示。出租人申請管理模塊包括成為和審核出租人申請。圖STYLEREF1\s5SEQ圖\*ARABIC\s13出租人申請管理功能模塊設計圖舉報管理模塊設計，如圖5-4所示。舉報管理模塊包括舉報用戶或房源、審核對應的舉報。圖STYLEREF1\s5SEQ圖\*ARABIC\s14舉報管理功能模塊設計圖租房管理模塊設計，如圖5-5所示。租房模塊包括查看預約記錄、預約看房時間、審核預約看房、查看已租房源信息、搜索歷史賬單、確定已支付租金、錄入賬單、確定租房和終止租房。圖STYLEREF1\s5SEQ圖\*ARABIC\s15租房管理功能模塊設計圖通訊管理模塊設計，如圖5-6所示。通訊管理模塊包括發(fā)起與出租人聊天、回復承租人信息和查看歷史聊天記錄。圖STYLEREF1\s5SEQ圖\*ARABIC\s16通訊管理功能模塊設計圖本節(jié)主要用類圖及時序圖對本房屋租賃系統(tǒng)進行闡釋。用戶注冊相關類和時序圖用戶注冊分析類如圖5-7所示，時序圖如圖5-8所示。LoginRegisterController提供用戶注冊接口，調用service層檢查用戶賬號是否已被占用，若未占用則添加用戶賬號密碼。圖STYLEREF1\s5SEQ圖\*ARABIC\s17用戶注冊分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s18用戶注冊時序圖用戶登錄相關類和時序圖用戶登錄分析類如圖5-9所示，時序圖如圖5-10所示。LoginRegisterController提供用戶登錄接口，調用service層獲取賬號名方法。圖STYLEREF1\s5SEQ圖\*ARABIC\s19用戶登錄分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s110用戶登錄時序圖用戶舉報相關類和時序圖用戶舉報分析類如圖5-11所示，承租人舉報和管理員管理舉報時序圖分別如圖5-12、5-13所示。ComplaintApplyController提供舉報接口，調用sevice層舉報房源或用戶的方法。圖STYLEREF1\s5SEQ圖\*ARABIC\s111用戶舉報分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s112承租人舉報時序圖圖STYLEREF1\s5SEQ圖\*ARABIC\s113管理員舉報管理時序圖用戶出租人申請相關類和時序圖用戶出租人申請分析類如圖5-14所示，時序圖如圖5-15所示。ComplaintApplyController提供出租人申請接口，調用對應service層出租人申請方法；AdminOperationController提供獲取出租人申請信息接口，調用對應service層獲取出租人申請信息方法。圖STYLEREF1\s5SEQ圖\*ARABIC\s114用戶出租人申請分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s115用戶出租人申請時序圖用戶用戶管理相關類和時序圖用戶用戶管理分析類如圖5-16所示，時序圖如圖5-17所示。AdminOperationController提供根據(jù)編號獲取信息和更新用戶狀態(tài)接口。圖STYLEREF1\s5SEQ圖\*ARABIC\s116用戶用戶管理分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s117用戶用戶管理時序圖用戶通訊管理相關類和時序圖用戶通訊管理分析類如圖5-18，時序圖如圖5-19所示。MessageController提供獲取用戶狀態(tài)、獲取用戶歷史聊天記錄、根據(jù)用戶編號查看聊天記錄中是否已存在該用戶和獲取單個聊天記錄接口。圖STYLEREF1\s5SEQ圖\*ARABIC\s118用戶通訊管理分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s119用戶通訊管理時序圖用戶房源管理相關類和時序圖用戶房源管理分析類如圖5-20，時序圖分別如圖5-21、5-22、5-23所示。ScreeningController提供獲取首頁或單個房源信息、收藏或取消收藏房源、獲取已被收藏的房源信息接口。圖STYLEREF1\s520用戶房源管理分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s121承租人房源管理時序圖圖STYLEREF1\s5SEQ圖\*ARABIC\s122出租人房源管理時序圖圖STYLEREF1\s5SEQ圖\*ARABIC\s123管理員房源管理時序圖用戶租房管理相關類和時序圖用戶租房管理分析類如圖5-24所示，時序圖如圖5-25、圖5-26所示。UserOperationHouseController提供預約看房、獲取預約記錄、取消預約、獲取用戶未支付賬單、確定已支付租金、獲取當前用戶已租房源、獲取歷史賬單接口；MerchantOperationHouseController提供被預約記錄、確定預約、取消預約、獲取未確定租房信息和確定租房接口。圖STYLEREF1\s5SEQ圖\*ARABIC\s124用戶租房管理分析類圖STYLEREF1\s5SEQ圖\*ARABIC\s125承租人租房管理時序圖(a)(b)圖STYLEREF1\s5SEQ圖\*ARABIC\s126出租人租房管理時序圖本系統(tǒng)的E-R圖展示各實體之間的聯(lián)系，本系統(tǒng)數(shù)據(jù)表有用戶表、房源表、房源圖片表、房源設施表、房源收藏表、房源預約表、租房賬單記錄表、租賃契約記錄表、通訊記錄表、出租人申請表、出租人申請證明圖片表、用戶舉報表、用戶舉報證明圖片表、房源舉報表和房源舉報證明圖片表，如圖5-27所示。圖STYLEREF1\s5SEQ圖\*ARABIC\s127E-R圖設計1.房源實體，如圖5-28所示圖STYLEREF1\s5SEQ圖\*ARABIC\s128房源實體圖2.房源圖片實體，如圖5-29所示圖STYLEREF1\s5SEQ圖\*ARABIC\s129房源圖片實體圖3.房源設施實體，如圖5-30所示圖STYLEREF1\s530房源設施實體圖4.房源預約實體，如圖5-31所示圖STYLEREF1\s5SEQ圖\*ARABIC\s131房源預約實體圖5.房源收藏實體，如圖5-32所示圖STYLEREF1\s5SEQ圖\*ARABIC\s132房源收藏實體圖6.房源舉報實體，如圖5-33所示圖STYLEREF1\s5SEQ圖\*ARABIC\s133房源舉報實體圖7.房源舉報證明圖片實體，如圖5-34所示圖STYLEREF1\s5SEQ圖\*ARABIC\s134房源舉報證明圖片實體圖8.用戶實體，如圖5-35所示圖STYLEREF1\s5SEQ圖\*ARABIC\s135用戶實體圖9.用戶舉報實體，如圖5-36所示圖STYLEREF1\s5SEQ圖\*ARABIC\s136用戶舉報實體圖10.用戶舉報證明圖片實體，如圖5-37所示圖STYLEREF1\s5SEQ圖\*ARABIC\s137用戶舉報證明圖片實體圖11.出租人申請實體，如圖5-38所示圖STYLEREF1\s5SEQ圖\*ARABIC\s138出租人申請實體圖12.出租人申請證明圖片實體，如圖5-39所示圖STYLEREF1\s5SEQ圖\*ARABIC\s139出租人申請圖片實體圖13.租賃契約記錄實體，如圖5-40所示圖STYLEREF1\s540租賃契約記錄實體圖14.租房賬單記錄實體，如圖5-41所示圖STYLEREF1\s5SEQ圖\*ARABIC\s141租房賬單記錄實體圖15.通訊記錄實體，如圖5-42所示圖STYLEREF1\s5SEQ圖\*ARABIC\s142通訊記錄實體圖1）房源表此數(shù)據(jù)表用于保存房源信息，如表5-1所示。表STYLEREF1\s5SEQ表\*ARABIC\s11房源表設計序號字段類型含義范圍備注1h_idbigint房源編號20主鍵2h_uid_foreignbigint出租人編號20

續(xù)上表5-13h_titlevarchar房源標題554h_provincevarchar所在省份555h_cityvarchar所在城市556h_countydatetime所在區(qū)/縣507h_addressvarchar房源詳細地址2558h_pricedecimal租金9h_labelvarchar房源標簽25510h_numberint房源庫存數(shù)量1112h_pay_methodvarchar租金支付方式5513h_describetext房源描述6553514h_renew_timevarchar房源更新和入住時間5515h_areavarchar房源占地面積5516h_floorint房源所在樓層1117h_electricity_pricedecimal每月電費價格18h_water_pricedecimal每月水費價格19h_statevarchar房源出租狀態(tài)552）房源圖片表此數(shù)據(jù)表用于保存房源圖片信息，如表5-2所示。表STYLEREF1\s5SEQ表\*ARABIC\s12房源圖片表設計序號字段類型含義范圍備注1h_image_idbigint房源圖片編號20主鍵2h_image_hid_foreignbigint房源編號20外鍵3h_image_urlvarchar房源圖片存放路徑2553）房源設施表此數(shù)據(jù)表用于保存房源相關設施信息，如表5-3所示。表STYLEREF1\s5SEQ表\*ARABIC\s13房源設施表設計序號字段類型含義范圍備注1fa_idbigint房源設施編號20主鍵2fa_hid_foreignbigint房源編號20外鍵3fa_urlvarchar設施圖片訪問路徑2554fa_namevarchar設備名稱554）房源預約表此數(shù)據(jù)表用于保存用戶房源預約的信息，如表5-4所示。表STYLEREF1\s5SEQ表\*ARABIC\s14房源預約表設計序號字段類型含義范圍備注1ap_idbigint房源預約編號20主鍵2ap_lessee_foreignbigint承租人編號20外鍵3ap_lessor_foreignvarchar出租人編號25外鍵4ap_hid_foeignvarchar房源編號25外鍵5ap_datedatetime預約看房日期6ap_statevarchar預約看房狀態(tài):待通過、完成簽約、取消555）房源收藏表此數(shù)據(jù)表用于保存被用戶收藏的房源，如表5-5所示。表STYLEREF1\s5SEQ表\*ARABIC\s15房源收藏表設計序號字段類型含義范圍備注1c_idbigint房源收藏編號20主鍵2c_hid_foreignbigint房源編號20外鍵3c_uid_foreignbigint用戶編號20外鍵4c_datedatetime收藏房源日期6）房源舉報表此數(shù)據(jù)表用于存儲被用戶舉報的房源信息，如表5-6所示。表STYLEREF1\s5SEQ表\*ARABIC\s16房源舉報表設計序號字段類型含義范圍備注1reh_idbigint房源舉報編號20主鍵2reh_from_uid_foreignbigint用戶編號20外鍵3reh_to_hid_foreignbigint房源編號20外鍵4reh_typevarchar舉報類型2555reh_detialvarchar舉報詳細描述2556reh_datedatetime舉報日期7reh_feedbackvarchar舉報審核結果:待審核、通過、不通過557）房源舉報證明圖片表此數(shù)據(jù)表用于存儲舉報房源中已上傳的證明圖片信息，如表5-7所示。表STYLEREF1\s5SEQ表\*ARABIC\s17房源舉報證明圖片表設計序號字段類型含義范圍備注1reh_image_idbigint房源舉報證明圖片編號20主鍵2reh_image_chid_foreignbigint房源舉報編號20外鍵3reh_image_urlbigint圖片存放路徑208）用戶表此數(shù)據(jù)表用于保存用戶信息，如表5-8所示。表STYLEREF1\s5SEQ表\*ARABIC\s18用戶表設計序號字段類型含義范圍備注1u_idbigint用戶編號20主鍵2u_accountvarchar賬號553u_passwordvarchar密碼554u_rolevarchar角色55續(xù)上表5-85create_datedatetime賬號創(chuàng)建日期6update_datedatetime賬號狀態(tài)更新日期9）用戶舉報表此數(shù)據(jù)表用于保存用戶舉報信息，如表5-9所示。表STYLEREF1\s5SEQ表\*ARABIC\s19用戶舉報表設計序號字段類型含義范圍備注1reu_idbigint用戶舉報編號20主鍵2reu_from_uid_foreignbigint舉報用戶編號203reu_to_uid_foreignbigint被舉報用戶編號204reu_typevarchar舉報類型555reu_detailvarchar舉報詳細描述2556reu_datedatetime舉報日期7reu_feedbackvarchar舉報審核反饋結果:待審核、通過、不通過5510）用戶舉報證明圖片表此數(shù)據(jù)表用于保存用戶舉報用戶證明圖片的信息，如表5-10所示。表STYLEREF1\s5SEQ表\*ARABIC\s110用戶舉報證明圖片表設計序號字段類型含義范圍備注1reu_image_idbigint用戶舉報證明圖片編號20主鍵2reu_image_cuid_foreignbigint用戶舉報編號20外鍵3reu_image_urlvarchar圖片存放路徑25511）出租人申請表此數(shù)據(jù)表用于保存用戶提交的出租人申請信息，如表5-11所示。表STYLEREF1\s5SEQ表\*ARABIC\s111出租人申請表設計序號字段類型含義范圍備注1la_idbigint出租人申請編號20主鍵2la_uid_foreignbigint申請用戶編號20外鍵3la_datedatetime申請?zhí)峤蝗掌?la_is_agreevarchar出租人申請審核狀態(tài)5512）出租人申請證明圖片表此數(shù)據(jù)表用于保存用戶提交出租人申請證明圖片的信息，如表5-12所示。表STYLEREF1\s5SEQ表\*ARABIC\s112出租人申請證明圖片表設計序號字段類型含義范圍備注1la_image_idbigint出租人申請證明圖片編號20主鍵2la_image_laid_foreignbigint出租人申請編號20外鍵3la_image_urlvarchar圖片存放路徑25513）租賃契約記錄表此數(shù)據(jù)表用于保存用戶租賃契約記錄的信息，如表5-13所示。表STYLEREF1\s5SEQ表\*ARABIC\s113租賃契約記錄表設計序號字段類型含義范圍備注1rhc_idbigint租賃契約記錄編號20主鍵2rhc_lessor_foreignbigint承租人編號20外鍵3rhc_leaser_foreignvarchar出租人編號25外鍵4rhc_hid_foeignvarchar房源編號255rhc_pricedecimal租金6rhc_addressvarchar房源地址557rhc_room_numdecimal房間號

續(xù)上表5-138ap_water_pricedecimal每月水費價格9ap_electricity_pricedecimal每月電費價格10ap_pay_datedatetime每月租金支付日期11ap_lease_datevarchar租房日期5512ap_start_datedatetime租房起始日期13ap_end_datedatetime租房終止日期14ap_manually_enddatetime租賃手動終止日期15ap_lease_statevarchar租賃狀態(tài)：正常、手動終止5514）租房賬單記錄表此數(shù)據(jù)表用于保存用戶租房賬單的信息，如表5-14所示。表STYLEREF1\s5SEQ表\*ARABIC\s114租房賬單記錄表設計序號字段類型含義范圍備注1hb_idbigint編號20主鍵2hb_rhid_foreignbigint租賃契約記錄編號20外鍵3hb_tenant_foreignbigint承租人編號204hb_leaser_foreignvarchar出租人編號255hb_electricdecimal租房電費價格6hb_waterdecimal租房水費價格7hb_pricedecimal租金8hb_total_pricedecimal租房總價格9hb_pay_datedecimal每月繳費日期10hb_create_datedecimal賬單創(chuàng)建日期11hb_pay_statevarchar賬單支付狀態(tài)：待支付、完成5515）通訊記錄表此數(shù)據(jù)表用于保存用戶的通信記錄信息，如表5-15所示。表STYLEREF1\s5SEQ表\*ARABIC\s115通訊記錄表設計序號字段類型含義范圍備注1c_idbigint編號20主鍵2c_to_uidbigint接收人編號203c_from_uidbigint發(fā)送人編號204c_messagevarchar通訊內容2555c_datedatetime發(fā)送具體日期及時間本章通過結合本系統(tǒng)的實體、功能模塊間主要方法的調用過程，展示了本系統(tǒng)是功能模塊的主要執(zhí)行步驟，并通過畫圖或闡釋的方式介紹數(shù)據(jù)庫實體之間的關聯(lián)以及數(shù)據(jù)表中所有的字段。本章重點展現(xiàn)本系統(tǒng)的關鍵界面以及闡釋本系統(tǒng)部分的核心功能的相關具體實現(xiàn)。登錄界面，如圖6-1所示，用戶填寫相關信息后，點擊登錄按鈕并驗證通過即可登錄本系統(tǒng)。若點擊注冊按鈕即跳轉注冊頁面。圖STYLEREF1\s6SEQ圖\*ARABIC\s11登錄界面圖6-1登錄界面的核心代碼：//定義組件驗證碼長度的屬性類型及默認值codeLength:{

type:Number,

default:4}createdCode(){constcodeStorageList=[]//定義用于存儲驗證碼的數(shù)組//定義驗證碼所有值constcodeChars='ABCDEFGHJKMNPQRSTWXY’+’Z0123456789abcdefhijkmnprstwxyz'constcodeCharsLen=codeChars.length//定義驗證碼所有值的長度

for(leti=0;i<this.codeLength;i++){//遍歷驗證碼長度，生成四位驗證碼//定義隨機生成驗證碼顏色constcodeRgb=[Math.round(Math.random()*215),Math.round(Math.random()*235), Math.round(Math.random()*245)]

codeStorageList.push({//追加一個驗證碼相關信息//隨機生成驗證碼編碼

code:codeChars.charAt(Math.floor(Math.random()*codeCharsLen)),

//隨機生成字體大小 codeFontSize:`${10+(+[Math.floor(Math.random()*10)]+7)}px`,

codePadding:`${[Math.floor(Math.random()*10)]}px`,//隨機生成邊距

codeColor:`rgb(${codeRgb})`,//隨機生成驗證碼顏色//隨機生成旋轉動畫

codeTransform:`rotate(${Math.floor(Math.random()*100)- Math.floor(Math.random()*100)}deg)`

})

}

//存儲生成的驗證碼

this.codeStorageList=codeStorageList

//給父組件傳遞生成的驗證碼編碼

his.$emit('code',codeStorageList.map(codeItem=>codeItem.code).join(''))}注冊界面，如圖6-2所示，用戶提供相關信息，通過系統(tǒng)驗證成功注冊并成為承租人角色跳轉登錄界面。圖STYLEREF1\s6SEQ圖\*ARABIC\s12注冊界面圖6-2注冊界面的核心代碼：userRegister(){

//注冊表單校驗，通過即注冊成功this.$refs['registerForm'].validate((registerValid)=>{

if(registerValid){

//校驗生成驗證碼與用戶輸入的驗證碼相同才能注冊

if(this.validCode.toLowerCase()!==this.registerForm.validCode.toLowerCase()){

this.$message.error('驗證碼錯誤')

return

}//校驗輸入兩次密碼相同才能注冊

if(this.registerForm.determinePassword!==this.registerForm.password){

this.$message.error('輸入兩次密碼不同')

return

}//存儲用戶輸入的賬戶及密碼

letregisterFormData=newFormData()

registerFormData.append('username',this.registerForm.userName)

registerFormData.append('password',this.registerForm.password)//請求注冊接口

request.post('/register',registerFormData).then(registerRes=>{

if(registerRes.code==='1'){this.$message.success('注冊成功')

this.$router.push({path:'/login'})//注冊成功后跳轉登錄界面

}

elsethis.$message.error(registerRes.msg)//注冊失敗提示

})

}

})}本節(jié)包含首頁、房源界面和房源管理界面的實現(xiàn)。首頁的實現(xiàn)首頁，如圖6-3所示，承租人可通過房源標簽或房源標題進行搜索房源，或者通過選擇房源所在城市、縣/區(qū)、戶型、租金進行搜索并查看房源信息，如圖6-4，點擊房源信息跳轉房源界面；承租人可通過鼠標移入賬號名跳轉個人中心管理等。圖STYLEREF1\s6SEQ圖\*ARABIC\s13首頁圖STYLEREF1\s64首頁選擇城市圖6-3、6-4首頁的核心代碼：//獲取所有城市created:function(){letrequest=newXMLHttpRequest();//創(chuàng)建xmlHttpRequest對象實例//設置請求方法及路徑，該json文件為編寫的所有城市request.open("get",'/CityAllJson.json');

request.send(null);//發(fā)送服務器時不攜帶數(shù)據(jù)

request.onload=()=>{//請求完成時調用

if(request.status===200){//請求成功

letresponseData=request.responseText//存儲返回的響應文本內容

this.cityAll=JSON.parse(responseData);//將返回的數(shù)據(jù)轉為對象并存儲

this.initCity()//調用自定義初始化房源函數(shù)

}}}房源界面的實現(xiàn)房源界面，如圖6-5所示，承租人和出租人可查看房源信息信息；可點擊收藏圖標進行收藏或取消收藏房源操作；可點擊在線咨詢按鈕后訪問歷史通訊界面等。(a)(b)圖STYLEREF1\s65房源界面房源管理界面的實現(xiàn)出租人的房源管理界面，如圖6-6所示，出租人可點擊新增房源信息按鈕輸入相關信息發(fā)布房源，如圖6-7所示；可點擊詳情按鈕訪問具體房源界面；可點擊刪除按鈕并確定進行刪除；可點擊修改按鈕進行修改，如圖6-8所示；可基于標題搜索信息，如圖6-9所示。管理員基于房源編號搜索信息，點擊相應按鈕，下架或刪除房源，如圖6-10所示。圖STYLEREF1\s66出租人的房源管理界面圖STYLEREF1\s67出租人的房源管理界面新增房源信息圖STYLEREF1\s68出租人的房源管理界面修改房源信息圖STYLEREF1\s69出租人的房源管理界面搜索圖STYLEREF1\s610管理員的房源管理界面圖6-9出租人的房源管理界面搜索的核心代碼：searchHouseByTitle(){//搜索房源//定義搜索數(shù)據(jù)

constsearchHouse={

pageSize:this.pageSize, //每頁數(shù)據(jù)條數(shù)pageNum:this.currentPage, //當前頁

titleKeyword:this.search //搜索關鍵字

}//請求搜索房源接口，并傳遞請求參數(shù)request.get('/merchant/getMyBasicHouseImfor',{params:searchHouse}).then(searchRes=>{

if(searchRes.code!=='1'){ //請求失敗

this.$message.warning('加載房源數(shù)據(jù)失敗')

return

}

this.loadHouseList(searchRes)//請求成功則調用自定義加載房源數(shù)據(jù)函數(shù)}本節(jié)包含房源（預約看房時間）界面、房源收藏管理界面、預約看房管理界面、確定租房管理界面、已租房源管理界面、未支付賬單管理界面和歷史賬單管理界面的實現(xiàn)。房源（預約看房時間）界面的實現(xiàn)承租人可點擊預約看房按鈕，提交看房時間申請，如圖6-11所示。圖STYLEREF1\s611房源預約看房時間界面房源收藏界面的實現(xiàn)房源收藏界面，如圖6-12所示，承租人可加載房源收藏頁面，查看已被收藏的房源相關信息，若對其點擊則打開房源界面。圖STYLEREF1\s612房源收藏界面圖6-12房源收藏界面的核心代碼：//房源收藏點擊跳轉房源界面//遍歷房源收藏的所有數(shù)據(jù)，房源存在時顯示內容<divv-for="iteminhouseData"v-show="item.hId">

<el-cardstyle="margin:3pxauto;">//使用房源組件展示房源收藏內容，并傳遞數(shù)據(jù)和點擊方法

<HouseSketch:outObj="item"@click="lookHouse(item.hId)"/>

</el-card>

</div>lookHouse(hId){constbaseHouseUrl=window.location.origin;//獲取當前瀏覽器訪問域名及協(xié)議

constfullHousePath=`/information?hId=${hId}`;//拼接路徑并攜帶房源編號參數(shù)

consthouseUrl=`${baseHouseUrl}${fullHousePath}`;//拼接完整需要訪問的URL

window.open(houseUrl,'_self');//當前窗口打開頁面}預約看房管理界面的實現(xiàn)出租人和承租人的預約看房管理界面，分別如圖6-13、6-14所示，出租人可在預約看房管理頁電點擊按鈕同意預約或取消預約看房申請，承租人可點擊按鈕取消預約看房申請。圖STYLEREF1\s613出租人的預約看房管理界面圖STYLEREF1\s614承租人的預約看房管理界面圖6-13出租人預約看房管理界面的核心代碼：//同意預約執(zhí)行方法confirmAppoint(apId){

letappointData=newFormData()//創(chuàng)建空對象

formData.append('apId',apId)//存儲預約編號//調用確定預約接口并傳遞預約編號

axios.post('/merchant/confirmAppoint',appointData).then(appointRes=>{

if(appointRes.code==='1'){//調用成功

this.appointLoad()

//調用重新加載預約數(shù)據(jù)函數(shù)

this.$message.success('確定預約成功')

}

elsethis.$message.warning('確定預約失敗')

})}確定租房管理界面的實現(xiàn)確定租房管理界面，如圖6-15所示，出租人點擊確定租房按鈕，并錄入相關信息確定租房如圖6-16所示，此時，生成未支付賬單；點擊詳情按鈕跳轉房源界面。圖STYLEREF1\s615確定租房管理界面圖STYLEREF1\s616確定租房管理界面錄入租房信息已租房源管理界面的實現(xiàn)出租人和承租人的已租房源管理界面，分別如圖6-17、6-20所示。出租人對已租房源點擊錄入賬單按鈕錄入并生成賬單，如圖6-18所示；點擊詳情可查看相關租房契約，如圖6-19所示；點擊終止租房按鈕并確定，可終止租房。圖STYLEREF1\s617出租人的已租房源管理界面圖STYLEREF1\s618出租人的已租房源管理界面錄入賬單圖STYLEREF1\s619出租人的已租房源管理界面查看契約圖STYLEREF1\s620出租人的已租房源管理界面圖6-17出租人的已租房源管理界面的核心代碼：//終止租房

endRent(rhcId){letdata=newFormData()//對象初始化

data.append('rhcId',rhcId)//存儲租房房源編號//請求終止租房接口并傳遞數(shù)據(jù)request.post('/merchant/terminateContract',data).then(res=>{

if(res.code==='1'){//請求成功

this.$message.success('已終止租房')

this.rentLoad()//調用已租房源數(shù)據(jù)函數(shù)重新加載

}

else

this.$message.error('終止租房失敗')//終止失敗，提示信息

})}未支付賬單管理界面的實現(xiàn)未支付賬單管理界面，如圖6-21所示，承租人點擊確定已支付租金按鈕，確定已支付租金，同時，生成已租房源記錄。圖STYLEREF1\s621未支付賬單管理界面歷史賬單管理界面的實現(xiàn)出租人和承租人的歷史賬單界面，分別如圖6-22、6-23所示，承租人和出租人可根據(jù)租金、房間號或地址進行搜索并查看賬單信息。圖STYLEREF1\s6SEQ圖\*ARABIC\s122出租人的歷史賬單界面圖STYLEREF1\s6SEQ圖\*ARABIC\s123承租人的歷史賬單界面搜索歷史通訊界面，如圖6-24所示，承租人和出租人可顯示未讀消息，互相通訊，如圖6-25所示；當用戶被禁言及聯(lián)系人被禁言或凍結賬號時不能互相通訊，如圖6-26、6-27所示。圖STYLEREF1\s624歷史通訊界面圖STYLEREF1\s625歷史通訊界面未讀消息圖STYLEREF1\s626歷史通訊界面用戶禁言情況圖STYLEREF1\s627歷史通訊界面聯(lián)系人禁言情況圖6-25、6-26、6-27歷史通訊界面的核心代碼：

//顯示[未讀消息]//獲取左側對應用戶賬號下方隱藏的[未讀消息]節(jié)點letnoReadSpan=document.querySelector("#user"+user.uId);noReadSpan.style.display='inline'//顯示

//判斷自身狀態(tài)request.get('/getUserState').then(stateRes=>{

if(stateRes.code==='1'){

if(stateRes.data==='禁言'){

this.$message.warning('您已被管理員禁言，暫時無法發(fā)送消息')

}}//判斷聊天對象狀態(tài)if(this.state!=='正常'){

this.$message.w