基于SpringBoot Vue前后端分離模式的物業(yè)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

基于SpringBoot+Vue前后端分離模式的物業(yè)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要由于科技不斷發(fā)展，物業(yè)管理系統(tǒng)也在不停的更新，其目的是為了滿(mǎn)足不同人員對(duì)物業(yè)管理的各種需求，這有利于社會(huì)的和諧發(fā)展和人們生活品質(zhì)的提高。在本物業(yè)管理信息系統(tǒng)的開(kāi)發(fā)中，嘗試使用最新的技術(shù)和辦法。框架設(shè)計(jì)采取MVC模式，代碼的實(shí)現(xiàn)采用Vue和JavaBean網(wǎng)絡(luò)編程技術(shù)，后臺(tái)數(shù)據(jù)庫(kù)采用MySQL管理。該系統(tǒng)具有完善的信息管理功能，為物業(yè)公司建立了一套科學(xué)的管理流程。本系統(tǒng)界面設(shè)計(jì)簡(jiǎn)單大方，用戶(hù)可以快速上手并熟悉操作，是一款適合普通住宅物業(yè)管理的日常事務(wù)管理軟件。該軟件設(shè)計(jì)可以實(shí)現(xiàn)對(duì)基礎(chǔ)房地產(chǎn)、業(yè)主、房地產(chǎn)等社區(qū)的日常管理，提高物業(yè)管理的效率。關(guān)鍵詞：物業(yè)管理系統(tǒng);MVC模式;MySQL數(shù)據(jù)庫(kù)管理系統(tǒng)

Designandimplementationofpropertymanagementsystembasedonspringboot+vuebeforeandafterseparationmodeAbstractDuetothecontinuousdevelopmentofscienceandtechnology,thepropertymanagementsystemisalsoconstantlyupdated,itspurposeistomeetthevariousneedsofdifferentpersonnelonthepropertymanagement,whichisconducivetotheharmoniousdevelopmentofsocietyandtheimprovementofpeople'squalityoflife.Inthedevelopmentofthispropertymanagementinformationsystem,trytousethelatesttechnologyandmethods.TheframeworkdesignadoptsMVCpattern,thecodeimplementationadoptsVueandJavaBeannetworkprogrammingtechnology,andtheback-enddatabasemanagementadoptsMySQL.Thissystemhastheperfectinformationmanagementfunction,hasestablishedascientificmanagementprocessforthepropertymanagementcompany.Thesysteminterfacedesignissimpleandeasy,userscanquicklygetstartedandfamiliarwiththeoperation,isasuitableforordinaryresidentialpropertymanagementofdailyaffairsmanagementsoftware.Thesoftwaredesigncanrealizethebasicrealestate,owners,realestateandothercommunitydailymanagement,improvetheefficiencyofpropertymanagement.Keywords:Propertymanagementsystem;TheMVCpattern;MySqldatabasemanagementsystem

目錄1序言 12課題相關(guān)的一些重要概念 22.1課題的選擇 22.2什么是物業(yè)管理 22.3物業(yè)管理系統(tǒng)的概述 32.3.1物業(yè)管理系統(tǒng)的特點(diǎn) 32.3.2物業(yè)管理系統(tǒng)相對(duì)于傳統(tǒng)物業(yè)管理的優(yōu)點(diǎn) 33操作平臺(tái)和開(kāi)發(fā)工具簡(jiǎn)介 43.1J2EE的概念 43.2系統(tǒng)性能需求 43.2.1硬件環(huán)境 43.2.2軟件環(huán)境 43.3MySQL介紹 43.4Java在本系統(tǒng)的應(yīng)用 43.4.1JavaBean簡(jiǎn)介 44系統(tǒng)可行性 64.1運(yùn)行可行性分析 64.2技術(shù)可行性分析 64.2.1硬件可行性分析 64.2.2軟件可行性分析 64.3經(jīng)濟(jì)可行性分析 65需求分析說(shuō)明書(shū) 75.1市場(chǎng)細(xì)分及各細(xì)分市場(chǎng)需求 75.2設(shè)計(jì)目標(biāo) 75.3功能性需求分析 76系統(tǒng)總體設(shè)計(jì) 86.1系統(tǒng)總體系結(jié)構(gòu)設(shè)計(jì) 86.2總體設(shè)計(jì)內(nèi)容 86.2.1前后端分離模式 86.2.2MVC模式 86.2.3Vue.js框架 106.3功能模塊設(shè)計(jì) 106.3.1總體功能模塊結(jié)構(gòu) 106.3.2數(shù)據(jù)庫(kù)設(shè)計(jì) 117詳細(xì)設(shè)計(jì) 147.1說(shuō)明書(shū)編寫(xiě)目的 147.2詳細(xì)設(shè)計(jì)概述 147.3系統(tǒng)詳細(xì)功能結(jié)構(gòu) 147.3.1系統(tǒng)功能模塊詳細(xì)介紹 148JavaBean特別說(shuō)明 158.1基本方法 158.2重要語(yǔ)句 159編碼總述 169.1程序亮點(diǎn) 169.1.1前端程序亮點(diǎn) 169.1.2后臺(tái)程序亮點(diǎn) 1710 物業(yè)管理系統(tǒng)測(cè)試 2210.1簡(jiǎn)介 2210.2測(cè)試內(nèi)容 2210.2.1功能測(cè)試 2210.2.2正確性測(cè)試 2210.3測(cè)試用例 2211 總結(jié) 25參考文獻(xiàn) 26謝辭 27附錄 28PAGE4序言新世界來(lái)了，計(jì)算機(jī)軟件的使用已經(jīng)滲透到各行各業(yè)，發(fā)揮著龐大的潛力。隨著企業(yè)和居民家庭的一系列改革，一切都向社會(huì)化方向發(fā)展，管理體制也從過(guò)去的“包干”向今天的“一體化、專(zhuān)業(yè)化”發(fā)展。物業(yè)管理對(duì)于人員安全、生活品質(zhì)和國(guó)家的可持續(xù)發(fā)展的作用重要越來(lái)越重要。物業(yè)管理系統(tǒng)提供住戶(hù)、房屋、房產(chǎn)及物業(yè)繳費(fèi)信息的管理。為了有效快捷地管理社區(qū)，保護(hù)居民的權(quán)益，系統(tǒng)為管理員用戶(hù)提供了多種不同的功能。

