朱玉琴，周碧林，張亞，段興娥，龔維印

（六盤(pán)水師范學(xué)院 計(jì)算機(jī)科學(xué)學(xué)院，貴州 六盤(pán)水 553004）

0 引言

隨著互聯(lián)網(wǎng)的不斷發(fā)展，傳統(tǒng)的半手工化商品房信息管理系統(tǒng)已無(wú)法滿(mǎn)足日益增長(zhǎng)的房屋數(shù)量和客戶(hù)信息管理的需求。由于商品房管理工作的特殊性，面向的群眾廣、管理的信息量大、處理的信息雜亂，使得房屋信息管理的任務(wù)繁重、工作量增加、工作難度增大，嚴(yán)重影響房源管理部門(mén)的工作質(zhì)量和工作效率。目前市場(chǎng)商品房管理系統(tǒng)存在的主要問(wèn)題有：（1）房企開(kāi)發(fā)商與房產(chǎn)管理局之間的資源不能實(shí)時(shí)共享；（2）網(wǎng)上發(fā)布的信息與實(shí)際信息不對(duì)稱(chēng)；（3）客戶(hù)信息管理不完善。因此借助互聯(lián)網(wǎng)技術(shù)開(kāi)發(fā)了基于H5的鐘山區(qū)商品房銷(xiāo)售管理系統(tǒng)。

1 系統(tǒng)需求分析

系統(tǒng)后端通過(guò)對(duì)房源信息、銷(xiāo)售記錄、客戶(hù)信息、用戶(hù)信息的集中管理，不僅提高員工的工作效率。而且利用智能化的信息技術(shù)對(duì)復(fù)雜、龐大的房源數(shù)據(jù)信息進(jìn)行標(biāo)準(zhǔn)化管理，保證了房源數(shù)據(jù)的準(zhǔn)確性、降低企業(yè)管理的成本、提升房企的經(jīng)營(yíng)效益。系統(tǒng)前端的房源詳情查看、房貸計(jì)算、地圖導(dǎo)航的實(shí)現(xiàn)，提高用戶(hù)的使用體驗(yàn)，而且系統(tǒng)界面布局簡(jiǎn)單、美觀(guān)、規(guī)范。

2 系統(tǒng)設(shè)計(jì)

2.1 系統(tǒng)體系結(jié)構(gòu)

系統(tǒng)總體上分為數(shù)據(jù)層、表示層、業(yè)務(wù)層。三層相互協(xié)作實(shí)現(xiàn)鐘山區(qū)商品房銷(xiāo)售管理系統(tǒng)。系統(tǒng)體系結(jié)構(gòu)圖如圖1所示。

圖1 系統(tǒng)體系結(jié)構(gòu)圖

2.2 功能設(shè)計(jì)

根據(jù)需求分析，明確系統(tǒng)在各個(gè)功能上所需要達(dá)到的目標(biāo)。系統(tǒng)主要分為用戶(hù)界面、管理員界面和游客三個(gè)模塊。模塊的劃分遵循低耦合、高內(nèi)聚的原則。基于H5的鐘山區(qū)商品房銷(xiāo)售管理系統(tǒng)的功能結(jié)構(gòu)圖如圖2所示。

圖2 系統(tǒng)的功能結(jié)構(gòu)圖

2.3 數(shù)據(jù)庫(kù)設(shè)計(jì)

系統(tǒng)主要有管理員表、房源信息表、客戶(hù)信息表、銷(xiāo)售記錄表、用戶(hù)表，系統(tǒng)的E-R 模型如圖3所示。

圖3 E-R 模型

（1）sys-user 表：系統(tǒng)ID（id），用戶(hù)名（username），密碼（password），姓名（name），角色（role-id），創(chuàng)建時(shí)間（create-time），工號(hào)（number-g），性別（sex），年齡（age），電話(huà)（phone）。管理員信息表，系統(tǒng)ID 作為sys-user 表的主鍵，其中系統(tǒng)ID、用戶(hù)名、密碼、角色、創(chuàng)建時(shí)間不允許為空。

（2）app-customer 表：主鍵ID（id），姓名（name），電話(huà)（phone），性別（sex），意向狀態(tài)（intention），創(chuàng)建者（create_user），備注（note）?？蛻?hù)信息表，主鍵id作為app-customer 表的主鍵。

（3）app-sales-record表：主鍵ID（id），房源id（room-id），銷(xiāo)售人員（sales-people），銷(xiāo)售價(jià)格（sales-price），銷(xiāo)售時(shí)間（sales-time），備注（note），主鍵Id 作為app-salesrecord 表的主鍵。

（4）app-user 表：主鍵ID（id），賬號(hào)（username），密碼（password），昵稱(chēng)（nickname），電話(huà)（phone）。用戶(hù)信息表，主要要記錄注冊(cè)登錄系統(tǒng)的用戶(hù)的基本信息。

