利用vue绘制svg图表的方法、装置、计算机设备和存储介质.pdf

《利用vue绘制svg图表的方法、装置、计算机设备和存储介质.pdf》由会员分享，可在线阅读，更多相关《利用vue绘制svg图表的方法、装置、计算机设备和存储介质.pdf（12页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201910972611.5 (22)申请日 2019.10.14 (71)申请人 苏宁云计算有限公司 地址 210000 江苏省南京市玄武区徐庄软 件园苏宁大道1-1号 (72)发明人 黄文辉杨成颖孙迁 (74)专利代理机构 南京理工大学专利中心 32203 代理人 马鲁晋 (51)Int.Cl. G06F 40/174(2020.01) G06T 13/80(2011.01) (54)发明名称 利用vue绘制svg图表的方法、 装置、 计算机 设备和存储介质 (57)摘要 本。

2、发明公开了一种利用vue绘制svg图表的 方法、 装置、 计算机设备和存储介质， 方法包括： 搭建vue框架； 分别封装图表基础组件、 图表容 器； 定义图表基础组件、 图表容器各自的控制参 数； 根据用户图表样式需求配置图表基础组件和 图表容器； 封装所配置的图表基础组件和图表容 器， 并将图表数据传入图表容器， 构建图表并展 示； 根据交互请求处理图表。 装置包括框架搭建 单元、 图标库建立单元、 参数定义单元、 图表组件 配置单元、 图表构建单元以及交互单元。 计算机 设备和存储介质通过执行计算机程序能够实现 上述方法过程。 本发明提供封装、 提供定制化机 制， 以应对不同业务场景， 提。

3、高了图表的自由度、 可扩展性和复用性， 且更符合目前工程技术体 系， 易于理解和开发。 权利要求书2页 说明书7页 附图2页 CN 110781653 A 2020.02.11 CN 110781653 A 1.一种利用vue绘制svg图表的方法， 其特征在于， 包括以下步骤： 搭建渐进式vue框架； 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 定义所述图标库中每个图表基础组件和每个图表容器各自的控制参数； 接收用户图表样式需求， 根据所述需求分别配置图表基础组件和图表容器； 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表并将 该图表展示给用户； 接。

4、收用户的图表交互请求， 根据所述交互请求处理所述图表。 2.根据权利要求1所述的利用vue绘制svg图表的方法， 其特征在于， 所述接收用户图表 样式需求， 根据所述需求配置图表基础组件和图表容器， 包括： 所述用户图表样式需求为常规图表样式， 选取图标库中的图表基础组件和图表容器； 所述用户图表样式需求为自定义图表样式， 配置所述控制参数构建新的图表基础组件 和新的图表容器， 并在所述新的图表基础组件之间插入自定义元素。 3.根据权利要求1所述的利用vue绘制svg图表的方法， 其特征在于， 在所述将该图表展 示给用户之前， 还包括： 根据用户图表动画需求， 配置图表动画效果， 对图表所在视。

5、区进行 渲染。 4.根据权利要求3所述的利用vue绘制svg图表的方法， 其特征在于， 所述根据用户图表 动画需求， 配置图表动画效果， 包括： 封装常规图表动画效果以及通过FLIP方案新增的图表动画效果； 定义上述图表动画效果的控制参数； 所述用户图表动画需求为常规的图表动画效果， 选取上述封装的图表动画效果； 所述 用户图表动画需求为自定义图表动画效果， 配置所述图表动画效果的控制参数构建新的图 表动画效果。 5.根据权利要求1所述的利用vue绘制svg图表的方法， 其特征在于， 根据所述交互请求 处理所述图表的过程包括： 分析交互请求的对象及请求信息， 所述对象包括图表基础组件、 图表容。

6、器以及图表数 据； 所述请求信息包括修改图表基础组件的控制参数、 修改图表容器的控制参数以及更新 图表数据； 根据上述分析获得的交互请求的对象及请求信息， 对所述图表进行处理。 6.一种利用vue绘制svg图表的装置， 其特征在于， 包括： 框架搭建单元， 用于搭建渐进式vue框架； 图标库建立单元， 用于分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 参数定义单元， 用于定义所述图标库中每个图表基础组件和每个图表容器各自的控制 参数； 图表组件配置单元， 用于根据用户图表样式需求， 根据图标库建立单元和参数定义单 元配置图表基础组件和图表容器， 并封装配置后的图表基础组件和图表容。