課題相關(guān)的一些重要概念隨著中國(guó)經(jīng)濟(jì)的不斷發(fā)展，城市化建設(shè)取得了很大的進(jìn)展。隨著房地產(chǎn)業(yè)的快速發(fā)展，全國(guó)各地出現(xiàn)了越來(lái)越多的商品住宅社區(qū)。物業(yè)管理公司負(fù)責(zé)維護(hù)小區(qū)的生活環(huán)境，為社區(qū)居民提供及時(shí)有效的物業(yè)管理服務(wù)，可以極大的解決了居民的日常瑣事，減少用戶(hù)煩惱。但是，隨著社區(qū)規(guī)模的不斷擴(kuò)大，物業(yè)公司在管理過(guò)程中面臨著服務(wù)種類(lèi)越來(lái)越多、收費(fèi)類(lèi)型也越來(lái)越細(xì)、人員手工管理效率較低等問(wèn)題。而且，小區(qū)的居民也需要一種更信息化、方便快捷的物業(yè)管理方式。本文針對(duì)當(dāng)前物業(yè)管理過(guò)程中遇到的問(wèn)題和需求,在基礎(chǔ)上分析目前物業(yè)管理制度的缺點(diǎn),按照MVC(模型+視圖+控制器)分層的概念,采用Springboot+Vue前后端分離模式,使用流行的SpringBoot和Vue開(kāi)源框架,并使用MySQL開(kāi)源數(shù)據(jù)庫(kù),經(jīng)過(guò)需求分析,系統(tǒng)設(shè)計(jì),系統(tǒng)實(shí)現(xiàn)與測(cè)試等面向?qū)ο蟮能浖_(kāi)發(fā)過(guò)程，設(shè)計(jì)并實(shí)現(xiàn)了一套現(xiàn)代化的住宅物業(yè)管理系統(tǒng)。根據(jù)共同財(cái)產(chǎn)的日常功能需求,該系統(tǒng)的主要功能模塊實(shí)現(xiàn)房屋管理、業(yè)主管理、物業(yè)收費(fèi)管理、物業(yè)報(bào)修管理、智慧停車(chē)管理、投訴建議管理、設(shè)備維護(hù)管理等實(shí)際測(cè)試運(yùn)行,且使用信息物業(yè)管理以致減少小區(qū)物業(yè)管理人員的工作量使其工作更加高效，也為小區(qū)居民提供方便易用簡(jiǎn)介的物業(yè)管理的頁(yè)面，讓用戶(hù)容易操作，消除物業(yè)公司與住戶(hù)之間隔閡，也可以降低物業(yè)公司的管理成本。課題的選擇物業(yè)管理信息系統(tǒng)的目的是充分利用網(wǎng)絡(luò)資源，開(kāi)發(fā)滿(mǎn)足社區(qū)物業(yè)管理需求的綜合信息管理系統(tǒng)。本課題是基于SpringBoot和VUE的前后端分離模式及完善的J2EE框架，可以應(yīng)用許多較新的技術(shù)，希望借此機(jī)會(huì)學(xué)習(xí)和熟悉新的技術(shù)和理論;另一方面,現(xiàn)代人們的生活的節(jié)奏變得越來(lái)越快,他們希望有一個(gè)舒適和安全的環(huán)境休息忙碌的一天后,他們不想擔(dān)心日常瑣事,只要運(yùn)用現(xiàn)代管理理念和電腦管理軟件,可以實(shí)現(xiàn)現(xiàn)代物業(yè)管理更有效和迅速,給業(yè)主一個(gè)舒適的家。什么是物業(yè)管理在人們生活的地方，他們需要管理。同樣，在人們居住的地方，他們需要財(cái)產(chǎn)。早在中國(guó)古代，就有專(zhuān)門(mén)管理房地產(chǎn)的官員——“管人”。它發(fā)展到民間，后來(lái)被稱(chēng)為“管家”。在西方國(guó)家，王室和貴族也有類(lèi)似的工作。在管家的手下有一群各司其職的人。現(xiàn)在看來(lái)，這些人組成的工作模式就是物業(yè)管理領(lǐng)域的先驅(qū)。因此，也可以說(shuō)物業(yè)管理開(kāi)始成為一個(gè)富裕的行業(yè)，專(zhuān)門(mén)為富人服務(wù)的行業(yè)。如果沒(méi)有那么多的房子和土地供富人管理，這個(gè)行業(yè)就無(wú)法產(chǎn)生。隨著科學(xué)技術(shù)的進(jìn)步，時(shí)代的發(fā)展，越來(lái)越多的工人進(jìn)城謀生。起初，他們買(mǎi)不起房子。他們通常租用新興產(chǎn)業(yè)建造的房屋，周?chē)幸欢〝?shù)量的商業(yè)、教育和其他公共建筑。為了保護(hù)自己的利益，維護(hù)公共秩序，業(yè)主會(huì)與租客簽訂合同，共同約定合同，共同遵守合同，但卻無(wú)法對(duì)合同進(jìn)行管理，于是他們開(kāi)始雇人幫他們一起管理。這就是物業(yè)管理的原型。后來(lái)，隨著越來(lái)越多的城市人口，需要更多的科學(xué)規(guī)劃。一門(mén)叫做城市規(guī)劃的學(xué)科應(yīng)運(yùn)而生。本學(xué)科以公共設(shè)施建設(shè)、公共建筑與環(huán)境內(nèi)容建設(shè)、功能分區(qū)建設(shè)為重點(diǎn)，政府直接參與建設(shè)，使物業(yè)管理行業(yè)發(fā)展越來(lái)越快。在高層建筑的出現(xiàn),尤其是智能建筑物業(yè)管理的內(nèi)容越來(lái)越豐富,人們的需求不斷提高,和生活中越來(lái)越重要的角色,和信息技術(shù)的引入使得物業(yè)管理的手段不斷完善,那么將出現(xiàn)一個(gè)新的行業(yè)——現(xiàn)代物業(yè)管理。物業(yè)管理系統(tǒng)的概述物業(yè)管理系統(tǒng)越標(biāo)準(zhǔn)越能加強(qiáng)管理,越能減少人員的實(shí)際工作量、工作時(shí)間,提高工作人員的工作效率,減少人為錯(cuò)誤，能有效降低人力成本和隨時(shí)查詢(xún)各種房屋的數(shù)據(jù),觀(guān)察和了解房屋空置率的現(xiàn)狀,滿(mǎn)足不同類(lèi)型的費(fèi)用和所有者的需求為基準(zhǔn),物業(yè)管理系統(tǒng)通過(guò)現(xiàn)代技術(shù)手段,充分利用了科學(xué)先進(jìn)的工具,以軟件實(shí)體的形式正式有效地管理。物業(yè)管理系統(tǒng)的特點(diǎn)物業(yè)管理網(wǎng)絡(luò)化借助現(xiàn)代科技網(wǎng)絡(luò)和信息的技術(shù)，社區(qū)越來(lái)越智能化，物業(yè)管理系統(tǒng)也越來(lái)越智能化，各種高科技的集成為居民或租戶(hù)提供高效、完善、多元化的服務(wù)，并收取低廉的管理費(fèi)。智能小區(qū)之間的巨大差異和普通居民區(qū)是智能物業(yè)管理提高管理水平和豐富的內(nèi)容管理的自動(dòng)監(jiān)測(cè)和信息處理的能力建筑智能系統(tǒng),使物業(yè)管理模式與其他系統(tǒng)相互適應(yīng)、協(xié)調(diào)和配合，組成智能系統(tǒng)的操作模式,是各系統(tǒng)更加統(tǒng)一化、互動(dòng)化、動(dòng)態(tài)化從而實(shí)現(xiàn)物業(yè)管理的網(wǎng)絡(luò)化和信息化。物業(yè)管理系統(tǒng)相對(duì)于傳統(tǒng)物業(yè)管理的優(yōu)點(diǎn)隨著科學(xué)技術(shù)的進(jìn)步和人們生活水平的逐步提高，“智能物業(yè)”一詞也逐漸出現(xiàn)。以此物業(yè)管理系統(tǒng)為例，它有以下兩個(gè)優(yōu)點(diǎn):一、有效解決物業(yè)費(fèi)收繳困難的問(wèn)題。傳統(tǒng)物業(yè)一直存在的許多問(wèn)題，其中一項(xiàng)就是物業(yè)行業(yè)收繳費(fèi)困難和抄表麻煩效率低的問(wèn)題，常通過(guò)常春藤物業(yè)管理系統(tǒng)的繳費(fèi)管理功能和遠(yuǎn)程抄表功能可以有效解決物業(yè)收繳費(fèi)難的問(wèn)題。二、使物業(yè)管理智慧化。除了人工上門(mén)抄表會(huì)產(chǎn)生成本高，效率低，繳費(fèi)難等問(wèn)題，傳統(tǒng)物業(yè)還存在停車(chē)難，業(yè)主投訴建議處理慢等一系列問(wèn)題，常春藤物業(yè)管理系統(tǒng)提出了相對(duì)應(yīng)的解決辦法，例如將設(shè)備管理，智慧停車(chē)，業(yè)主報(bào)修管理，智慧服務(wù)以及其他的功能綜合在一起讓物業(yè)管理更加智能，使住戶(hù)擁有一個(gè)更加智能舒適的宜居環(huán)境。操作平臺(tái)和開(kāi)發(fā)工具簡(jiǎn)介J2EE的概念J2EE是一個(gè)用于應(yīng)用程序和服務(wù)器端應(yīng)用程序建立的系統(tǒng)平臺(tái)。它的定義包括:為基于Web、服務(wù)器和組件技術(shù)的企業(yè)應(yīng)用程序提供一個(gè)開(kāi)放的管理平臺(tái)，用于開(kāi)發(fā)、部署和管理。系統(tǒng)性能需求硬件環(huán)境服務(wù)器端·處理器：2核；·內(nèi)存：4G；·硬盤(pán)空間：100GB；軟件環(huán)境服務(wù)器端·操作系統(tǒng)：LinuxCentOS7；·軟件：Java，Nginx，MySQL；MySQL介紹MySQL是由MySQLAB公司開(kāi)發(fā)的數(shù)據(jù)庫(kù)管理系統(tǒng)。MySQL是最流行的一種,現(xiàn)在許多中小型軟件都用它來(lái)開(kāi)發(fā)軟件，MySQL已成為街知巷聞的工具。作為一個(gè)比較成熟完善的系統(tǒng)，MySQL的基本功能必須包含在關(guān)鍵引用對(duì)象中，以滿(mǎn)足各種業(yè)務(wù)需求。Java在本系統(tǒng)的應(yīng)用JavaBean簡(jiǎn)介大多數(shù)Java程序代碼都是稱(chēng)為JavaBean的可重用組件。JavaBeans的價(jià)值在于，它們通過(guò)一組特性提供了對(duì)JavaBean設(shè)置的訪(fǎng)問(wèn)。在Java中，有許多類(lèi)定義符合這樣的規(guī)范:幾個(gè)私有實(shí)例字段;通過(guò)公共方法讀寫(xiě)實(shí)例字段。在Java中，有許多類(lèi)定義符合這樣的規(guī)范:幾個(gè)私有實(shí)例字段;通過(guò)公共方法讀寫(xiě)實(shí)例字段。例如：publicclassPerson{privateStringname;privateintage;publicStringgetName(){return;}publicvoidsetName(Stringname){=name;}publicintgetAge(){returnthis.age;}publicvoidsetAge(intage){this.age=age;}}如果讀寫(xiě)方法符合以下這種命名規(guī)范：//讀方法:publicTypegetXyz()//寫(xiě)方法:publicvoidsetXyz(Typevalue)這就是JavaBean。