（5）app-housing 表：主鍵ID（Id），名稱(chēng)（name），狀態(tài)（state），銷(xiāo)售價(jià)（sales-price），單價(jià)（price），樓層（floor），面積（area），主圖（head-img），其他圖片（other-img），所屬小區(qū)（w-community），房源地址（housing-address），物業(yè)類(lèi)型（wy-type），年限（years），幾室（ws），幾廳（wt），幾衛(wèi)（ww），經(jīng)度（lng），緯度（lat）。房源信息表主要記錄房源的基本信息。

3 系統(tǒng)實(shí)現(xiàn)

3.1 相關(guān)技術(shù)

系統(tǒng)采用B/S 模式，后端使用SpringBoot 框架集成MyBatis 框架對(duì)MySQL 數(shù)據(jù)庫(kù)進(jìn)行操作。該系統(tǒng)主要使用Java、HTML5、JavaScript 技術(shù)開(kāi)發(fā)，與其他語(yǔ)言相比，Java 語(yǔ)言更加的簡(jiǎn)單、安全、可移植性更加的高。HTML5語(yǔ)言不僅提高系統(tǒng)用戶(hù)的體驗(yàn)感和視覺(jué)感，而且HTML5 可以跨平臺(tái)、適配多終端，大大降低了開(kāi)發(fā)的成本。JavaScript是由客戶(hù)端瀏覽器直接編譯運(yùn)行的單線(xiàn)程語(yǔ)言，能夠直接響應(yīng)用戶(hù)發(fā)送過(guò)來(lái)的指令，運(yùn)行速度快。

3.2 管理員界面

管理員輸入正確的賬號(hào)、密碼以及驗(yàn)證碼就可以登錄到系統(tǒng)后臺(tái)主頁(yè)，在系統(tǒng)后臺(tái)管理員可以對(duì)客戶(hù)信息、用戶(hù)信息、銷(xiāo)售記錄以及房源信息等進(jìn)行管理。如點(diǎn)擊房源管理按鈕，就可以獲取到房源信息列表，對(duì)房源信息進(jìn)行刪除、修改、新增、定位、查詢(xún)等操作。管理員在系統(tǒng)后端更新的房源數(shù)據(jù)信息也會(huì)實(shí)時(shí)的顯示到系統(tǒng)前端展示給用戶(hù)。

3.2.1 登錄

管理員在系統(tǒng)后端的登錄頁(yè)面輸入正確的賬號(hào)、密碼以及驗(yàn)證碼之后就可以登錄到系統(tǒng)的后端主頁(yè)。管理員登錄的實(shí)現(xiàn)圖如圖4所示。

圖4 管理員登錄實(shí)現(xiàn)圖

3.2.2 房源管理

管理員在登錄到系統(tǒng)后端主頁(yè)之后，點(diǎn)擊房源管理就可以獲取到房源信息列表，該模塊主要包括房源的名稱(chēng)、狀態(tài)（在售/預(yù)售/已售）、房型、房型等信息。通過(guò)該頁(yè)面管理員可以實(shí)現(xiàn)房源信息的修改、刪除、新增等操作，管理員更新的房源數(shù)據(jù)信息也會(huì)實(shí)時(shí)的顯示在系統(tǒng)前端，展示給用戶(hù)。房源管理的實(shí)現(xiàn)圖如圖5所示。

圖5 房源管理實(shí)現(xiàn)圖

3.2.3 用戶(hù)管理

在該頁(yè)面管理員可以編輯系統(tǒng)用戶(hù)賬號(hào)、密碼、昵稱(chēng)、頭像、手機(jī)號(hào)等信息，如果有新用戶(hù)注冊(cè)登錄到系統(tǒng)，該用戶(hù)的基本信息也會(huì)自動(dòng)新增在后臺(tái)用戶(hù)頁(yè)列表中。頁(yè)面的操作方便、快捷。用戶(hù)管理的實(shí)現(xiàn)效果圖如圖6所示。

圖6 用戶(hù)管理的實(shí)現(xiàn)圖

3.2.4 銷(xiāo)售記錄

銷(xiāo)售記錄是以報(bào)表的形式顯示房屋的成交情況，主要包含房源名稱(chēng)、銷(xiāo)售人員、房屋成交價(jià)格、房屋銷(xiāo)售時(shí)間以及簡(jiǎn)單的備注。此外，在系統(tǒng)后端的主頁(yè)上也有實(shí)時(shí)的銷(xiāo)售額柱狀圖統(tǒng)計(jì)。這樣房企管理層就可以通過(guò)直觀(guān)的數(shù)據(jù)以及統(tǒng)計(jì)圖，了解樓盤(pán)的銷(xiāo)售情況。銷(xiāo)售記錄的實(shí)現(xiàn)圖如圖7所示。

圖7 銷(xiāo)售記錄實(shí)現(xiàn)圖

3.3 用戶(hù)界面

用戶(hù)在登錄系統(tǒng)前端主頁(yè)后，進(jìn)入到鐘山區(qū)商品房主頁(yè)面，在該頁(yè)面用戶(hù)可以進(jìn)行房源搜素、房源詳情信息查看、聯(lián)系銷(xiāo)售，用戶(hù)還根據(jù)不同的貸款類(lèi)型、貸款金額以及貸款年限計(jì)算出每月所需要的月供及利息。用戶(hù)也可以到個(gè)人中心修改密碼、昵稱(chēng)、頭像、手機(jī)號(hào)等信息，如果有新用戶(hù)注冊(cè)登錄到系統(tǒng)，該用戶(hù)的基本信息會(huì)自動(dòng)新增在后臺(tái)用戶(hù)頁(yè)列表中。