7、器形成图表组 件； 图表构建单元， 用于根据所述图表组件以及图表数据构建图表， 并将该图表展示给用 户； 权利要求书 1/2 页 2 CN 110781653 A 2 交互单元， 用于根据用户图表交互请求处理所述图表。 7.根据权利要求6所述的利用vue绘制svg图表的装置， 其特征在于， 该装置还包括图表 渲染单元， 用于对所述图表构建单元构建的图表进行动态效果渲染后展示给用户。 8.根据权利要求7所述的利用vue绘制svg图表的装置， 其特征在于， 所述参数定义单元 还用于定义所述图表渲染单元的控制参数。 9.一种计算机设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计 算。

8、机程序， 其特征在于， 所述处理器执行所述计算机程序时实现权利要求1至5中任一项所 述方法的步骤。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 所述计算机程序 被处理器执行时实现权利要求1至5中任一项所述方法的步骤。 权利要求书 2/2 页 3 CN 110781653 A 3 利用vue绘制svg图表的方法、 装置、 计算机设备和存储介质 技术领域 0001 本发明属于图表制作技术领域， 特别涉及一种利用vue绘制svg图表的方法、 装置、 计算机设备和存储介质。 背景技术 0002 Vue中展示图标， 一般都是会用三方库如echarts、 g2等来实现， 这些三方。

9、库并不能 与很好的与Vue结合， 主要表现在四点： 1、 需要拿到一个dom元素， 在用三方库对dom元素做 处理， 这违背了Vue不直接操作dom的理念。 2、 不能通过直接修改数据这种Vue的方式来更新 图表， 需要手动调用它们提供的api来更新图表。 3、 这些三方库都是配置化渲染一张图表， 配置信息太多， 难以理解， 并且不能如Vue的模板一样直观反映内容的结构。 4、 这些库没有 提供一种直观的方式来让用户添加自己内容， 扩展报表展示内容， 只能使用在他们提供的 结构基础上做修改。 发明内容 0003 本发明的目的在于提供一种具有较高自由度、 定制化能力和扩展性的绘制svg图 表的方。

10、法、 装置、 计算机设备和存储介质， 用户可以根据自己的需求自定义快速绘制图表。 0004 实现本发明目的的技术解决方案为： 一种利用vue绘制svg图表的方法， 包括以下 步骤： 0005 搭建渐进式vue框架； 0006 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0007 定义所述图标库中每个图表基础组件和每个图表容器各自的控制参数； 0008 接收用户图表样式需求， 根据所述需求分别配置图表基础组件和图表容器； 0009 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表 并将该图表展示给用户； 0010 接收用户的图表交互请求， 根据所述交互请。

11、求处理所述图表。 0011 进一步地， 所述接收用户图表样式需求， 根据所述需求配置图表基础组件和图表 容器， 包括： 0012 所述用户图表样式需求为常规图表样式， 选取图标库中的图表基础组件和图表容 器； 0013 所述用户图表样式需求为自定义图表样式， 配置所述控制参数构建新的图表基础 组件和新的图表容器， 并在所述新的图表基础组件之间插入自定义元素。 0014 进一步地， 在所述将该图表展示给用户之前， 还包括： 根据用户图表动画需求， 配 置图表动画效果， 对图表所在视区进行渲染。 0015 进一步地， 所述根据用户图表动画需求， 配置图表动画效果， 包括： 0016 封装常规图表动。

12、画效果以及通过FLIP方案新增的图表动画效果； 0017 定义上述图表动画效果的控制参数； 说明书 1/7 页 4 CN 110781653 A 4 0018 所述用户图表动画需求为常规的图表动画效果， 选取上述封装的图表动画效果； 所述用户图表动画需求为自定义图表动画效果， 配置所述图表动画效果的控制参数构建新 的图表动画效果。 0019 进一步地， 根据所述交互请求处理所述图表的过程包括： 0020 分析交互请求的对象及请求信息， 所述对象包括图表基础组件、 图表容器以及图 表数据； 所述请求信息包括修改图表基础组件的控制参数、 修改图表容器的控制参数以及 更新图表数据； 0021 根据上。