系統(tǒng)可行性運(yùn)行可行性分析為了能增強(qiáng)此系統(tǒng)的實(shí)用性，在設(shè)計(jì)之初就本著盡量能讓每個(gè)人都容易上手的打算，因此系統(tǒng)要符合幾個(gè)條件。首先，界面要簡(jiǎn)潔，符合人性化；其次，操作要簡(jiǎn)單，讓管理員能方便快捷地輸入、刪除、查詢(xún)需要的數(shù)據(jù)；第三，系統(tǒng)采取B/S的設(shè)計(jì)模式，用戶(hù)能快速適應(yīng)熟悉系統(tǒng)，清楚明了的學(xué)習(xí)各種功能操作，及時(shí)得到想要的信息。技術(shù)可行性分析技術(shù)可行性主要從技術(shù)條件是否能快速完成開(kāi)發(fā)、開(kāi)發(fā)人員對(duì)于硬件和軟件的需求是否能全部滿(mǎn)足，此管理系統(tǒng)采用B/S模式進(jìn)行開(kāi)發(fā)B/S體系結(jié)構(gòu)相對(duì)于傳統(tǒng)的C/S體系結(jié)構(gòu)，有不少C/S體系結(jié)構(gòu)不具有的優(yōu)點(diǎn)和好處，并且與萬(wàn)物互聯(lián)技術(shù)緊密結(jié)合，提供大量先進(jìn)的管理功能，方便人們的日常生活。這是技術(shù)發(fā)展的總趨勢(shì)。這種技術(shù)將應(yīng)用系統(tǒng)發(fā)展到了一個(gè)新的時(shí)代，選用SpringBoot+Vue前后端分離模式開(kāi)發(fā)軟件，以MySQL數(shù)據(jù)庫(kù)座位數(shù)據(jù)庫(kù)服務(wù)器處理大量數(shù)據(jù)且維護(hù)數(shù)據(jù)的完整性。硬件可行性分析該系統(tǒng)對(duì)硬件要求不高。它只需要在一般的臺(tái)式電腦或筆記本電腦上安裝一個(gè)瀏覽器就可以實(shí)現(xiàn)數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)等業(yè)務(wù)操作。服務(wù)器的處理器、存儲(chǔ)和空間只需滿(mǎn)足系統(tǒng)的最低配置。這些要求易于實(shí)現(xiàn)，因此系統(tǒng)的硬件是可行的。軟件可行性分析Java語(yǔ)言是一種簡(jiǎn)單而普遍的語(yǔ)言。使用java語(yǔ)言實(shí)現(xiàn)B/S體系結(jié)構(gòu)非常方便，java語(yǔ)言提供了多種接口和編程方法來(lái)保證軟件的安全性與擴(kuò)展性。Springboot和Vue都是開(kāi)源易用的框架，在MVC三層架構(gòu)系統(tǒng)的設(shè)計(jì)中具有絕對(duì)優(yōu)勢(shì)。因此，本系統(tǒng)的軟件也是可行的。經(jīng)濟(jì)可行性分析開(kāi)發(fā)該系統(tǒng)的成本相對(duì)較低不需要投入太多，只需要一臺(tái)標(biāo)準(zhǔn)的計(jì)算機(jī)和相關(guān)的軟件工具配合。該系統(tǒng)的開(kāi)發(fā)完成成本預(yù)算遠(yuǎn)低于所帶來(lái)的經(jīng)濟(jì)效益，因此具有經(jīng)濟(jì)可行性。

