页面展示系统、方法及装置制造方法及图纸

技术编号:26596561 阅读:51 留言:0更新日期:2020-12-04 21:18
本说明书公开了页面展示系统、方法及装置,第一终端生成目标页面包含的各组件的组件代码,分别将每个组件代码编译为页面代码,各组件在目标页面中的位置不完全相同,服务器接收并存储各页面代码,第二终端接收第二用户输入的页面访问请求,确定目标页面及目标页面中包含的各页面区域,发送获取位于各页面区域的组件的组件获取请求,服务器确定位于各页面区域的各组件对应的页面代码,并发送给第二终端进行组合,第二终端根据组合结果,对各页面区域进行展示。第一用户可针对每个页面区域中的每个组件单独进行开发,在开发组件时,直接在第一终端将组件代码编译为页面代码,并将页面代码存储在服务器中,无需考虑各前端框架的兼容问题。

【技术实现步骤摘要】
页面展示系统、方法及装置
本说明书涉及计算机
,尤其涉及页面展示系统、方法及装置。
技术介绍
当前,前端开发技术在信息技术的领域中是必不可少的。在实际应用中,一个前端项目可能会具有多个前端页面,每个前端页面中可能会具有丰富的页面内容,因此,开发人员开发的前端项目一般存在代码较多等特点。开发人员将前端项目代码上传至服务器中,当对前端项目的某一部分进行修改时,需要从服务器中下载整个前端项目的代码,在众多的代码中找到需要修改的部分进行修改。
技术实现思路
本说明书实施例提供页面展示系统、方法及装置,以部分解决现有技术存在的上述问题。本说明书实施例采用下述技术方案:本说明书提供的页面展示系统,所述系统包括:服务器、第一终端、第二终端;其中:所述第一终端根据第一用户的操作,生成目标页面包含的各组件的组件代码;分别将每个组件代码编译为页面代码,将各页面代码上传至所述服务器,其中,各组件在所述目标页面中的位置不完全相同;所述服务器接收并存储各页面代码;所述第二终端接收第二用户输入的页面本文档来自技高网...

【技术保护点】
1.页面展示系统,其特征在于,所述系统包括:服务器、第一终端、第二终端;其中:/n所述第一终端根据第一用户的操作,生成目标页面包含的各组件的组件代码;分别将每个组件代码编译为页面代码,将各页面代码上传至所述服务器,其中,各组件在所述目标页面中的位置不完全相同;/n所述服务器接收并存储各页面代码;/n所述第二终端接收第二用户输入的页面访问请求,根据所述页面访问请求,确定所述目标页面,确定所述目标页面中包含的各页面区域;针对每个页面区域,向所述服务器发送获取位于该页面区域的组件的组件获取请求;/n所述服务器根据所述组件获取请求,确定位于该页面区域的各组件对应的页面代码,作为指定页面代码,并将各指定...

【技术特征摘要】
1.页面展示系统,其特征在于,所述系统包括:服务器、第一终端、第二终端;其中:
所述第一终端根据第一用户的操作,生成目标页面包含的各组件的组件代码;分别将每个组件代码编译为页面代码,将各页面代码上传至所述服务器,其中,各组件在所述目标页面中的位置不完全相同;
所述服务器接收并存储各页面代码;
所述第二终端接收第二用户输入的页面访问请求,根据所述页面访问请求,确定所述目标页面,确定所述目标页面中包含的各页面区域;针对每个页面区域,向所述服务器发送获取位于该页面区域的组件的组件获取请求;
所述服务器根据所述组件获取请求,确定位于该页面区域的各组件对应的页面代码,作为指定页面代码,并将各指定页面代码发送给所述第二终端;
所述第二终端将各指定页面代码进行组合,根据组合结果,对该页面区域进行展示。


2.页面展示方法,其特征在于,所述方法包括:
第二终端接收第二用户输入的页面访问请求;
根据所述页面访问请求,确定目标页面,确定所述目标页面中包含的各页面区域;
针对每个页面区域,向服务器发送获取位于该页面区域的组件的组件获取请求;
接收所述服务器根据所述组件获取请求确定并发送的位于该页面区域的各组件对应的页面代码,作为指定页面代码,其中,所述页面代码为所述服务器接收并存储的,由第一终端对组件代码进行编译得到的页面代码,所述组件代码由所述第一终端根据第一用户的操作生成的目标页面包含的各组件的组件代码,其中,各组件在所述目标页面中的位置不完全相同;
将各指定页面代码进行组合;
根据组合结果,对该页面区域进行展示。


3.如权利要求2所述的方法,其特征在于,根据组合结果,对该页面区域进行展示,具体包括:
对组合结果进行挂载,得到该页面区域对应的页面内容;
展示所述页面内容。


4.如权利要求2-3任一所述的方法,其特征在于,在将各页面代码进行组合后,所述方法还包括:
设置沙盒环境,以使各指定页面代码的运行互不影响。


5.页面展示方法,其特征在于,所述方法包括:
第一终端根据第一用户的操作,生成目标页面包含的各组件的组件代码;
分别将每个组件代码编译为页面代码;
将各页面代码上传至服务器,以使第二终端确定所述目标页面中包含的各页面区域;针对每个页面区域,向所述服务器发送获取位于该页面区域的组件的组件获取请求,接收所述服务器确定并发送的存储的位于该页面区域的各组件对应的页面代码,作为指定页面代码,将各指定页面代码进行组合,根据组合结果,对该页面区域进行展示;
其中,各组件在所述目标页面中的位置不完全相同,所述目标页面为所述第二终端根据接收的第二用户输入的页面访问请求,确定的目标页面。


6.如权利要求5所述的方法,其特征在于,根据第一用户的操作,生成目标页面包含的各组件的组件代码,具体包括:
根据第一用户的操作,针对所述目标页面包含的每个组件,向所述服务器发送获取该组件的组件标识的标识获取请求;
接收所述服务器发送的该组件的组件标识;
响应于所述第一用户的操作,生成该组件的组件标识对应的组件代码以及组件配置。


7.如权利要求6所述的方法,其特征在于,将各页面代码上传至服务器,具体包括:
针对各页面代码,确定该页面代码对应的组件的组件标识,作为指定组件标识;
确定所述指定组件标识对应的组件配置,作为指定组件配置;
将该页面代码以及所述指定组件配置上传至所述服务器。


8.页面展示方法,其特征在于,所述方法包括:
服务器接收并存储第一终端发送的各页面代码;
接收第二终端针对目标页面中包含的每个页面区域发送的获取位于该页面区域的组件的组件获取请求;
根据所述组件获取请求,确定位于该页面区域的各组件对应的页面代码,作为指定页面代码,并将各指定页面代码发送给所述第二终端,以使所述第二终端将各指定页面代码进行组合,根据组合结果,对该页面区域进行展示;
其中,所述页面代码由所述第一终端编译所述目标页面包含的各组件的组件代码得到,所述组件代码为所述第一终端根据第一用户的操作生成的组件代码,所述目标页面为所述第二终端根据接收的第二用户输入的页面访问请求,确定的页面,各组件在所述目标页面中的位置不完全相同。


9.如权利要求8所述的方法,其特征在于,接收第一终端发送的各页面代码,具体包括:
接收所述第一终端根据所述第一用户的操作,针对所述目标页面包含的每个组件发送的获取该组件的组件标识的标识获取请求;
响应于所述标识获取请求,生成该组件的组件...

【专利技术属性】
技术研发人员:陈凯鑫
申请(专利权)人:北京三快在线科技有限公司
类型:发明
国别省市:北京;11

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

1