13、述分析获得的交互请求的对象及请求信息， 对所述图表进行处理。 0022 一种利用vue绘制svg图表的装置， 该装置包括： 0023 框架搭建单元， 用于搭建渐进式vue框架； 0024 图标库建立单元， 用于分别封装若干图表基础组件和若干图表容器， 由此构建图 标库； 0025 参数定义单元， 用于定义所述图标库中每个图表基础组件和每个图表容器各自的 控制参数； 0026 图表组件配置单元， 用于根据用户图表样式需求， 根据图标库建立单元和参数定 义单元配置图表基础组件和图表容器， 并封装配置后的图表基础组件和图表容器形成图表 组件； 0027 图表构建单元， 用于根据所述图表组件以及图表数。

14、据构建图表， 并将该图表展示 给用户； 0028 交互单元， 用于根据用户图表交互请求处理所述图表。 0029 进一步地， 该装置还包括图表渲染单元， 用于对所述图表构建单元构建的图表进 行动态效果渲染后展示给用户。 0030 进一步地， 所述参数定义单元还用于定义所述图表渲染单元的控制参数。 0031 一种计算机设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的 计算机程序， 处理器执行所述计算机程序时实现以下步骤： 0032 搭建渐进式vue框架； 0033 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0034 定义所述图标库中每个图表基础组件和每个图表容器各。

15、自的控制参数； 0035 接收用户图表样式需求， 根据所述需求分别配置图表基础组件和图表容器； 0036 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表 并将该图表展示给用户； 0037 接收用户的图表交互请求， 根据所述交互请求处理所述图表。 0038 一种计算机可读存储介质， 其上存储有计算机程序， 计算机程序被处理器执行时 实现以下步骤： 0039 搭建渐进式vue框架； 0040 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0041 定义所述图标库中每个图表基础组件和每个图表容器各自的控制参数； 0042 接收用户图表样式需求， 根据所述需求。

16、分别配置图表基础组件和图表容器； 0043 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表 说明书 2/7 页 5 CN 110781653 A 5 并将该图表展示给用户； 0044 接收用户的图表交互请求， 根据所述交互请求处理所述图表。 0045 本发明与现有技术相比， 其显著优点为： 1)提供了图表封装， 降低了用户制作图表 的门槛且能实现快速绘制图表， 减少了工作量， 提高了开发效率； 2)提供了定制化机制， 以 应对不同业务场景， 使得用户根据自己的需求采用基础组件或开发自定义的组件封装图 表， 并且可以在组件之间插入自定义的元素， 具有较高的自由度、 定。

17、制化能力和扩展性， 同 时提高了图表的复用性、 降低维护成本； 3)利用vue绘制图表， 实时性更高； 4)图表的组装形 式更符合目前工程技术体系， 易于理解和开发， 且提高了开发代码的可维护性。 0046 下面结合附图对本发明作进一步详细描述。 附图说明 0047 图1为本发明一个实施例中利用vue绘制svg图表的方法流程图。 0048 图2为本发明一个实施例中用户需要展示的折线图。 0049 图3为本发明一个实施例中利用vue绘制svg图表的装置结构图。 具体实施方式 0050 为了使本申请的目的、 技术方案及优点更加清楚明白， 以下结合附图及实施例， 对 本申请进行进一步详细说明。 应当。

18、理解， 此处描述的具体实施例仅仅用以解释本申请， 并不 用于限定本申请。 0051 在一个实施例中， 结合图1， 提供了一种利用vue绘制svg图表的方法， 该方法包括 以下步骤： 0052 步骤S01、 搭建渐进式vue框架； 0053 步骤S02、 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0054 步骤S03、 定义上述图标库中每个图表基础组件和每个图表容器各自的控制参数； 0055 步骤S04、 接收用户图表样式需求， 根据上述需求分别配置图表基础组件和图表容 器； 0056 步骤S05、 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表并将。

19、该图表展示给用户； 0057 步骤S06、 接收用户的图表交互请求， 根据上述交互请求处理上述图表。 0058 上述利用vue绘制svg图表的方法中， 提供了基础组件封装并定义了控制参数， 用 户可以根据需求直接使用基础组件或开发自己的组件， 封装出图表。 这降低了用户制作图 表的门槛， 提升了开发效率， 也提高了图表的复用性、 降低维护成本。 利用该方法图表的组 装形式更符合目前工程技术体系， 易于理解和开发， 且提高了开发代码的可维护性。 0059 进一步地， 在其中一个实施例中， 上述封装若干图表基础组件具体包括： 依据现有 图表， 提取公共基础部分， 由此封装若干图表基础组件， 包括图。