需求分析說(shuō)明書(shū)市場(chǎng)細(xì)分及各細(xì)分市場(chǎng)需求隨著房地產(chǎn)業(yè)的發(fā)展，人們生活品質(zhì)的提高，現(xiàn)代智能小區(qū)的出現(xiàn)，物業(yè)管理需要處理的業(yè)務(wù)量和數(shù)據(jù)量都在增加。即使是物業(yè)管理公司也經(jīng)常需要同時(shí)管理多個(gè)社區(qū)。通過(guò)軟件設(shè)計(jì)，它不僅包括傳統(tǒng)的數(shù)據(jù)維護(hù)、物業(yè)管理、用房裝修和維護(hù)管理，還包括智能系統(tǒng)管理。因而，設(shè)計(jì)一款順應(yīng)潮流的不斷發(fā)展的物業(yè)管理系統(tǒng)軟件，運(yùn)用先進(jìn)的計(jì)算機(jī)信息管理技術(shù)和手段，對(duì)智能小區(qū)進(jìn)行全面的物業(yè)管理，是物業(yè)管理發(fā)展的必定趨向。設(shè)計(jì)目標(biāo)本系統(tǒng)的目的是為居民提供更高效、便捷的生活環(huán)境。具體目標(biāo)包括以下五個(gè)方面:1、系統(tǒng)可以定期進(jìn)行安排和優(yōu)化。2、系統(tǒng)易于維護(hù)和更新，應(yīng)用范圍廣。3、界面友好，可提供清晰的操作提示。4、系統(tǒng)運(yùn)行快速穩(wěn)定。5、系統(tǒng)擴(kuò)展性強(qiáng)，便于及時(shí)添加新的功能模塊。功能性需求分析從實(shí)際社區(qū)管理的角度出發(fā)，結(jié)合社區(qū)網(wǎng)站的設(shè)計(jì)標(biāo)準(zhǔn)，對(duì)物業(yè)管理進(jìn)行科學(xué)系統(tǒng)的設(shè)計(jì)。物業(yè)管理人員能方便快捷地登記業(yè)主信息情況，處理業(yè)主投訴和維修請(qǐng)求，發(fā)放繳費(fèi)信息，發(fā)布社區(qū)公告，停車(chē)場(chǎng)管理。小區(qū)物業(yè)管理系統(tǒng)的一般要求包括:實(shí)時(shí)監(jiān)控小區(qū)內(nèi)設(shè)備的運(yùn)行狀態(tài)，及時(shí)獲取小區(qū)內(nèi)監(jiān)控系統(tǒng)的數(shù)據(jù)，以保證各種設(shè)備的正常運(yùn)行;獲取住戶(hù)的投訴與建議并及時(shí)處理，以保障住戶(hù)的生活品質(zhì)。根據(jù)小區(qū)物業(yè)管理業(yè)務(wù)的發(fā)展越來(lái)越復(fù)雜和未來(lái)智能小區(qū)的發(fā)展趨勢(shì)，設(shè)計(jì)一套智能小區(qū)物業(yè)管理系統(tǒng)是很有必要的。

