基于H5的鐘山區商品房銷售管理系統的設計與實現

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

（六盤水師范學院 計算機科學學院，貴州 六盤水 553004）

0 引言

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

1 系統需求分析

系統后端通過對房源信息、銷售記錄、客戶信息、用戶信息的集中管理，不僅提高員工的工作效率。而且利用智能化的信息技術對復雜、龐大的房源數據信息進行標準化管理，保證了房源數據的準確性、降低企業管理的成本、提升房企的經營效益。系統前端的房源詳情查看、房貸計算、地圖導航的實現，提高用戶的使用體驗，而且系統界面布局簡單、美觀、規范。

2 系統設計

2.1 系統體系結構

系統總體上分為數據層、表示層、業務層。三層相互協作實現鐘山區商品房銷售管理系統。系統體系結構圖如圖1所示。

圖1 系統體系結構圖

2.2 功能設計

根據需求分析，明確系統在各個功能上所需要達到的目標。系統主要分為用戶界面、管理員界面和游客三個模塊。模塊的劃分遵循低耦合、高內聚的原則。基于H5的鐘山區商品房銷售管理系統的功能結構圖如圖2所示。

圖2 系統的功能結構圖

2.3 數據庫設計

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

圖3 E-R 模型

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

（2）app-customer 表：主鍵ID（id），姓名（name），電話（phone），性別（sex），意向狀態（intention），創建者（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）。用戶信息表，主要要記錄注冊登錄系統的用戶的基本信息。

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

3 系統實現

3.1 相關技術

系統采用B/S 模式，后端使用SpringBoot 框架集成MyBatis 框架對MySQL 數據庫進行操作。該系統主要使用Java、HTML5、JavaScript 技術開發，與其他語言相比，Java 語言更加的簡單、安全、可移植性更加的高。HTML5語言不僅提高系統用戶的體驗感和視覺感，而且HTML5 可以跨平臺、適配多終端，大大降低了開發的成本。JavaScript是由客戶端瀏覽器直接編譯運行的單線程語言，能夠直接響應用戶發送過來的指令，運行速度快。

3.2 管理員界面

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

3.2.1 登錄

管理員在系統后端的登錄頁面輸入正確的賬號、密碼以及驗證碼之后就可以登錄到系統的后端主頁。管理員登錄的實現圖如圖4所示。

圖4 管理員登錄實現圖

3.2.2 房源管理

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

圖5 房源管理實現圖

3.2.3 用戶管理

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

圖6 用戶管理的實現圖

3.2.4 銷售記錄

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

圖7 銷售記錄實現圖

3.3 用戶界面

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

3.3.1 登錄

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

圖8 用戶登錄實現圖

3.3.2 查看房源詳情

用戶在鐘山區商品房主頁上瀏覽到自己心儀的房源，點擊房源主圖就可以查看到房源的更多詳細信息，此外，在房源的詳情頁面調用了百度地圖接口，用戶可以根據地圖上提供的的信息更加準確的了解房源的周邊信息。查看房源詳情實現圖如圖9所示。

圖9 查看房源詳情實現圖

3.3.3 房貸計算

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

圖10 房貸計算實現圖

3.3.4 房源搜索

用戶可以輸入小區名進行房源的搜索，也可以根據房源的狀態（在售/預售/已售）、房型（一室/兩室/三室/四室）、售價進行房源的篩選，選擇最合適自己的房源。房源搜索的實現圖如圖11所示。

圖11 房源搜索實現圖

4 系統測試

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

通過對整個系統功能模塊的測試，系統基本滿足房開商房源信息管理的功能，也滿足用戶看房的功能。系統采用的三層結構設計也利于后期的維護與管理。

5 結論

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