预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113468460A(43)申请公布日2021.10.01(21)申请号202111023931.X(22)申请日2021.09.02(71)申请人北京优锘科技有限公司地址100015北京市朝阳区酒仙桥路10号82幢一层105室(72)发明人李忠(74)专利代理机构北京安度修典专利代理事务所(特殊普通合伙)11424代理人杨方成马欢萍(51)Int.Cl.G06F16/958(2019.01)G06F16/955(2019.01)权利要求书2页说明书6页附图1页(54)发明名称基于YAML语言渲染Web页面的方法、装置和设备(57)摘要本发明涉及一种基于YAML语言渲染Web页面的方法,包括将Web组件以数据结构形式表示,根据所述数据结构和NodeJS类,生成所述Web组件所对应的Web组件模板,并确定所述Web组件模板在Web页面中的网格布局方案;获取待生成Web页面的配置文件模板,并根据所述配置文件模板配置所述待生成Web页面的网格布局方案,为所述网格布局方案关联所述Web组件模板,生成所述待生成Web页面的配置文件;读取所述待生成Web页面的配置文件,展示Web页面。本发明方便普通的非专业用户快速的完成Web页面的制作与维护。这种方式将比传统的Web页面开发方式要达到高复用,灵活,维护成本更低。本发明还涉及一种基于YAML语言渲染Web页面的装置和设备。CN113468460ACN113468460A权利要求书1/2页1.一种基于YAML语言渲染Web页面的方法,其特征在于,所述方法包括:将Web组件以数据结构形式表示,根据所述数据结构和NodeJS类,生成所述Web组件所对应的Web组件模板,并确定所述Web组件模板在Web页面中的网格布局方案;获取待生成Web页面的配置文件模板,并根据所述配置文件模板配置所述待生成Web页面的网格布局方案,为所述网格布局方案关联所述Web组件模板,生成所述待生成Web页面的配置文件;读取所述待生成Web页面的配置文件,展示Web页面。2.根据权利要求1所述的基于YAML语言渲染Web页面的方法,其特征在于,所述将Web组件以数据结构形式表示,具体包括:将所述数据结构中的参数存储对应的所述Web组件中的元素信息。3.根据权利要求1所述的基于YAML语言渲染Web页面的方法,其特征在于,所述根据所述数据结构和NodeJS类,生成所述Web组件所对应的Web组件模板,具体包括:根据所述数据结构,利用NodeJS类库中的嵌入式模板引擎,生成所述Web组件模板文件;以目录存储所述Web组件模板文件,所述Web组件模板文件中包括模板文件、组件效果图和样例配置文件。4.根据权利要求1所述的基于YAML语言渲染Web页面的方法,其特征在于,所述确定所述Web组件模板在Web页面中的网格布局方案,具体包括:将所述Web页面进行从上至下的流排布后,将每一个网格宽度步进值根据父容器宽度进行设置,每一个网格关联一个所述Web组件模板。5.根据权利要求4所述的基于YAML语言渲染Web页面的方法,其特征在于,所述根据所述配置文件模板配置所述待生成Web页面的网格布局方案,具体包括:在所述待生成Web页面中添加网格,并设置所述网格宽度;根据所述待生成Web页面中配置的所述Web组件模板,得到每一个所述Web组件模板的网格宽度步进值,获得所述网格布局方案。6.根据权利要求5所述的基于YAML语言渲染Web页面的方法,其特征在于,所述为所述网格布局方案关联所述Web组件模板,具体包括:根据所述网格布局方案,为每一个网格关联一个所述Web组件模板;获取所述Web组件模板的Web组件模板文件中的样例配置文件;根据所述样例配置文件配置所述Web页面的配置文件。7.根据权利要求1所述的基于YAML语言渲染Web页面的方法,其特征在于,所述读取所述待生成Web页面的配置文件,展示Web页面,具体包括:过URL的路径部分到所述配置文件的根目录下读取对应的所述配置文件;当接收到浏览器端的请求信息时,将所述配置文件中的配置信息读取到NodeJS类库中的嵌入式模板引擎,通过嵌入式模板引擎渲染,得到HTML文本,并将所述HTML文本发送至所述浏览器端,展示所述Web页面。8.一种基于YAML语言渲染Web页面的装置,其特征在于,所述装置包括:预制模块,用于将Web组件以数据结构形式表示,根据所述数据结构和NodeJS类,生成所述Web组件所对应的Web组件模板,并确定所述Web组件模板在Web页面中的网格布局方2CN113468460A权利要求书2/2页案;配置模块,用于获取待生成Web页面的配置文件模板,并根据所述配置文件模板配置所述待生成Web页面的网格