展示页面扩展点的装置及方法制造方法及图纸

技术编号:14897586 阅读:289 留言:0更新日期:2017-03-29 12:55
本发明专利技术公开了一种展示页面扩展点的方法,属于计算机技术领域。所述方法包括:在显示页面时,确定该页面的源码中的扩展点占位符,根据所述扩展点占位符确定对应的所述扩展点在所述页面中位置信息,根据所述位置信息在所述页面中展示所述扩展点的可视化标记,通过在扩展页面组件时,只需要根据页面扩展点的标识即可直接确定拓展点在页面中的位置,使得网页管理者查找该拓展点在该页面上的位置时,不需要按照该定制手册在基线网页的源码中确定页面拓展点对应的代码段,并按照代码的层级关系和嵌套关系逐层回溯查找,从而克服了人工查找步骤较为繁琐的缺陷,达到了提高对网页进行扩展的效率的效果。

【技术实现步骤摘要】

本专利技术涉及计算机
,特别涉及一种展示页面扩展点的装置及方法。
技术介绍
在网页的前端定制开发过程中,基线是网页的软件文档或源码的一个稳定版本,在基线的基础上,网页管理者还可以对网页进行定制,比如,在基线网页中的预留位置扩展新的页面元素。在现有技术中,网页开发者开发基线网页时,在基线网页的源码中预留扩展点,并向网页管理者提供指示预留的扩展点的定制手册,当网页管理者需要对网页进行扩展,比如增加新的页面元素时,网页管理者可以根据定制手册确定页面中哪些位置区域是预留的扩展点。在现有技术中,页面的拓展点在基线网页中的预留位置需要网页管理者根据定制手册来确定,人工确定扩展点位置的步骤较为繁琐且工作量大,导致网页元素扩展的效率较低。
技术实现思路
为了克服现有技术中页面的拓展点在基线网页中的预留位置需要网页管理者根据定制手册来确定,人工确定扩展点位置的步骤较为繁琐且工作量大,导致网页元素扩展的效率较低的缺陷,本专利技术提供了一种展示页面扩展点的装置及方法。第一方面,本专利技术提供了一种展示页面扩展点的方法,所述方法包括:在显示页面时,确定该页面的源码中的扩展点占位符,该扩展点占位符对应该页面中的扩展点,所述扩展点是所述页面中用于扩展页面元素的区域;根据所述扩展点占位符确定对应的所述扩展点在所述页面中位置信息;根据所述位置信息在所述页面中展示所述扩展点的可视化标记。通过在扩展页面组件时,只需要根据页面扩展点的标识即可直接确定拓展点在页面中的位置,使得网页管理者查找该拓展点在该页面上的位置时,不需要按照该定制手册在基线网页的源码中确定页面拓展点对应的代码段,并按照代码的层级关系和嵌套关系逐层回溯查找,从而解决了人工查找步骤较为繁琐的问题,达到了提高对网页进行扩展的效率的效果。在一种可能的设计中,所述方法还包括:在接收到对所述可视化标记的指定操作时,展示所述扩展点对应的代码编辑界面;接收在所述代码编辑界面中输入的代码。通过在可视化标记被触发时直接打开并展示代码编辑页面,省去了网页管理者根据手册查找到文件名称,手动打开代码编辑界面的步骤,节省了人力,也提高了网页管理者编写代码的效率。在另一种可能的设计中,在根据所述扩展点占位符确定对应的所述扩展点在所述页面中位置信息的过程中,所述方法包括:根据所述扩展点占位符,调用元素对象矩形边界获取方法获取所述扩展点在所述页面中位置信息。调用元素对象矩形边界获取方法获取所述扩展点在所述页面中位置信息,可以快速获取一个矩形区域相对于页面边框的准确位置信息,使得获取拓展点在页面中的位置信息开销较小且高效。在又一种可能的设计中,所述方法可以被设计为:建立所述拓展点的所述可视化标记和所述扩展点的标识之间的关联关系。在再一种可能的设计中,在展示所述扩展点对应的代码编辑界面时,所述扩展点占位符中包含所述扩展点的标识,在接收到对所述可视化标记的指定操作时,展示所述扩展点对应的代码编辑界面的过程中,所述方法可被设计为:在接收到对所述可视化标记的指定操作时,获取与所述可视化标记相关联的所述扩展点的标识;根据所述扩展点的标识在所述页面的源码中进行索引,获得所述扩展点占位符在所述页面的源码中的行号;根据所述行号在所述页面的源码中显示所述扩展点占位符,以及对应所述扩展点占位符的编辑入口控件;在接收到对所述编辑入口控件的触发操作时,展示所述编辑界面。通过接收对可视化标记的指定操作展示源码中的拓展点占位符,可以使得网页管理者获知该拓展点占位符中包含的信息,进一步通过设置一个编辑入口控件,使得网页管理者可以通过触发该控件快速编辑显示在该拓展点的页面元素,在展示编辑界面的过程中,向网页管理者或用户展示被选择的扩展点的扩展点占位符在页面源码中的具体位置,使得可展示的信息更为丰富。在一种可能的设计中,所述方法还包括:接收到针对在所述代码编辑界面中输入的代码的保存操作时,将所述代码保存在独立于所述页面的源码的文件中,所述文件与所述扩展点的标识相关联。其中,通过单独保存该拓展点的代码,可以使得该拓展点中的页面元素的编辑与页面本身的编辑相独立,互不影响,达到了可以分别单独编辑页面元素以及升级页面,降低了维护页面的难度,提高了维护页面的效率。在另一种可能的设计中,所述方法还包括:接收到针对在所述代码编辑界面中输入的代码的保存操作后,根据所述代码渲染对应的页面元素;将渲染获得的所述页面元素显示在所述页面中所述扩展点对应的区域。在页面管理者或者用户针对扩展点编辑代码并保存后,能够及时在页面中展示的编辑页面元素在页面中的展示效果,便于页面管理者或者用户查看编辑效果。第二方面,本专利技术实施例提供了一种电子设备,该电子设备包括:处理器和存储器;该处理器被配置为执行存储器中存储的指令;该处理器通过执行指令来实现上述第一方面或者第一方面的各种可能的设计所提供的展示页面扩展点的方法。第三方面,本专利技术实施例提供了一种展示页面扩展点的装置,该展示页面扩展点的装置包括至少一个单元,该至少一个单元用于实现上述第一方面或者第一方面的各种可能的设计所提供的展示页面扩展点的方法。第四方面,本专利技术实施例还提供了一种计算机可读介质,该计算机可读介质存储有用于实现第一方面或者第一方面的各种可能的设计所提供的展示页面扩展点的方法。附图说明为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术一个示例性实施例提供的电子设备的结构示意图;图2是本专利技术一个实施例提供的展示页面扩展点的方法的流程图;图3是基于图2所示实施例示出的一种可视化标记示意图;图4是基于图2所示实施例示出的一种编辑界面示意图;图5是基于图2所示实施例示出的一种渲染前后页面的示意图;图6是基于图2所示实施例的一种页面的示意图;图7是本专利技术一个实施例提供的展示页面扩展点的装置的框图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。在本文提及的“模块”是指存储在存储器中的能够实现某些功能的程序或指令;在本文中提及的“单元”是指按照逻辑划分的功能性结构,该“单元”可以由纯硬件实现,或者,软硬件的结合实现。请参考图1,其示出了本专利技术一个示例性实施例提供的电子设备的结构示意图。该电子设备10包括:处理器11和收发器12。处理器11可以是中央处理器、网络处理器或者协处理器等,其可以包括一个或者一个以上处理核心。处理器11通过运行软件程序以及模块,从而执行各种功能应用以及数据处理。可选的,该通信设备10还包括存储器13、高速缓存器14、总线15等部件。其中:存储器13与高速缓存器14分别通过总线15与处理器11相连。高速缓存器14用于缓存处理器11计算过程中的一些中间数据。存储器13可用于存储软件程序以及模块。存储器13可存储操作系统16、至少一个功能所需的应用程序模块17。操作系统16可以是实时操作系统(RealTimeeXecutive,RTX)、LINUX、UNIX、WINDOWS或OSX之类的操作系统。该应用程序模块17可以包括占位符确定模块17a、位置信息本文档来自技高网...