20、例、 坐标轴、 冒泡框、 线柱体、 折线等。 0060 采用本实施例的方案， 可以通过简单分析现有图表资料方便快捷的封装出图表基 础组件， 复杂度比较低， 任何不熟悉具体图表绘制的人员也可以完成该方案。 0061 进一步地， 在其中一个实施例中， 上述控制参数用于改变图表基础组件或图表容 说明书 3/7 页 6 CN 110781653 A 6 器的结构、 样式和或行为。 0062 采用本实施例的方案， 可以同时改变结构、 样式、 行为中的一种或多种， 由此用户 可以完全自定义开发封装图表的组件， 没有任何约束， 丰富了图表的各异性。 0063 进一步地， 在其中一个实施例中， 上述接收用户图。

21、表样式需求， 根据上述需求配置 图表基础组件和图表容器， 包括： 0064 上述用户图表样式需求为常规图表样式， 选取图标库中的图表基础组件和图表容 器； 0065 上述用户图表样式需求为自定义图表样式， 配置上述控制参数构建新的图表基础 组件和新的图表容器， 并在上述新的图表基础组件之间插入自定义元素。 0066 采用本实施例的方案， 可以适用于各种业务场景， 也可以适用于不同等级的用户， 降低用户制作图表的门槛， 也可以满足用户的各种需求， 提高图表的自由度、 扩展性。 0067 进一步地， 在其中一个实施例中， 在上述将图表展示给用户之前， 还包括： 对图表 所在视区进行渲染。 0068。

22、 采用本实施例的方案， 可以适用于各种业务场景， 且提高了可视化效果。 0069 进一步地， 在其中一个实施例中， 在上述对图表所在视区进行渲染之前， 还包括： 根据用户图表动画需求， 配置图表动画效果。 0070 进一步优选地， 在其中一个实施例中， 上述根据用户图表动画需求， 配置图表动画 效果， 过程包括： 0071 封装常规图表动画效果以及通过FLIP方案新增的图表动画效果； 0072 定义上述图表动画效果的控制参数； 0073 上述用户图表动画需求为常规的图表动画效果， 选取上述封装的图表动画效果； 上述用户图表动画需求为自定义图表动画效果， 配置上述图表动画效果的控制参数构建新 的。

23、图表动画效果。 0074 采用本实施例的方案， 可以适用于各种业务场景， 也可以满足用户的各种个性化 动画效果要求， 增强图表展示的效果。 0075 进一步地， 在其中一个实施例中， 上述根据交互请求处理图表的过程包括： 0076 分析交互请求的对象及请求信息， 上述对象包括图表基础组件、 图表容器以及图 表数据； 上述请求信息包括修改图表基础组件的控制参数、 修改图表容器的控制参数以及 更新图表数据； 0077 根据上述分析获得的交互请求的对象及请求信息， 对上述图表进行处理。 0078 采用本实施例的方案， 用户只需通过修改控制参数实现对图表结构、 样式和行为 的更改， 提高了图表的可复用。

24、性， 简单易操作。 0079 进一步地， 在一个实施例中， 用户需要展示某些数据对应的折线图， 具体展示过程 为： 0080 使用者引入封装的常用折线图容器、 常用图例、 常用坐标轴和常用折线； 0081 按照折线图容器(图例,横坐标轴， 纵坐标轴， 折线， 折线， 折线)的结构编写Vue模 板， 基础常用组件的位置可以随意； 0082 向容器组件传入宽高和折线区域位置， 控制图标大小； 向折线组件传入需要展示 的字段值， 以及字段值是否叠加展示， 以此控制组件内容、 结构和样式； 向图例传入大小和 说明书 4/7 页 7 CN 110781653 A 7 方向等参数， 传入位置信息参数， 避。

25、免错位、 重叠等布局问题。 0083 根据需要， 监听窗口改变事件， 修改图表大小； 0084 将数据输入容器组件， 报表展示如图2所示。 0085 在一个实施例中， 如图3所示， 提供了一种利用vue绘制svg图表的装置， 包括： 0086 框架搭建单元101， 用于搭建渐进式vue框架； 0087 图标库建立单元102， 用于分别封装若干图表基础组件和若干图表容器， 由此构建 图标库； 0088 参数定义单元103， 用于定义上述图标库中每个图表基础组件和每个图表容器各 自的控制参数； 0089 图表组件配置单元104， 用于根据用户图表样式需求， 根据图标库建立单元和参数 定义单元配置图。

