基于H5的鐘山區(qū)商品房銷售管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

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

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

圖3 E-R 模型

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

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

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

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

（5）app-housing 表：主鍵ID（Id），名稱（name），狀態(tài)（state），銷售價（sales-price），單價（price），樓層（floor），面積（area），主圖（head-img），其他圖片（other-img），所屬小區(qū)（w-community），房源地址（housing-address），物業(yè)類型（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 框架對MySQL 數(shù)據(jù)庫進(jìn)行操作。該系統(tǒng)主要使用Java、HTML5、JavaScript 技術(shù)開發(fā)，與其他語言相比，Java 語言更加的簡單、安全、可移植性更加的高。HTML5語言不僅提高系統(tǒng)用戶的體驗(yàn)感和視覺感，而且HTML5 可以跨平臺、適配多終端，大大降低了開發(fā)的成本。JavaScript是由客戶端瀏覽器直接編譯運(yùn)行的單線程語言，能夠直接響應(yīng)用戶發(fā)送過來的指令，運(yùn)行速度快。

3.2 管理員界面

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

3.2.1 登錄

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

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

3.2.2 房源管理

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

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

3.2.3 用戶管理

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

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

3.2.4 銷售記錄

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

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

3.3 用戶界面

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

3.3.1 登錄

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

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

3.3.2 查看房源詳情

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

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

3.3.3 房貸計(jì)算

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

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

3.3.4 房源搜索

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

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

4 系統(tǒng)測試

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

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

5 結(jié)論

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