(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210598616.8 (22)申请日 2022.05.30 (71)申请人 易协云 （杭州） 科技有限公司 地址 310000 浙江省杭州市滨江区长河街 道江南大道588号恒鑫大厦主楼19层 1927室 (72)发明人 高治剑　李伟　徐志军　 (74)专利代理 机构 西安国兆智汇知识产权代理 事务所(普通 合伙) 61269 专利代理师 董江华 (51)Int.Cl. G06F 9/455(2006.01) G06F 9/445(2018.01) G06F 9/451(2018.01) G06F 9/54(2006.01)G06F 16/21(2019.01) G06F 16/22(2019.01) G06F 16/26(2019.01) G06Q 10/10(2012.01) (54)发明名称 一种利用脑图进行项目展示的方法及系统 (57)摘要 一种利用脑图进 行项目展示的方法， 包括以 下步骤： 步骤1， 构建基于HTML5、 JavaScrip t的脑 图插件； 步骤2， 构建基于脑图插件的数据模型， 设计数据结构； 步骤3， 构建基于脑图插件的控制 器； 步骤4， 构建基于脑图插件的导航器、 脑图模 式、 文档模式； 步骤5， 在基于HTML5的WEB应用中， 安装脑图插件后， 通过脑图插件的开放API导入 步骤2中构建的数据模型， 即可在WEB应用中将数 据以脑图模式或文档模式来展 示； 一种利用脑图 进行项目展 示的系统， 包括视图层、 控制器、 数据 层； 视图层用于界面展示及基本操作； 控制器用 于处理数据； 数据层用于提供脑图的基本数据； 具备兼容性强、 操作简易、 层级清晰的特点。 权利要求书2页 说明书4页 附图1页 CN 114936069 A 2022.08.23 CN 114936069 A 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所述的一种利用脑图进行项目展示的系统， 其特征在于， 所述的数据 层包括项目数据、 清单数据和任务数据； 项目数据用于描述脑图的主题， 作为初始 根节点显 示在脑图界面上； 清单数据用于描述脑图的二级主题， 作为二级节 点分布在根节点之后； 任权　利　要　求　书 1/2 页 2 CN 114936069 A 2务数据用于描述脑图的子主题， 作为分支 节点以树状结构的形式分布在二级节点之后。权　利　要　求　书 2/2 页 3 CN 114936069 A 3