26、表基础组件和图表容器， 并封装配置后的图表基础组件和图表容器形成图 表组件； 0090 图表构建单元105， 用于根据上述图表组件以及图表数据构建图表， 并将该图表展 示给用户； 0091 交互单元107， 用于根据用户图表交互请求处理上述图表。 0092 进一步地， 在其中一个实施例中， 该装置还包括图表渲染单元106， 用于对图表构 建单元构建的图表进行动态效果渲染后展示给用户。 0093 进一步地， 在其中一个实施例中， 该装置还包括图表动画配置单元108， 用于在上 述图表渲染单元渲染图表的过程中提供动画效果。 0094 进一步地， 在其中一个实施例中， 上述参数定义单元103还用于定。

27、义图表动画配置 单元的控制参数。 0095 关于利用vue绘制svg图表的装置的具体限定可以参见上文中对于利用vue绘制 svg图表的方法的限定， 在此不再赘述。 上述利用vue绘制svg图表的装置中的各个模块可全 部或部分通过软件、 硬件及其组合来实现。 上述各模块可以硬件形式内嵌于或独立于计算 机设备中的处理器中， 也可以以软件形式存储于计算机设备中的存储器中， 以便于处理器 调用执行以上各个模块对应的操作。 0096 在一个实施例中， 提供了一种计算机设备， 包括存储器、 处理器及存储在存储器上 并可在处理器上运行的计算机程序， 处理器执行计算机程序时实现以下步骤： 0097 搭建渐进式。

28、vue框架； 0098 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0099 定义上述图标库中每个图表基础组件和每个图表容器各自的控制参数； 0100 接收用户图表样式需求， 根据上述需求分别配置图表基础组件和图表容器； 0101 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表 并将该图表展示给用户； 0102 接收用户的图表交互请求， 根据上述交互请求处理上述图表。 0103 进一步地， 在其中一个实施例中， 处理器执行计算机程序实现封装若干图表基础 组件具体包括： 依据现有图表， 提取公共基础部分， 由此封装若干图表基础组件， 包括图例、 坐标轴。

29、、 冒泡框、 线柱体、 折线等。 0104 进一步地， 在其中一个实施例中， 处理器执行计算机程序实现上述接收用户图表 说明书 5/7 页 8 CN 110781653 A 8 样式需求， 根据上述需求配置图表基础组件和图表容器， 包括： 0105 上述用户图表样式需求为常规图表样式， 选取图标库中的图表基础组件和图表容 器； 0106 上述用户图表样式需求为自定义图表样式， 配置上述控制参数构建新的图表基础 组件和新的图表容器， 并在上述新的图表基础组件之间插入自定义元素。 0107 进一步地， 在其中一个实施例中， 处理器执行计算机程序实现将图表展示给用户 之前， 还需实现对图表所在视区进。

30、行渲染。 0108 进一步地， 在其中一个实施例中， 处理器执行计算机程序实现对图表所在视区进 行渲染之前， 还需实现包括： 根据用户图表动画需求， 配置图表动画效果， 过程包括： 0109 封装常规图表动画效果以及通过FLIP方案新增的图表动画效果； 0110 定义上述图表动画效果的控制参数； 0111 上述用户图表动画需求为常规的图表动画效果， 选取上述封装的图表动画效果； 上述用户图表动画需求为自定义图表动画效果， 配置上述图表动画效果的控制参数构建新 的图表动画效果。 0112 进一步地， 在其中一个实施例中， 处理器执行计算机程序实现上述根据交互请求 处理图表的过程包括： 0113 。

31、分析交互请求的对象及请求信息， 上述对象包括图表基础组件、 图表容器以及图 表数据； 上述请求信息包括修改图表基础组件的控制参数、 修改图表容器的控制参数以及 更新图表数据； 0114 根据上述分析获得的交互请求的对象及请求信息， 对上述图表进行处理。 0115 在一个实施例中， 提供了一种计算机可读存储介质， 其上存储有计算机程序， 计算 机程序被处理器执行时实现以下步骤： 0116 搭建渐进式vue框架； 0117 分别封装若干图表基础组件和若干图表容器， 由此构建图标库； 0118 定义上述图标库中每个图表基础组件和每个图表容器各自的控制参数； 0119 接收用户图表样式需求， 根据上述。

