[发明专利]一种利用脑图进行项目展示的方法及系统

权利要求书

1.一种利用脑图进行项目展示的方法，其特征在于，包括以下步骤：

步骤1，构建基于HTML5、JavaScript软件的脑图插件，脑图插件包括：视图层、控制器、数据层；视图层用于界面展示以及基本操作，用户在视图层的相关操作会通过控制层作用于数据层；控制器用于处理数据，以满足视图层的数据模型，同时通过事件订阅，来同步视图层的用户操作以更新数据层的数据；数据层用于提供脑图的基本数据；

步骤2，构建基于脑图插件的数据模型，设计数据结构，包括：ID、名称、截止时间、父节点ID、负责人、类型、状态、特殊标记、操作权限，使数据层的数据之间以父节点ID来建立层级关系；

步骤3，构建基于脑图插件的控制器，脑图插件初始化后，在数据处理模块挂载事件订阅器，在导入数据时,数据处理模块依据步骤2中的数据模型来结构化数据,传递给视图层显示，同时通过事件订阅器将视图层的操作结果同步至数据层；

步骤4，构建基于脑图数据模型的导航器、脑图模式、文档模式；文档模式是基于HTML5绘制的可编辑文档界面，在文档模式下，用户对项目数据的操作变得和编辑文档一样简单高效；脑图模式是基于HTML5的SVG绘图技术绘制的可视化图形界面，其依据步骤2构建的数据模型，不同类型、不同状态的数据体现不同的图形化效果，而不同操作权限的数据通过步骤3提供的控制器展示不同的操作控件；

步骤5，在基于HTML5的WEB应用中，安装脑图插件后，通过脑图插件的开放API导入步骤2中构建的数据模型，即可在WEB应用中将数据以脑图模式或文档模式来展示。

2.根据权利要求1所述的一种利用脑图进行项目展示的方法，其特征在于，步骤4所述的导航器是一系列快捷操作的集合，包括面包屑、模式切换、搜索、导出、快捷键、一键展开、缩放、缩略图。

3.一种利用脑图进行项目展示的系统，其特征在于，包括有视图层、控制器、数据层；

所述的视图层用于界面展示以及基本操作，用户在视图层的相关操作会通过控制层作用于数据层；

所述的控制器用于处理数据，以满足视图层的数据模型，同时通过事件订阅，来同步视图层的用户操作以更新数据层的数据；

所述的数据层用于提供脑图的基本数据。

4.根据权利要求3所述的一种利用脑图进行项目展示的系统，其特征在于，所述的视图层包括脑图模式、文档模式和导航器；脑图模式用于在基于HTML5的WEB应用中，将数据展示在可视化图形化界面上，文档模式用于在基于HTML5的WEB应用中，将数据展示在可编辑的文档界面上,导航器用于展示在不同模式下的快捷操作。

5.根据权利要求3所述的一种利用脑图进行项目展示的系统，其特征在于，所述的控制器包括数据处理模块、事件订阅器；数据处理模块用于处理数据层提供的数据，使数据得以在视图层展示；事件订阅器用于数据处理模块和视图层之间通信的桥梁，事件订阅器将数据处理模块处理后的数据发布到视图层展示,也可以将视图层的操作结果同步至数据处理模块进行处理。

6.根据权利要求3所述的一种利用脑图进行项目展示的系统，其特征在于，所述的数据层包括项目数据、清单数据和任务数据；项目数据用于描述脑图的主题，作为初始根节点显示在脑图界面上；清单数据用于描述脑图的二级主题，作为二级节点分布在根节点之后；任务数据用于描述脑图的子主题，作为分支节点以树状结构的形式分布在二级节点之后。