3.3.1 登錄

有賬號(hào)和密碼的用戶(hù)，在輸入賬號(hào)和密碼之后，服務(wù)端將用戶(hù)輸入的數(shù)據(jù)與數(shù)據(jù)庫(kù)中保存的信息進(jìn)行比對(duì)，若比對(duì)成功之后用戶(hù)就可以登錄到鐘山區(qū)商品房主頁(yè)，若比對(duì)失敗，用戶(hù)則需要重新輸入正確的賬號(hào)和密碼。用戶(hù)登錄的實(shí)現(xiàn)圖如圖8所示。

圖8 用戶(hù)登錄實(shí)現(xiàn)圖

3.3.2 查看房源詳情

用戶(hù)在鐘山區(qū)商品房主頁(yè)上瀏覽到自己心儀的房源，點(diǎn)擊房源主圖就可以查看到房源的更多詳細(xì)信息，此外，在房源的詳情頁(yè)面調(diào)用了百度地圖接口，用戶(hù)可以根據(jù)地圖上提供的的信息更加準(zhǔn)確的了解房源的周邊信息。查看房源詳情實(shí)現(xiàn)圖如圖9所示。

圖9 查看房源詳情實(shí)現(xiàn)圖

3.3.3 房貸計(jì)算

用戶(hù)在進(jìn)入到鐘山區(qū)商品房主頁(yè)之后，如果挑選到自己滿(mǎn)意的房源，可以點(diǎn)擊房貸計(jì)算，根據(jù)不同的貸款類(lèi)型、貸款年限就可以計(jì)算出每個(gè)月的月供、還款利息以及還款總金額。房貸計(jì)算的實(shí)現(xiàn)圖如圖10所示。

圖10 房貸計(jì)算實(shí)現(xiàn)圖

3.3.4 房源搜索

用戶(hù)可以輸入小區(qū)名進(jìn)行房源的搜索，也可以根據(jù)房源的狀態(tài)（在售/預(yù)售/已售）、房型（一室/兩室/三室/四室）、售價(jià)進(jìn)行房源的篩選，選擇最合適自己的房源。房源搜索的實(shí)現(xiàn)圖如圖11所示。

圖11 房源搜索實(shí)現(xiàn)圖

4 系統(tǒng)測(cè)試

系統(tǒng)測(cè)試是系統(tǒng)軟件開(kāi)發(fā)過(guò)程中的必不可少的一個(gè)環(huán)節(jié)，也是相對(duì)重要的部分，完善的系統(tǒng)測(cè)試功能能夠保證系統(tǒng)在未來(lái)使用過(guò)程中更加的順利，提高系統(tǒng)的質(zhì)量，以及提高系統(tǒng)的可靠性。該系統(tǒng)主要對(duì)數(shù)據(jù)庫(kù)連接進(jìn)行了測(cè)試，以及使用黑盒測(cè)試對(duì)管理員登錄、用戶(hù)登錄、客戶(hù)管理、房源管理等功能進(jìn)行了測(cè)試。根據(jù)測(cè)試的結(jié)果分析問(wèn)題出現(xiàn)的原因并合理的去解決問(wèn)題，從而進(jìn)一步保障系統(tǒng)的穩(wěn)定、安全。

通過(guò)對(duì)整個(gè)系統(tǒng)功能模塊的測(cè)試，系統(tǒng)基本滿(mǎn)足房開(kāi)商房源信息管理的功能，也滿(mǎn)足用戶(hù)看房的功能。系統(tǒng)采用的三層結(jié)構(gòu)設(shè)計(jì)也利于后期的維護(hù)與管理。

5 結(jié)論

本文介紹了基于H5的鐘山區(qū)商品房銷(xiāo)售管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，系統(tǒng)的實(shí)現(xiàn)不僅提高了鐘山區(qū)商品房信息管理的效率、降低了人工成本，而且集中的房源信息管理，方便了員工對(duì)房屋數(shù)據(jù)的管理與維護(hù)，提高了工作人員的工作效率。系統(tǒng)中也存在一些需要改進(jìn)的地方：（1）在用戶(hù)管理中能引用大數(shù)據(jù)技術(shù)，面向網(wǎng)絡(luò)對(duì)用戶(hù)的網(wǎng)絡(luò)行為進(jìn)行深度分析精準(zhǔn)挖掘，將每一個(gè)潛在客戶(hù)變成實(shí)際的客戶(hù)。（2）加入購(gòu)房合同簽署和流程查看的功能，與房產(chǎn)管理局實(shí)現(xiàn)信息的實(shí)時(shí)共享，提高用戶(hù)購(gòu)房的便捷。（3）優(yōu)化系統(tǒng)前后端頁(yè)面，提高用戶(hù)的體驗(yàn)。