The embodiment of the invention discloses a web page rendering method and device, terminal and server, the method includes: a first request message to the server, the server page according to the configuration information stored in advance of the first request message to the Web client to return, the page configuration information contained in advance according to the the display component information structure page abstract; according to the assembly information page layout, page generation infrastructure; according to the data returned by the server to render the page structure based rendering. The embodiment of the invention the first request message to the server, the server according to the first request message is returned in advance according to the structural characteristics of the component information page abstracts to be displayed, and the page layout according to the component information, thus rendering, can realize according to the component information page component rendering, maintenance for the client.
【技术实现步骤摘要】
网页渲染方法、装置、终端及服务器
本专利技术实施例涉及互联网
,尤其涉及一种网页渲染方法、装置、终端及服务器。
技术介绍
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将超级文本标记语言(HyperTextMarkupLanguage,html)代码根据层叠样式表(CascadingStyleSheets,CSS)定义的规则显示在浏览器窗口中的这个过程。目前,主要有以下两种渲染方法:一是,全球广域网(WorldWideWeb,Web)客户端根据请求向服务器发起请求,服务器返回的是一种轻量级的数据交换格式(JavaScriptObjectNotation,json)数据,Web客户端利用预先写的超文本标记语言(HyperTextMarkupLanguage,html)模板,循环读取json数据,拼接字符串,并插入页面,完成页面渲染。二是,Web客户端根据请求向服务器发起请求,服务器利用后台模板引擎直接生成html片段,并返回Web客户端,Web客户端将html片段直接插入页面。但是,第一种方式的缺点是,Web客户端包含较多的模板代码,后续不利于代码维护。第二种方式的缺点是,由于文档对象模型(DocumentObjectModel,DOM)结构已经固定,不便于前端代码的模块化构建,同样不易于前端代码的维护。
技术实现思路
本专利技术实施例提供一种网页渲染方法及装置,利于客户端的维护。第一方面,本专利技术实施例提供了一种网页渲染方法,包括:向服务器发送第一请求消息,以使所述服务器根据所述第一请求消 ...
【技术保护点】
一种网页渲染方法,其特征在于,包括:向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;根据所述组件信息进行页面结构布局,生成页面基础结构;根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。
【技术特征摘要】
1.一种网页渲染方法,其特征在于,包括:向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;根据所述组件信息进行页面结构布局,生成页面基础结构;根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。2.根据权利要求1所述的方法,其特征在于,根据所述组件信息进行页面布局,生成页面基础结构包括:根据所述组件信息确定页面中包含以下至少一项信息:至少一个组件、各组件间的位置关系和各组件间的影响关系;根据所述页面中包含的以上至少一项信息进行页面结构布局,生成页面基础结构。3.根据权利要求1所述的方法,其特征在于,根据所述服务器返回的渲染数据对所述页面基础结构进行渲染包括:所述页面配置信息中还包含初始渲染数据,根据所述服务器返回的初始渲染数据对所述页面基础结构中的各组件进行初始化渲染,得到初始渲染页面;根据所述服务器返回的二次渲染数据对所述初始渲染页面进行二次渲染。4.根据权利要求3所述的方法,其特征在于,根据所述服务器返回的二次渲染数据对所述初始渲染页面进行二次渲染包括:根据组件的触发事件向服务器发送第二请求消息,以使所述服务器根据所述第二请求消息向客户端返回二渲染数据;根据所述服务器返回的二次渲染数据对所述初始渲染页面进行二次渲染。5.根据权利要求3或4所述的方法,其特征在于,所述二次渲染数据包括以下任意一种:返回的数据、数据渲染的位置和页面渲染行为。6.一种网页渲染方法,其特征在于,包括:接收客户端发送的第一请求消息;根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息,以使所述客户端根据所述组件信息进行页面结构布局,生成页面基础结构;向所述客户端返回渲染数据,以使所述客户端根据所述渲染数据对所述页面基础结构进行渲染。7.根据权利要求6所述的方法,其特征在于,向所述客户端返回渲染数据,以使所述客户端根据所述渲染数据对所述页面基础结构进行渲染包括:所述页面配置信息中还包含初始渲染数据,以使所述客户端根据所述初始渲染数据对所述页面基础结构中的各组件进行初始化渲染,得到初始渲染页面;向所述客户端返回二次渲染数据,以使所述客户端所述二次渲染数据对所述初始渲染页面进行二次渲染。8.根据权利要求7所述的方法,其特征在于,向所述客户端返回二次渲染数据包括:接收所述客户端根据组件的触发事件发送的第二请求消息;根据所述第二请求消息向所述客户端返回二渲染数据。9.根据权利要求7或8所述的方法,其特征在于,所述二次渲染数据包括以下任意一种:返回的数据、数据渲染的位置和页面渲染行为。10.一种网页渲染装置,其特征在于,包括:消息发送模块,用于向服务器发送第一请求消息,以使所述服务器根据所述第一请求消息向所述客户端返回预先存储的页面配置信息,所述页面配置信息中包含预先根据所述待显示页面的结构特征抽象出的组件信息;页面生成模块,用于根据所述组件信息进行页面结构布局,生成页面基础结构;页面渲染模块,用于根据所述服务器返回的渲染数据对所述页面基础结构进行渲染。11...
【专利技术属性】
技术研发人员:张少南,梁永清,梁栋,
申请(专利权)人:百度在线网络技术北京有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。