系統(tǒng)總體設(shè)計(jì)總體設(shè)計(jì)的目的是為了實(shí)現(xiàn)系統(tǒng)的預(yù)期功能，首先對(duì)系統(tǒng)進(jìn)行了總體設(shè)計(jì)。系統(tǒng)總體系結(jié)構(gòu)設(shè)計(jì)為了使后臺(tái)項(xiàng)目和前端頁(yè)面項(xiàng)目代碼能夠分開(kāi)管理，易于部署與擴(kuò)展，系統(tǒng)采用前端和后端分離模式進(jìn)行設(shè)計(jì)。在開(kāi)發(fā)一個(gè)新系統(tǒng)時(shí)需要先進(jìn)行系統(tǒng)總設(shè)計(jì)，其目標(biāo)是將物業(yè)管理的業(yè)務(wù)流程的邏輯梳理清楚，在正式開(kāi)發(fā)的時(shí)候才能避免走彎路，有條有理地開(kāi)發(fā)下去。本系統(tǒng)為了提高開(kāi)發(fā)效率，采用了基于SpringBoot+Vue前后端分離模式的技術(shù)開(kāi)發(fā)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)。采用街知巷聞的工具——MySQL保存處理數(shù)據(jù)，其作為一個(gè)成熟的數(shù)據(jù)庫(kù)管理系統(tǒng)，MySQL的基本功能必須包含在關(guān)鍵引用對(duì)象中可以滿(mǎn)足各種業(yè)務(wù)需求。本系統(tǒng)設(shè)計(jì)的最基本的要求和功能是要實(shí)現(xiàn)物業(yè)管理系統(tǒng)中房屋管理系統(tǒng)、業(yè)主管理系統(tǒng)、繳費(fèi)管理系統(tǒng)、報(bào)修管理系統(tǒng)、智慧停車(chē)系統(tǒng)、智慧服務(wù)系統(tǒng)、設(shè)備管理系統(tǒng)的數(shù)據(jù)輸入、輸出、修改和查詢(xún)，這些改變都需要及時(shí)更新數(shù)據(jù)庫(kù)，數(shù)據(jù)的輸入和輸出的過(guò)程能否順利完成依賴(lài)于MySQL數(shù)據(jù)庫(kù)的支持。總體設(shè)計(jì)內(nèi)容本設(shè)計(jì)采取基于SpringBoot+Vue的前后端分離模式的設(shè)計(jì)與實(shí)現(xiàn)。前后端分離模式（1）前后端分離模式的說(shuō)明在傳統(tǒng)的MVC架構(gòu)開(kāi)發(fā)中沒(méi)有實(shí)現(xiàn)前端和后端分離，所以修改起來(lái)很不方便，而前后端分離模式能更好地實(shí)現(xiàn)高內(nèi)聚低耦合。在應(yīng)用程序運(yùn)行時(shí)，所有代碼都被打包并安排到同一個(gè)服務(wù)器上，或者執(zhí)行簡(jiǎn)單的動(dòng)態(tài)和靜態(tài)的分離部署。本系統(tǒng)采取基于SpringBoot+Vue的前端和后端分離模式進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)。前端和后端的端口部門(mén)的分離是將瀏覽器和客戶(hù)端等作為前端，而真正提供服務(wù)的軟件作為后端。MVC模式圖6.2改進(jìn)的MVC模式視圖展示REST將瀏覽器視為前端，而服務(wù)器視為后端，可以將改進(jìn)后的MVC模式簡(jiǎn)化為前后端分離模式展示：圖6.3前后端分離模式展示改進(jìn)的MVC模式中，輸入的內(nèi)容是Ajax申請(qǐng)而輸出的結(jié)果是JSON數(shù)據(jù)，REST就能實(shí)現(xiàn)此功能。本系統(tǒng)也是使用REST請(qǐng)求實(shí)現(xiàn)前端與后端的數(shù)據(jù)交互，完成系統(tǒng)中各功能的邏輯實(shí)現(xiàn)。Vue.js框架Vue.js的優(yōu)點(diǎn)(1)體積不大；(2)相較于傳統(tǒng)框架有更高的運(yùn)行效率；(3)可以進(jìn)行雙向的數(shù)據(jù)綁定；(4)生態(tài)豐富，學(xué)習(xí)成本低。功能模塊設(shè)計(jì)總體功能模塊結(jié)構(gòu)圖6.4系統(tǒng)總體模塊圖數(shù)據(jù)庫(kù)設(shè)計(jì)所使用數(shù)據(jù)庫(kù)名稱(chēng)：zs_mysql；數(shù)據(jù)庫(kù)類(lèi)型：MySql數(shù)據(jù)庫(kù)(5.6版本)；連接方式：Springboot集成JDBC自動(dòng)配置數(shù)據(jù)源圖6.5樓房信息表圖6.6設(shè)備表圖6.7繳費(fèi)表圖6.8智慧停車(chē)表圖6.9業(yè)主信息表圖6.10報(bào)修表圖6.11房屋信息表圖6.12訪(fǎng)問(wèn)登記表圖6.13建議表

