[发明专利]基于MVC和SVG的热区平面图实现方法、系统和装置

说明书

本发明公开了一种基于MVC和SVG的热区平面图实现方法、系统和装置，方法包括以下步骤使用SVG工具将平面效果图中的多个单位划分为多个热区，并且生成SVG文件；建立一个HTML格式的数据表，并将数据表中的数据单元与后台数据进行关联，所述数据表中的数据单元根据后台数据的变化实时更新；建立所述SVG文件中的多个热区与数据表中的数据单元之间的映射关系，每一个热区对应数据表中的一个数据单元，得到热区平面图。本发明利用MVC架构，将业务逻辑和视图部分的代码分离，使得在平面效果图进行修改时，无需对HTML文件进行修改，只需要修改SVG文件即可，因此本方法使用起来非常便捷。可以广泛应用于软件开发技术领域。

技术领域

本发明涉及计算机应用领域，尤其是一种基于MVC和SVG的热区平面图实现方法、系统和装置。

背景技术

名词解释：

SVG：可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集)，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。

MVC：Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

房地产租售行业尝尝用使用楼面平面效果图(一般是JPG格式)来展示房产的业态或者租售状态(如待租、已租、代售、已售等等)，不同的业态或者不同的租售状态通过不同的颜色体现，比如辅助的动态文字、动态效果、点击事件等。目前需要达到这样的技术效果，主要是在HTML文件中将热区一个一个地跟后台进行数据关联，以达到平面效果图跟随后台数据变化的效果。

但是这样的技术方案存在的问题，就是业务逻辑和视图部分的代码是混合在一个HTML文件中书写的，如楼层布局更换了，则需要对HTML文件进行修改，并且需要后台联动修改相关的数据接口。这样的修改方式对于修改的人员来说，不仅需要具备较强的专业性，而且修改起来涉及的范围广，因此对于不掌握HTML语言和后台开发能力的人员来说使用起来并不便捷。

发明内容

为解决上述技术问题，本发明的第一个目的在于：提供一种使用便捷的基于MVC和SVG的热区平面图实现方法。

本发明的第二个目的在于：提供一种使用便捷的基于MVC和SVG的热区平面图实现系统。

本发明的第三个目的在于：提供一种使用便捷的基于MVC和SVG的热区平面图实现装置。

本发明所采取的第一种技术方案是：

基于MVC和SVG的热区平面图实现方法，包括以下步骤：

使用SVG工具将一个平面效果图中的多个单位划分为多个热区，并且生成一个SVG文件；

建立一个HTML格式的数据表，并将数据表中的数据单元与后台数据进行关联，所述数据表中的数据单元根据后台数据的变化实时更新；

建立所述SVG文件中的多个热区与数据表中的数据单元之间的映射关系，每一个热区对应数据表中的一个数据单元，得到热区平面图。

进一步，所述数据单元的数量大于等于所述热区的数量。

进一步，所述数据单元包括至少一个业务数据。

进一步，所述业务数据包括门牌号的数据、业态的数据和单位面积的数据中的至少一种。

进一步，所述业态的数据使用颜色表示，以不同的颜色表示不同的业态。

进一步，还包括以下步骤：