【技术保护点】
一种展示页面扩展点的装置,其特征在于,所述装置包括:占位符确定单元,用于在显示页面时,确定所述页面的源码中的扩展点占位符,所述扩展点占位符对应所述页面中的扩展点,所述扩展点是所述页面中用于扩展页面元素的区域;位置信息确定单元,用于根据所述扩展点占位符确定对应的所述扩展点在所述页面中位置信息;展示单元,用于根据所述位置信息在所述页面中展示所述扩展点的可视化标记。

【技术特征摘要】
1.一种展示页面扩展点的装置,其特征在于,所述装置包括:占位符确定单元,用于在显示页面时,确定所述页面的源码中的扩展点占位符,所述扩展点占位符对应所述页面中的扩展点,所述扩展点是所述页面中用于扩展页面元素的区域;位置信息确定单元,用于根据所述扩展点占位符确定对应的所述扩展点在所述页面中位置信息;展示单元,用于根据所述位置信息在所述页面中展示所述扩展点的可视化标记。2.根据权利要求1所述的装置,其特征在于,所述展示单元还用于,在接收到对所述可视化标记的指定操作时,展示所述扩展点对应的代码编辑界面;所述装置还包括:代码接收单元;所述代码接收单元,用于接收在所述代码编辑界面中输入的代码。3.根据权利要求1所述的装置,其特征在于,所述位置信息确定单元,具体用于:根据所述扩展点占位符,调用元素对象矩形边界获取方法获取所述扩展点在所述页面中位置信息。4.根据权利要求2所述的装置,其特征在于,所述装置还包括:关联单元,用于建立所述拓展点的所述可视化标记和所述扩展点的标识之间的关联关系。5.根据权利要求4所述的装置,其特征在于,在展示所述扩展点对应的代码编辑界面时,所述展示单元,具体用于:在接收到对所述可视化标记的指定操作时,获取与所述可视化标记相关联的所述扩展点的标识;根据所述扩展点的标识在所述页面的源码中进行索引,获得所述扩展点占位符在所述页面的源码中的行号;根据所述行号在所述页面的源码中显示所述扩展点占位符,以及对应所述扩展点占位符的编辑入口控件;在接收到对所述编辑入口控件的触发操作时,展示所述编辑界面。6.根据权利要求5所述的装置,其特征在于,所述装置还包括:保存单元;所述保存单元,用于在接收到针对在所述代码编辑界面中输入的代码的保存操作时,将所述代码保存在独立于所述页面的源码的文件中,所述文件与所述扩展点的标识相关联。7.根据权利要求2、4、5或6所述的装置,其特征在于所述装置还包括:渲染单元;所述渲染单元,用于在接收到针对在所述代码编辑界面中输入的代码的保存操作后,根据所述代码渲染对应的页面元素;所述展示单元,还用于将渲染获得的所述页面元素显示在所述页面...

【专利技术属性】
技术研发人员:赵文代亚亚
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:广东;44

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

1