詳細(xì)設(shè)計(jì)說(shuō)明書(shū)編寫(xiě)目的系統(tǒng)具體設(shè)計(jì)的基本目標(biāo)是確定如何實(shí)現(xiàn)所需要的系統(tǒng)。這個(gè)階段不是編寫(xiě)程序的時(shí)候，而是設(shè)計(jì)一個(gè)程序的藍(lán)圖，這樣以后就可以按照這個(gè)藍(lán)圖來(lái)編寫(xiě)相應(yīng)的程序代碼。具體的設(shè)計(jì)根本上決定了最終代碼的品質(zhì)。詳細(xì)設(shè)計(jì)概述物業(yè)管理系統(tǒng)設(shè)計(jì)時(shí)，模擬物業(yè)管理系統(tǒng)的所有流程按照現(xiàn)實(shí)物業(yè)管理來(lái)實(shí)現(xiàn)。系統(tǒng)詳細(xì)功能結(jié)構(gòu)系統(tǒng)功能模塊詳細(xì)介紹其主要包括如下具體功能：（1）資產(chǎn)管理子系統(tǒng)：包括房屋、樓棟和單元信息的記錄與查詢(xún)。樓棟管理模塊包括樓棟信息的增刪改查；房屋管理模塊則包括房屋基本信息的增刪改查。（2）業(yè)主管理子系統(tǒng)：主要是對(duì)業(yè)主信息的登記與會(huì)員的登記。（3）繳費(fèi)管理子系統(tǒng)：此子系統(tǒng)主要功能負(fù)責(zé)對(duì)平時(shí)業(yè)主的水電費(fèi)、物業(yè)費(fèi)、維修費(fèi)、停車(chē)費(fèi)等的收取，其收費(fèi)項(xiàng)目和類(lèi)型都能根據(jù)實(shí)際情況而改變，能及時(shí)調(diào)整、查詢(xún)和統(tǒng)計(jì)，可以滿(mǎn)足物業(yè)公司對(duì)住戶(hù)征收費(fèi)用時(shí)的不同需求。（4）報(bào)修管理子系統(tǒng)：得知住戶(hù)的維修需求并記錄，及時(shí)派專(zhuān)員跟進(jìn)處理，以保障住戶(hù)利益。（5）智慧停車(chē)子系統(tǒng)：主要包括停車(chē)場(chǎng)管理與停車(chē)記錄，及時(shí)更新停車(chē)場(chǎng)信息（6）智慧服務(wù)子系統(tǒng)：主要功能有訪(fǎng)客登記、訪(fǎng)客記錄，保障住戶(hù)安全；傳播積極的小區(qū)文化，使鄰里間關(guān)系更親近，住戶(hù)們和諧共處；接受住戶(hù)的建議與投訴，及時(shí)跟進(jìn)，提高住戶(hù)生活品質(zhì)。（7）設(shè)備管理子系統(tǒng)：包括門(mén)禁卡、路燈等設(shè)備的日常運(yùn)營(yíng)、維修的管理。該物業(yè)管理信息系統(tǒng)按照MVC模式開(kāi)發(fā)，因此在此部分按照MVC模式開(kāi)發(fā)順序描述系統(tǒng)的實(shí)現(xiàn)。