32、需求分别配置图表基础组件和图表容器； 0120 封装所配置的图表基础组件和图表容器， 并将图表数据传入图表容器， 构建图表 并将该图表展示给用户； 0121 接收用户的图表交互请求， 根据上述交互请求处理上述图表。 0122 进一步地， 在其中一个实施例中， 计算机程序被处理器执行实现封装若干图表基 础组件具体包括： 依据现有图表， 提取公共基础部分， 由此封装若干图表基础组件， 包括图 例、 坐标轴、 冒泡框、 线柱体、 折线等。 0123 进一步地， 在其中一个实施例中， 计算机程序被处理器执行实现上述接收用户图 表样式需求， 根据上述需求配置图表基础组件和图表容器， 包括： 0124 上。

33、述用户图表样式需求为常规图表样式， 选取图标库中的图表基础组件和图表容 器； 0125 上述用户图表样式需求为自定义图表样式， 配置上述控制参数构建新的图表基础 组件和新的图表容器， 并在上述新的图表基础组件之间插入自定义元素。 0126 进一步地， 在其中一个实施例中， 计算机程序被处理器执行实现将图表展示给用 说明书 6/7 页 9 CN 110781653 A 9 户之前， 还需实现对图表所在视区进行渲染。 0127 进一步地， 在其中一个实施例中， 计算机程序被处理器执行实现对图表所在视区 进行渲染之前， 还需实现包括： 根据用户图表动画需求， 配置图表动画效果， 过程包括： 0128。

34、 封装常规图表动画效果以及通过FLIP方案新增的图表动画效果； 0129 定义上述图表动画效果的控制参数； 0130 上述用户图表动画需求为常规的图表动画效果， 选取上述封装的图表动画效果； 上述用户图表动画需求为自定义图表动画效果， 配置上述图表动画效果的控制参数构建新 的图表动画效果。 0131 进一步地， 在其中一个实施例中， 计算机程序被处理器执行实现根据交互请求对 图表进行相应的处理具体为： 0132 分析交互请求的对象， 上述对象包括图表基础组件、 图表容器以及数据； 0133 针对交互请求的对象以及具体的请求信息， 设置该对象对应的控制参数以实现依 请求对图表进行处理； 上述请求。

35、信息包括修改图表基础组件的控制参数、 修改图表容器的 控制参数以及更新数据。 0134 本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程， 是可以 通过计算机程序来指令相关的硬件来完成， 所述的计算机程序可存储于一非易失性计算机 可读取存储介质中， 该计算机程序在执行时， 可包括如上述各方法的实施例的流程。 其中， 本申请所提供的各实施例中所使用的对存储器、 存储、 数据库或其它介质的任何引用， 均可 包括非易失性和/或易失性存储器。 非易失性存储器可包括只读存储器(ROM)、 可编程ROM (PROM)、 电可编程ROM(EPROM)、 电可擦除可编程ROM(EEPROM)或闪。

36、存。 易失性存储器可包括 随机存取存储器(RAM)或者外部高速缓冲存储器。 作为说明而非局限， RAM以多种形式可得， 诸如静态RAM(SRAM)、 动态RAM(DRAM)、 同步DRAM(SDRAM)、 双数据率SDRAM(DDRSDRAM)、 增强 型SDRAM(ESDRAM)、 同步链路(Synchlink)DRAM(SLDRAM)、 存储器总线(Rambus)直接RAM (RDRAM)、 直接存储器总线动态RAM(DRDRAM)、 以及存储器总线动态RAM(RDRAM)等。 0135 以上实施例的各技术特征可以进行任意的组合， 为使描述简洁， 未对上述实施例 中的各个技术特征所有可能的。

37、组合都进行描述， 然而， 只要这些技术特征的组合不存在矛 盾， 都应当认为是本说明书记载的范围。 0136 以上所述实施例仅表达了本申请的几种实施方式， 其描述较为具体和详细， 但并 不能因此而理解为对发明专利范围的限制。 应当指出的是， 对于本领域的普通技术人员来 说， 在不脱离本申请构思的前提下， 还可以做出若干变形和改进， 这些都属于本申请的保护 范围。 因此， 本申请专利的保护范围应以所附权利要求为准。 说明书 7/7 页 10 CN 110781653 A 10 图1 说明书附图 1/2 页 11 CN 110781653 A 11 图2 图3 说明书附图 2/2 页 12 CN 110781653 A 12 。