朱玉琴，周碧林，张亚，段兴娥，龚维印

（六盘水师范学院 计算机科学学院，贵州 六盘水 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）优化系统前后端页面，提高用户的体验。