JavaBean特別說(shuō)明基本方法在上述級(jí)別的Javabean中有實(shí)現(xiàn)相同功能的基本方法?，F(xiàn)在我們有了一個(gè)統(tǒng)一的解釋:為了操作數(shù)據(jù)庫(kù)，需要對(duì)定義在JavaBean內(nèi)部和外部的變量進(jìn)行通信、設(shè)置和讀取，所以需要使用set()方法;get();方法。當(dāng)您想要在javabean中設(shè)置變量時(shí)，使用set()方法，在獲取時(shí)使用get()方法。例如：publicvoidsetUsername(Stringusername){this.username=username;}//設(shè)置bean中的username.通常this.用來(lái)標(biāo)識(shí)bean內(nèi)的當(dāng)前對(duì)象。publicStringgetUsername(){returnthis.username;}重要語(yǔ)句說(shuō)明：每一個(gè)操作數(shù)據(jù)庫(kù)的方法必須包括兩條重要語(yǔ)句。Statementstmt=conn.createStatement();Statement類(lèi)的對(duì)象由createStatement方法創(chuàng)建其用于一般查詢(xún)語(yǔ)句的執(zhí)行.ResultSetrs=stmt.executeQuery();SQL語(yǔ)句通過(guò)語(yǔ)句類(lèi)發(fā)送，語(yǔ)句類(lèi)的對(duì)象由createstatement方法創(chuàng)建，該方法用于執(zhí)行通用查詢(xún)語(yǔ)句ResultSetrs=stmt.executeQuery();在發(fā)送SQL語(yǔ)句之后，返回的結(jié)果通常存儲(chǔ)在resultset類(lèi)的對(duì)象中。可以將resultset視為一個(gè)表，其中包含SQL返回的列名和相應(yīng)的值。指向當(dāng)前行的指針維護(hù)在resultset對(duì)象中。通過(guò)一系列rs.get()方法，可以檢索和顯示當(dāng)前行的每一列。當(dāng)語(yǔ)句對(duì)象要插入或刪除數(shù)據(jù)庫(kù)時(shí)，它通常使用stmt。直接執(zhí)行(SQL)語(yǔ)句，而不是返回結(jié)果值。

