CN107451296B - 一种基于组件的网站模块化渲染方法 - Google Patents

一种基于组件的网站模块化渲染方法 Download PDF

Info

Publication number
CN107451296B
CN107451296B CN201710717389.5A CN201710717389A CN107451296B CN 107451296 B CN107451296 B CN 107451296B CN 201710717389 A CN201710717389 A CN 201710717389A CN 107451296 B CN107451296 B CN 107451296B
Authority
CN
China
Prior art keywords
page
component
json
resource
content
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710717389.5A
Other languages
English (en)
Other versions
CN107451296A (zh
Inventor
杨开森
任睿
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nanjing Focus Leading Cloud Computing Technology Co Ltd
Original Assignee
Nanjing Focus Leading Cloud Computing Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nanjing Focus Leading Cloud Computing Technology Co Ltd filed Critical Nanjing Focus Leading Cloud Computing Technology Co Ltd
Priority to CN201710717389.5A priority Critical patent/CN107451296B/zh
Publication of CN107451296A publication Critical patent/CN107451296A/zh
Application granted granted Critical
Publication of CN107451296B publication Critical patent/CN107451296B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986Document structures and storage, e.g. HTML extensions

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

一种基于组件的网站模块化渲染方法,通过将网站页面内容全部组件化,每个页面由多个组件构成,每个组件以JSON数据格式文件按照页面布局规则独立存储;页面全局依赖的JavaScript/css资源,每个组件依赖的JavaScript/css资源,都可以通过定义JSON数据格式的配置文件,灵活配置依赖资源;当页面渲染时,通过解析页面组件JSON格式数据文件、全局资源依赖JSON格式数据、组件资源依赖JSON格式数据,生成页面HTML代码,保证网页页面渲染能按需加载资源。

Description

一种基于组件的网站模块化渲染方法
技术领域
本发明隶属于互联网技术领域,主要涉及网站构建领域,具体为一种基于组件的网站页面模块化渲染方法。
背景技术
每个网页页面在通过浏览器打开时,都要经过浏览器渲染生成。通常,网页页面有HTML(Hyper Text Markup Language,超级文本标记语言)、CSS(Cascading Style Sheets,层叠样式表)、JavaScript、图片等文件构成,当在浏览器中输入相应页面网址或点击相应页面链接时,浏览器从服务器获取相应页面的文件后,对网页页面需显示的内容进行渲染,以显示页面。
所述页面渲染,是指浏览器将请求返回的页面资源(HTML文本,图像,动画,视频,音频等)基于一定的规则(CSS语句,JS语句,浏览器本身的一些规则等)完成页面布局及绘制的过程,简而言之,就是将HTML变成人眼看到的图像的全过程。页面渲染大致分为两部分,一部分是排版,另一部分是绘制;其中,排版是指根据文档流,加上浮动、定位等属性,确定各展示资源的位置及尺寸;绘制是指将css属性例如字体、背景色、圆角等等按指定方式呈现出来。
在传统的项目中,前端渲染技术多数采用传统的渲染机制,而这种机制带来的弊端是每当用户与网页交互或者通过脚本程序修改网页时,渲染树包括(DOM文档对象)渲染模型和(CSS层叠样式)渲染模型都会进行Repaint(重绘)或者Reflow(重排),产生这种现象是因为网页的内部结构已经发生了改变,这种改变该给浏览器的是性能损耗、资源占用,带给用户的是响应时间过长。
在快速构建网站过程中,很多网站单个页面内容相对固定、单一,多个页面内容之间相对独立,每个页面内容大多是单独编辑、更新,没有太多公用部分可以被程序统一处理;页面在引用依赖JavaScript/css资源时,页面全局统一的JavaScript/css资源会被加载,其它无效资源也被加载,这是贪婪加载,A页面可能加载了B页面所需的JavaScript/css资源,又可能同时也加载了C页面所需的JavaScript/css资源,又或者是加载了D页面的JavaScript/css资源。
发明内容
为克服在以往网站构建技术中存在的“页面内容相对单一、不便修改、加载资源不够灵活、可配置性不高页面内容相对单一”等诸多不足,本发明提供一种基于组件的网站模块化渲染方法,通过将网站内容全部组件化,每个页面由多个组件构成,每个组件以JSON数据格式按照页面布局规则独立存储;页面全局依赖的JavaScript/css资源,每个组件依赖的JavaScript/css资源,都可以通过定义JSON文件配置,灵活配置依赖资源;当页面渲染时,通过解析页面组件JSON格式数据、全局资源依赖JSON格式数据、组件资源依赖JSON格式数据,生成页面HTML代码,保证网页页面渲染能按需加载资源,减少无效资源的重复加载,实现每个网页元素的灵活组建及网页页面的快速构建,提高页面渲染效率。
本发明的技术方案如下:一种基于组件的网站模块化渲染方法,通过将网站页面内容全部组件化,每个页面由多个组件构成,每个组件以JSON数据格式文件按照页面布局规则独立存储;页面全局依赖的JavaScript/css资源,每个组件依赖的JavaScript/css资源,都可以通过定义JSON数据格式的配置文件,灵活配置依赖资源;当页面渲染时,通过解析页面组件JSON格式数据文件、全局资源依赖JSON格式数据、组件资源依赖JSON格式数据,生成页面HTML代码,保证网页页面渲染能按需加载资源,具体步骤有:
步骤1:将页面展示的内容全部抽象为独立的组件,每一个组件有一个组件名称,并配有唯一的组件ID;其中,所述页面展示内容是指包含页头及页头内的图片、页面中的文字及按钮、页脚备案说明在内的任意一个显示在页面内的内容形态;
特别地,通过组件ID能在数据库中查询到与组件相关的所有设置数据;通过组件ID在数据库中查询到组件所有数据;
步骤2:页面的制作及保存,具体为:以组件的形式构建及组织网站页面内容;当保存页面内容时,将当前页面内所有组件的位置信息解析为JSON格式的数据,并保存在数据库中;同时,组件的属性数据也一并被保存在数据库中;
步骤3:编制用于操控JOSN数据的JSON配置文件,配置文件中包含有页面内应加载的JavaScript资源和CSS资源;所述JSON配置文件根据操控对象的不同,分为配置全局依赖资源的JSON文件和配置组件依赖资源的JSON文件;
步骤4:通过解析页面内所有组件的JSON数据文件、页面全局依赖资源的JSON配置文件、组件依赖资源的JSON文件,生成页面的HTML代码,并基于页面布局结构按需加载组件资源;具体步骤有:
步骤5:浏览器端按照步骤4中最终合成的HTML内容,加载显示各个组件内容。
所述每一个页面由多个组件组成;页面中的内容增加、删除代表着组件的增减。
在所述步骤2中,数据库中组件数据文件相互独立存储,且按照组件在页面内的布局结构进行分类存储。
所述JSON配置文件根据操控对象的不同,分为配置全局依赖资源的JSON文件和配置组件依赖资源的JSON文件。
所述步骤4中经过对组件JSON数据文件和JSON配置文件解析形成页面的HTML代码,具体步骤有:
步骤4-1:从数据库中查询页面内所有组件的JSON数据,并解析已查询到的JSON数据,获取所有组件的ID;
步骤4-2:根据组件ID,在数据库中查询组件属性设置项及具体的属性数据;并基于设置项及属性数据生成有关每一个组件的HTML内容;
步骤4-3:每一个组件的HTML内容的合成,将形成整个网页页面主体的HTML内容;
步骤4-4:利用组件ID在数据库中查询对应的组件名称,并根据组件名称解析对应的组件依赖资源JSON文件;接着,解析页面全局依赖资源JSON文件,提取当前组件和页面全局需要加载的JavaScript资源及CSS资源,并自动形成相应的HTML内容;
步骤4-5:组合步骤4-3生成的HTML内容和步骤4-4生成的HTML内容,形成有关于当前页面完整的HTML内容。
每个组件数据均独立存储在数据库中,并按照组件在页面内的布局结构进行分类存储;
与现有技术相比,其显著优点以及形成的效果
(1)本发明通过将页面内各内容进行组件化,每个组件有唯一的ID和名称,每个页面由多个组件构成,网站内各个页面的布局和构建都能依赖组织和组合组件来完成,简化网站建设的操作,提高网站页面制作的速度和灵活性;
(2)本发明通过将每个组件以JSON数据格式按照页面布局规则进行分类存储,每一个页面内的组件属性数据以组件为单位独立存储,页面渲染呈现时自动提取JSON数据组成HTML代码,减少代码编制数量,提高页面编制工作效率;
(3)本发明通过按照全局和组件编制不同的资源加载文件,并通过组件ID在文件中定位和获取预加载的资源,保证网站内各页面的渲染是按照当前页面内的组件需求加载资源,同时利于网站内容高度定制,网站组件资源高度可配置;
附图说明
图1是本发明实施例中页面组件存储时的json数据文件示意图;
图2是组件可配置加载JavaScript/css资源json文件;
图3是本发明实施例中页面存储时形成的JSON数据结示意图;
图4是为本发明实施例中一种基于组件的网站模块化渲染方法实现流程图。
具体实施例
为使本发明的技术目的、技术方案和优点更加清楚,下面结合附图和具体实施例对本发明进行详细描述。
图1为本发明实施例中一种基于组件的网站模块化渲染方法实现流程图,通过将网站内容全部组件化,一种基于组件的网站模块化渲染方法每个页面由多个组件构成,每个组件以JSON数据格式按照页面布局规则独立存储;页面全局依赖的JavaScript/css资源,每个组件依赖的JavaScript/css资源,都可以通过定义JSON文件配置,灵活配置依赖资源;当页面渲染时,通过解析页面组件JSON格式数据、全局资源依赖JSON格式数据、组件资源依赖JSON格式数据,生成页面HTML代码进行页面渲染,具体步骤包括:
步骤101:将页面展示的内容全部抽象为独立的组件,每一个组件有一个组件名称,并配有唯一的组件ID号;
步骤102:以组件的形式构建及组织网站页面内容,同时配置组件的属性,比如LOGO图片的图片地址、高度、宽度、ALT标签、TITLE标签;
步骤103:编制用于操控JOSN数据的JSON配置文件,配置文件中包含有页面内应加载的JavaScript资源和CSS资源;其中,所述JSON配置文件根据操控对象的不同,分为配置全局依赖资源的JSON文件和配置组件依赖资源的JSON文件;图2为本发明实施例中全局依赖资源的JSON配置文件的内容示意图,包括页头加载的CSS资源201、页头加载的JavaScript资源202、页面加载的JavaScript资源203。
步骤104:当保存页面内容时,将当前页面内所有组件的位置信息解析为JSON格式的数据,并将JSON数据保存在数据库中;如图3所示为本发明实施例中页面存储时形成的JSON数据结示意图,组件的JSON数据是有关组件在当前页面中的位置信息,包括行名称301,列名称302,组件外包裹的div303,组件外包裹的div ID号304,组件ID集合305,组件加密ID306,当前这列12等份比例值307;
同时,相关组件的属性数据也一并被保存在数据库中;
步骤105:当浏览器渲染页面时,通过解析页面内所有组件的JSON数据、页面全局依赖资源的JSON文件、组件依赖资源的JSON文件,自动生成页面的HTML代码,按当前页面结构布局加载JavaScript和CSS资源,
步骤106:基于步骤104生成的网页HTML代码,浏览器显示端呈现完整的页面;
图4为本发明实施例中浏览器渲染网页页面的实现流程示意图,具体包括:
步骤401:从数据库中查询当前页面内所有组件的JSON数据,并解析已查询到的JSON数据,获取所有组件的ID;
步骤402:根据组件ID,在数据库中查询组件属性设置项及具体的属性数据;并基于设置项及属性数据生成有关每一个组件的HTML内容;
步骤403:利用组件ID在数据库中查询对应的组件名称,并根据组件名称解析对应的组件依赖资源JSON文件,提取页面内各个组件需加载的的JavaScript资源及CSS资源;
步骤404:解析页面全局依赖资源JSON文件,提取当前组件和页面全局需要加载的JavaScript资源及CSS资源,并集合步骤403中提取的资源,自动组合形成相应的HTML内容;
步骤405:组合步骤4-2生成的HTML内容和步骤4-4生成的HTML内容,形成有关于当前页面完整的HTML内容;
所属领域的普通技术人员应当理解:以上所述仅为本发明的具体实施例而已,并不用于限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (1)

1.一种基于组件的网站模块化渲染方法,其特征在于,通过将网站页面内容全部组件化,每个页面由多个组件构成,每个组件以JSON数据格式文件按照页面布局规则独立存储;页面全局依赖的JavaScript/css资源,每个组件依赖的 JavaScript/css资源,都可以通过定义JSON数据格式的配置文件,灵活配置依赖资源;当页面渲染时,通过解析页面组件JSON格式数据文件、全局资源依赖JSON格式数据、组件资源依赖JSON格式数据,生成页面HTML代码,保证网页页面渲染能按需加载资源,具体步骤有:
步骤1:将页面展示的内容全部抽象为独立的组件,每一个组件有一个组件名称,并配有唯一的组件ID;其中,所述页面展示内容是指包含页头及页头内的图片、页面中的文字及按钮、页脚备案说明在内的任意一个显示在页面内的内容形态;
通过组件ID能在数据库中查询到与组件相关的所有设置数据;
步骤2:页面的制作及保存,具体为:以组件的形式构建及组织网站页面内容;当保存页面内容时,将当前页面内所有组件的位置信息解析为JSON格式数据,并保存在数据库中;同时,组件的属性数据也一并被保存在数据库中;
步骤3:编制用于操控JSON格式数据的JSON配置文件,配置文件中包含有页面内应加载的JavaScript资源和CSS资源;
步骤4:通过解析页面内所有组件的JSON数据文件、页面全局依赖资源的JSON配置文件、组件依赖资源的JSON文件,生成页面的HTML代码,并基于页面布局结构按需加载组件资源;
步骤5:浏览器端按照步骤4中最终合成的HTML内容,加载显示各个组件内容;
所述每一个页面由多个组件组成;页面中的内容增加、删除代表着组件的增减;
所述步骤2中,数据库中组件数据文件相互独立存储,且按照组件在页面内的布局结构进行分类存储;
所述JSON配置文件根据操控对象的不同,分为配置全局依赖资源的JSON配置文件和配置组件依赖资源的JSON文件;
所述步骤4中经过对组件JSON数据文件和JSON配置文件解析形成页面的HTML代码,具体步骤有:
步骤4-1:从数据库中查询页面内所有组件的JSON格式数据,并解析已查询到的JSON格式数据,获取所有组件的ID;
步骤4-2:根据组件ID,在数据库中查询组件属性设置项及具体的属性数据;并基于设置项及属性数据生成有关每一个组件的HTML内容;
步骤4-3:合成每一个组件的HTML内容,形成整个网页页面主体的HTML内容;
步骤4-4:利用组件ID在数据库中查询对应的组件名称,并根据组件名称获取对应的组件依赖资源JSON文件;
步骤4-5:解析页面全局依赖资源JSON配置文件和组件依赖资源JSON文件,提取当前组件和页面全局需要加载的JavaScript资源及CSS资源,并自动形成相应的HTML内容;
步骤4-6:组合步骤4-3生成的HTML内容和步骤4-5生成的HTML内容,形成有关于当前页面完整的HTML内容。
CN201710717389.5A 2017-08-21 2017-08-21 一种基于组件的网站模块化渲染方法 Active CN107451296B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710717389.5A CN107451296B (zh) 2017-08-21 2017-08-21 一种基于组件的网站模块化渲染方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710717389.5A CN107451296B (zh) 2017-08-21 2017-08-21 一种基于组件的网站模块化渲染方法

Publications (2)

Publication Number Publication Date
CN107451296A CN107451296A (zh) 2017-12-08
CN107451296B true CN107451296B (zh) 2018-09-18

Family

ID=60492828

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710717389.5A Active CN107451296B (zh) 2017-08-21 2017-08-21 一种基于组件的网站模块化渲染方法

Country Status (1)

Country Link
CN (1) CN107451296B (zh)

Families Citing this family (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108491410A (zh) * 2018-01-29 2018-09-04 上海星谷信息科技有限公司 网页组装方法及系统
CN108846087A (zh) * 2018-06-12 2018-11-20 恒生电子股份有限公司 一种页面渲染方法、装置、终端及服务器
CN108984714B (zh) * 2018-07-09 2020-11-27 北京三快在线科技有限公司 页面渲染方法、装置、电子设备及计算机可读介质
CN109086342B (zh) * 2018-07-10 2022-04-12 长沙米拓信息技术有限公司 批量化生产和运维网站模板的方法、介质和终端
CN110879705B (zh) * 2018-09-06 2023-11-03 中国电信股份有限公司 页面生成方法、装置和计算机可读存储介质
CN109542404B (zh) * 2018-10-19 2022-02-08 东软集团股份有限公司 页面组件化的构建方法、装置、存储介质及电子设备
CN111355766B (zh) 2018-12-20 2023-08-04 福建福昕软件开发股份有限公司 Pdf文件在网络上按需加载的渲染方法
CN109683879B (zh) * 2018-12-29 2020-06-12 北京创鑫旅程网络技术有限公司 前端组件处理方法及装置
CN109726346B (zh) * 2018-12-29 2020-08-25 北京创鑫旅程网络技术有限公司 页面组件处理方法及装置
CN111399806B (zh) * 2019-01-03 2023-09-01 百度在线网络技术(北京)有限公司 一种组件管理方法、装置、电子设备及存储介质
CN110008431B (zh) * 2019-04-11 2021-10-08 成都四方伟业软件股份有限公司 页面组件构建方法、装置、页面生成设备及可读存储介质
CN111984888B (zh) * 2019-05-24 2024-06-07 阿里巴巴集团控股有限公司 页面渲染方法、装置、电子设备及计算机可读介质
CN112051994B (zh) * 2019-06-06 2024-06-18 阿里巴巴集团控股有限公司 可视化组件信息处理、页面可视化设计方法及装置
CN110290119B (zh) * 2019-06-10 2021-11-09 北京信安世纪科技股份有限公司 一种json报文加密方法、解密方法及装置
CN110442562B (zh) * 2019-06-28 2022-02-18 苏州浪潮智能科技有限公司 一种构建优势性能数据仓库的方法和装置
CN110716789A (zh) * 2019-09-12 2020-01-21 北京大米科技有限公司 数据配置方法、可读存储介质和电子设备
CN110989992B (zh) * 2019-10-30 2023-10-31 无线生活(北京)信息技术有限公司 资源处理方法及装置
CN111736740B (zh) * 2020-03-24 2022-06-07 北京沃东天骏信息技术有限公司 图片热区生成方法、装置、设备和存储介质
CN111427652B (zh) * 2020-03-31 2023-05-19 苏宁云计算有限公司 自定义按钮的展示方法、装置、介质及计算机设备
CN111581563B (zh) * 2020-04-30 2023-04-28 北京字节跳动网络技术有限公司 页面响应方法、装置、存储介质和电子设备
CN112269576A (zh) * 2020-08-07 2021-01-26 北京沃东天骏信息技术有限公司 一种组件展示方法、装置、服务器和存储介质
CN112130853B (zh) * 2020-08-25 2024-02-02 北京思特奇信息技术股份有限公司 一种实现前端h5业务能力开放的方法及系统
CN112068835A (zh) * 2020-09-04 2020-12-11 中国平安财产保险股份有限公司 一种在线生成页面的方法和装置
CN112527444A (zh) * 2020-12-29 2021-03-19 天翼阅读文化传播有限公司 应用于虚拟现实客户端用户界面的自定义页面实现方法
CN113065083B (zh) * 2021-02-26 2023-10-31 北京达佳互联信息技术有限公司 一种页面处理方法、装置、电子设备及存储介质
CN113190759A (zh) * 2021-05-21 2021-07-30 上海微盟企业发展有限公司 一种网页生成方法、装置、设备及计算机可读存储介质
CN113886740A (zh) * 2021-09-30 2022-01-04 上海柯林布瑞信息技术有限公司 一种基于Json的页面配置系统及计算机
CN113821749B (zh) * 2021-09-30 2023-09-01 上海柯林布瑞信息技术有限公司 一种基于js实时解析的页面生成方法及计算机

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103365855B (zh) * 2012-03-28 2017-05-10 腾讯科技(深圳)有限公司 生成网页的方法及服务器
CN105512350A (zh) * 2016-02-26 2016-04-20 上海全成通信技术有限公司 一种网站多级内容管理方法及装置
CN106201459B (zh) * 2016-06-24 2019-08-23 武汉斗鱼网络科技有限公司 一种快速构建专题落地页的方法及系统
CN106991154B (zh) * 2017-03-29 2022-04-05 百度在线网络技术(北京)有限公司 网页渲染方法、装置、终端及服务器

Also Published As

Publication number Publication date
CN107451296A (zh) 2017-12-08

Similar Documents

Publication Publication Date Title
CN107451296B (zh) 一种基于组件的网站模块化渲染方法
US8407585B2 (en) Context-aware content conversion and interpretation-specific views
CN105373567B (zh) 页面生成方法及客户端
US7721195B2 (en) RTF template and XSL/FO conversion: a new way to create computer reports
US20130326333A1 (en) Mobile Content Management System
CN101593186B (zh) 可视化网站编辑方法及可视化网站编辑系统
CN107818143A (zh) 一种页面配置、生成方法及装置
JP5930497B2 (ja) テンプレートファイルの処理方法及び装置
KR20080053930A (ko) 문서 레이아웃의 적응을 용이하게 하는 시스템과, 콘텐트를배열하는 컴퓨터 구현 방법 및 컴퓨터 구현 시스템
CN104217036B (zh) 一种网页内容提取方法和设备
CN102360296A (zh) 一种基于web的在线表单开发工具
CN105404665A (zh) 一种json格式数据的查询管理系统
JP6866551B2 (ja) 数式処理方法、装置、デバイス及びプログラム
CN103593414A (zh) 一种浏览器中网页的展现方法和装置
CN102982439A (zh) 生成电子公文的方法及电子公文生成系统
CN110825382A (zh) 一种前端大数据树形结构展示方法
CN109543128A (zh) 一种基于编程语言的前端框架项目实现方法及电子设备
JP4794127B2 (ja) データ処理方法、データ処理プログラム、およびデータ処理装置
CN108170409A (zh) Web前端控件的开发方法和系统
Ratha et al. HTML5 in web development: a new approach
JP2020086422A (ja) Svgフォーマットを利用したフォント編集方法、システムおよびコンピュータ読み込み可能な記録媒体
Loudon Developing Large Web Applications: Producing Code That Can Grow and Thrive
AU2009279439A1 (en) System and method for designing and generating online stationery
US20030222904A1 (en) Method and system for displaying information on a user interface
Rahman Jump Start Bootstrap: Get Up to Speed with Bootstrap in a Weekend

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant