一种网页页面生成方法、装置及计算机可读存储介质制造方法及图纸

技术编号:28035963 阅读:34 留言:0更新日期:2021-04-09 23:18
本发明专利技术提供了一种网页页面生成方法、装置及计算机可读存储介质,该方法包括:创建页面模板文件;对页面模板文件中的各个指定页面元素标记唯一对应的定位标签,形成带定位标签的页面模板文件;加载带定位标签的页面模板文件以形成模板页面,在模板页面中为定位标签绑定对应的点击编辑事件;响应于针对各个定位标签的点击编辑操作,获取对应于各个指定页面元素的页面元素值;利用模板引擎并根据带定位标签的页面模板文件和页面元素值进行页面渲染,生成网页页面。利用上述方法,能够使开发人员能够便捷地在线编辑或修改网页内容,并可以立即更新面向用户的静态页面,实现所见即所得的效果。

【技术实现步骤摘要】
一种网页页面生成方法、装置及计算机可读存储介质
本专利技术属于计算机
,具体涉及一种网页页面生成方法、装置及计算机可读存储介质。
技术介绍
本部分旨在为权利要求书中陈述的本专利技术的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。网页页面是业务对外展示和输出信息的主要载体,分为静态页面和动态页面两种,其中,与动态页面相比,静态页面有更好的加载性能表现、安全性更高、更节省服务器资源且更有利于SEO优化,静态页面的缺点在于不利于内容维护和更新且与用户交互性差。对于主要以展示型页面为主的网页项目而言,选择静态页面作为前端展示页面,可以保证其较高的安全防护能力,持续稳定为用户提供服务。企业开发官网主要使用MVC(模型-视图-控制器)的应用软件设计框架,用户访问页面分为应用动态调用数据渲染的视图或系统中的静态页面资源。然而,一方面,控制器与视图关系紧密,如果应用发生异常情况无法响应用户请求,则视图无法正常显示。另一方面,应用中的静态页面内容修改强依赖于开发人员,无法满足网页项目架构中内容统一运营管理的需求。本文档来自技高网...

【技术保护点】
1.一种网页页面生成方法,其特征在于,包括:/n创建页面模板文件,所述页面模板文件至少包括:通用页面结构文件、页面样式文件、用于指示页面逻辑的第一JS文件以及用于调用至少一个公用组件的第二JS文件;/n对所述页面模板文件中的各个指定页面元素标记唯一对应的定位标签,形成带定位标签的页面模板文件;/n加载所述带定位标签的页面模板文件以形成模板页面,在所述模板页面中为所述定位标签绑定对应的点击编辑事件;/n响应于针对各个所述定位标签的点击编辑操作,获取对应于各个指定页面元素的页面元素值;/n利用模板引擎并根据所述带定位标签的页面模板文件和所述页面元素值进行页面渲染,生成网页页面。/n

【技术特征摘要】
1.一种网页页面生成方法,其特征在于,包括:
创建页面模板文件,所述页面模板文件至少包括:通用页面结构文件、页面样式文件、用于指示页面逻辑的第一JS文件以及用于调用至少一个公用组件的第二JS文件;
对所述页面模板文件中的各个指定页面元素标记唯一对应的定位标签,形成带定位标签的页面模板文件;
加载所述带定位标签的页面模板文件以形成模板页面,在所述模板页面中为所述定位标签绑定对应的点击编辑事件;
响应于针对各个所述定位标签的点击编辑操作,获取对应于各个指定页面元素的页面元素值;
利用模板引擎并根据所述带定位标签的页面模板文件和所述页面元素值进行页面渲染,生成网页页面。


2.根据权利要求1所述的方法,其特征在于,创建所述页面模板文件,包括:
生成jQuery-tmpl格式的所述至少一个公用组件;
生成用于调用jQuery-tmpl格式的所述至少一个公用组件的所述第二JS文件。


3.根据权利要求2所述的方法,其特征在于,生成jQuery-tmpl格式的所述至少一个公用组件,包括:
从现有页面中抽取HTML格式的至少一个公用组件;
将所述HTML格式的公用组件转换为jQuery-tmpl格式的公用组件。


4.根据权利要求1所述的方法,其特征在于,所述指定页面元素的类型至少包括以下中的一种或多种:图片、静态文本、链接、视频以及富文本;所述方法还包括:
根据所述指定页面元素的类型而设置对应类型的所述定位标签;以及,
在加载所述带定位标签的页面模板文件时,根据所述定位标签的类型而绑定对应类型的点击编辑事件。


5.根据权利要求1所述的方法,其特征在于,对各个指定页面元素标记唯一对应的定位标签之后,还包括:对各个所述定位标签对应的所述指定页面元素设置默认元素值。


6.根据权利要求1所述的方法,其特征在于,所述模板引擎为Freemarker模板引擎。


7.一种网页页面生成装置,其特征在于,包括:模板生成模块和后台模板管理模块;其中,
所述模板生成模块,被配置为用于:创建页面模板文件,所述页面模板文件至少包括:通用页面结构文件、页面样式文件、用于指示页面逻辑的第一JS文件以及用于调用至少一个公用组件的第二JS文件;以及,对所述页面模板...

【专利技术属性】
技术研发人员:蔺怡璇韩韬尹祥龙宋鑫晶田霖
申请(专利权)人:中国银联股份有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1