編碼總述物業(yè)管理信息系統(tǒng)的開(kāi)發(fā)代碼比較復(fù)雜，無(wú)法詳細(xì)論述所有的程序代碼，在此只將開(kāi)發(fā)過(guò)程中遇到挫折的地方和比較有亮點(diǎn)的地方代碼片斷展示一下。程序亮點(diǎn)前端程序亮點(diǎn)前端采用Element-ui組件：使用ElementUI可以快速實(shí)現(xiàn)前端UI的搭建開(kāi)發(fā)，通常用于后臺(tái)項(xiàng)目中。目前該組件庫(kù)已滿(mǎn)足前端多種場(chǎng)景的顯示效果：圖9.1部分代碼截圖圖9.2頁(yè)面效果截圖通過(guò)使用elment-ui組件，直接使用組件提供的標(biāo)簽實(shí)現(xiàn)頁(yè)面的快速開(kāi)發(fā)。后臺(tái)程序亮點(diǎn)使用Spring常用注解實(shí)現(xiàn)接口開(kāi)發(fā)：@RestController在Spring中@RestController的作用等同于@Controller+@ResponseBody，所以想要理解@RestController注解就要先了解@Controller和@ResponseBody注解。@Controller在展現(xiàn)層使用，控制器的聲明@ResponseBody：圖9.3@ResponseBody代碼截圖@PostMapping@GetMapping@DeleteMapping：Spring4.3中引進(jìn)了｛@GetMapping、@PostMapping、@PutMapping、@DeleteMapping、@PatchMapping｝來(lái)幫助簡(jiǎn)化常用的HTTP方法的映射并更好地表達(dá)被注解方法的語(yǔ)義@GetMapping：處理get請(qǐng)求，傳統(tǒng)的RequestMapping來(lái)編寫(xiě)應(yīng)該是@RequestMapping(value=“/get/{id}”,method=RequestMethod.GET)新方法可以簡(jiǎn)寫(xiě)為圖9.4@GetMapping代碼截圖@PostMapping：處理post請(qǐng)求，傳統(tǒng)的RequestMapping來(lái)編寫(xiě)應(yīng)該是@RequestMapping(value=“/get/{id}”,method=RequestMethod.POST)新方法可以簡(jiǎn)寫(xiě)為：圖9.5@PostMapping代碼截圖@DeleteMapping：刪除URL映射，主要用于刪除數(shù)據(jù)的接口圖9.6@DeleteMapping代碼截圖數(shù)據(jù)服務(wù)層采用Mybatis-plus框架+Lombok注解簡(jiǎn)化開(kāi)發(fā)：Mybatis-plus項(xiàng)目中主要用到以下實(shí)現(xiàn)：服務(wù)接口層：圖9.7服務(wù)接口層代碼截圖服務(wù)實(shí)現(xiàn)層：圖9.8服務(wù)實(shí)現(xiàn)層代碼截圖Dao實(shí)現(xiàn)層：圖9.9Dao實(shí)現(xiàn)層代碼截圖程序通過(guò)實(shí)現(xiàn)/集成mybatis-plus的通用類(lèi)，即可實(shí)現(xiàn)面向?qū)ο蟮脑鰟h改查功能，在簡(jiǎn)化開(kāi)發(fā)的同時(shí)也保證了系統(tǒng)的穩(wěn)定性。Lombok使用Lombok前的POJO類(lèi)代碼如下：圖9.10POJO類(lèi)代碼截圖使用Lombok后，只需要使用@Getter等注解即可實(shí)現(xiàn)相同功能的POJO，代碼如下：圖9.11使用Lombok后的代碼截圖物業(yè)管理系統(tǒng)測(cè)試簡(jiǎn)介測(cè)試此環(huán)節(jié)在程序設(shè)計(jì)中的地位非常重要。所以為了進(jìn)一步規(guī)范測(cè)試工作，有必要為軟件測(cè)試工作提供詳細(xì)的指導(dǎo)流程以此提高軟件開(kāi)發(fā)工作的質(zhì)量，因此有必要制定測(cè)試規(guī)范。測(cè)試內(nèi)容功能測(cè)試(1)確保各頁(yè)面的功能鍵、按鈕、選項(xiàng)的標(biāo)簽正確;(2)確保在多個(gè)頁(yè)面之間能快速無(wú)誤地切換；(3)檢查每頁(yè)提交的表單是否正確;(4)JavaScript的每一頁(yè)是否正確工作。正確性測(cè)試(1)進(jìn)入系統(tǒng)，瀏覽整個(gè)系統(tǒng)。分別有資產(chǎn)管理模塊、業(yè)主管理模塊、繳費(fèi)管理模塊、維修應(yīng)用管理模塊、智慧停車(chē)模塊、智慧服務(wù)模塊，管理員依次操作檢查各個(gè)模塊的功能。在演示過(guò)程中，檢查每個(gè)模塊功能是否可以按照預(yù)期的標(biāo)準(zhǔn)操作成功。(2)對(duì)于帶有增或刪操作的功能，查看增或刪操作的結(jié)果是否正確的。測(cè)試時(shí)，應(yīng)先點(diǎn)擊相應(yīng)按鈕然后手動(dòng)打開(kāi)數(shù)據(jù)庫(kù)表查看增或刪的效果。測(cè)試示例:選擇所有者，根據(jù)正常流程管理和輸入所有者信息。打開(kāi)數(shù)據(jù)庫(kù)表，看看是否可以將它寫(xiě)入數(shù)據(jù)庫(kù)。數(shù)據(jù)庫(kù)上的其他訂單和操作也遵循此方法。(3)檢查權(quán)限是否與針對(duì)管理員權(quán)限的操作一致。測(cè)試用例測(cè)試用例擁有一套完善的測(cè)試步驟。編寫(xiě)測(cè)試用例的方法主要是首先編寫(xiě)相應(yīng)數(shù)量的有效測(cè)試用例，然后根據(jù)測(cè)試用例盡可能多的發(fā)現(xiàn)系統(tǒng)的不足。具體測(cè)試用例如下(下面舉幾個(gè)例子介紹一下)：用例IDT001用例名稱(chēng)管理員登錄用例描述管理員通過(guò)輸入管理員賬戶(hù)和密碼登錄系統(tǒng)測(cè)試步驟編號(hào)場(chǎng)景測(cè)試步驟預(yù)期結(jié)果實(shí)際結(jié)果Step1進(jìn)入登錄頁(yè)面點(diǎn)擊登錄按鈕進(jìn)入登錄頁(yè)面成功進(jìn)入登錄頁(yè)面與預(yù)期結(jié)果一致Step2進(jìn)行登錄輸入用戶(hù)名與密碼系統(tǒng)跳轉(zhuǎn)至管理員頁(yè)面與預(yù)期結(jié)果一致表10.1管理員登錄的測(cè)試用例用例IDT001用例名稱(chēng)登記業(yè)主信息用例描述管理員通過(guò)簡(jiǎn)易操作登記業(yè)主信息測(cè)試步驟編號(hào)場(chǎng)景測(cè)試步驟預(yù)期結(jié)果實(shí)際結(jié)果Step1進(jìn)入管理員頁(yè)面在登錄頁(yè)面輸入用戶(hù)名與密碼系統(tǒng)跳轉(zhuǎn)至管理