页面的快速编辑方法、装置及电子设备制造方法及图纸

技术编号:19488923 阅读:23 留言:0更新日期:2018-11-17 11:58
本发明专利技术公开了一种页面的快速编辑方法、装置及电子设备,其中,页面的快速编辑方法,包括:提供浏览状态下的可视化页面;获取可视化页面中的元素信息,并为元素信息生成对应的编辑按键,编辑按键以半透明形式显示在浏览状态下的可视化页面中;接收对编辑按键的触发操作;根据触发操作确定待编辑元素,并确定待编辑元素对应的后台配置项;提供编辑界面,编辑界面展现待编辑元素对应的后台配置项。本发明专利技术实施例的页面的快速编辑方法、装置及电子设备,能够快速地定位到待编辑元素对应的后台配置项,节省了时间成本,提高效率。

【技术实现步骤摘要】
页面的快速编辑方法、装置及电子设备
本专利技术涉及信息处理
,尤其涉及一种页面的快速编辑方法、装置及电子设备。
技术介绍
目前,对可视化页面编辑的方法主要是通过网页编辑软件实现的。也就是说,研发人员通过单机编辑页面,将编辑好的页面上传至服务器,由服务器来发布产品。但是,在网页维护管理方面,由于没有规范的功能内容管理规则,且经过多年的运行,经过多名运营人员、研发人员的接手及迭代,没有以同一套产品运营逻辑调整后台架构,导致后台内容千差万别。这就导致了需要对页面进行编辑时,要经常花大量时间寻找想要编辑的页面元素在后台中的位置。此外,从技术层面上,并不能实现自动删除或隐藏已下线的内容,只能由人工手动进行操作。但产品建立已久,手动方式并不能保证全面清理。同时,由于产品调整、版本测试等因素,后台会存在多个标题相同的内容,导致整个后台的内容错综复杂,需要人工进行验证,时间成本高。
技术实现思路
本专利技术提供一种页面的快速编辑方法、装置及电子设备,以解决上述技术问题中的至少一个。本专利技术实施例提供一种页面的快速编辑方法,包括:提供浏览状态下的可视化页面;获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中;接收对所述编辑按键的触发操作;根据所述触发操作确定待编辑元素,并确定所述待编辑元素对应的后台配置项;提供编辑界面,所述编辑界面展现所述待编辑元素对应的后台配置项。可选的,所述编辑按键层叠覆盖在所述元素信息所在的运营位置上。可选的,在提供浏览状态下的可视化页面之前,还包括:接收输入的所述可视化页面的统一资源定位符URL及预设参数。可选的,获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,包括:根据所述可视化页面中的元素信息向后台服务器发送请求,以使所述后台服务器根据所述请求提供映射表,所述映射表保存有元素信息与后台配置项的对应关系;获取所述映射表,并根据所述映射表为所述元素信息生成对应的编辑按键。可选的,在提供编辑界面之后,还包括:接收对所述待编辑元素对应的后台配置项的编辑操作;保存编辑后的后台配置项,并更新所述可视化页面。本专利技术另一实施例提供一种页面的快速编辑装置,包括:第一提供模块,用于提供浏览状态下的可视化页面;获取模块,用于获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中;接收模块,用于接收对所述编辑按键的触发操作;确定模块,用于根据所述触发操作确定待编辑元素,并确定所述待编辑元素对应的后台配置项;第二提供模块,用于提供编辑界面,所述编辑界面展现所述待编辑元素对应的后台配置项。可选的,所述编辑按键层叠覆盖在所述元素信息所在的运营位置上。可选的,装置还包括:输入模块,用于在提供浏览状态下的可视化页面之前,接收输入的所述可视化页面的统一资源定位符URL及预设参数。可选的,所述获取模块,用于:根据所述可视化页面中的元素信息向后台服务器发送请求,以使所述后台服务器根据所述请求提供映射表,所述映射表保存有元素信息与后台配置项的对应关系;获取所述映射表,并根据所述映射表为所述元素信息生成对应的编辑按键。可选的,装置还包括:编辑模块,用于在提供编辑界面之后,接收对所述待编辑元素对应的后台配置项的编辑操作;更新模块,用于保存编辑后的后台配置项,并更新所述可视化页面。本专利技术还一实施例提供一种非临时性计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如本专利技术第一方面实施例所述的页面的快速编辑方法。本专利技术又一实施例提供一种电子设备,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器用于执行本专利技术第一方面实施例所述的页面的快速编辑方法。本专利技术实施例提供的技术方案可以包括以下有益效果:通过提供浏览状态下的可视化页面,并获取所述可视化页面中的元素信息,以及为所述元素信息生成对应的编辑按键,并接收对所述编辑按键的触发操作,以及根据所述触发操作确定待编辑元素,并确定所述待编辑元素对应的后台配置项,以及提供编辑界面,能够快速地定位到待编辑元素对应的后台配置项,节省了时间成本,提高效率。本专利技术附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本专利技术的实践了解到。附图说明本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:图1是根据本专利技术一个实施例的页面的快速编辑方法的流程图;图2是根据本专利技术另一个实施例的页面的快速编辑方法的流程图;图3是根据本专利技术又一个实施例的页面的快速编辑方法的流程图;图4是根据本专利技术一个实施例的页面的快速编辑装置的结构框图;图5是根据本专利技术另一个实施例的页面的快速编辑装置的结构框图;图6是根据本专利技术又一个实施例的页面的快速编辑装置的结构框图;图7是根据本专利技术一个实施例的电子设备的结构框图。具体实施方式下面详细描述本专利技术的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本专利技术,而不能理解为对本专利技术的限制。下面参考附图描述本专利技术实施例的页面的快速编辑方法、装置及电子设备。目前,对可视化页面编辑的方法主要是通过网页编辑软件实现的。但是,由于没有规范的功能内容管理规则,且经过多年的运行,经过多名运营人员、研发人员的接手及迭代,每个研发人员使用的开发平台很可能是不同的,没有以同一套产品运营逻辑调整后台架构,导致后台内容千差万别。如果新接手产品的研发人员想要对页面进行编辑时,就要花费大量时间来查询页面元素在后台中的具体位置。为此,本专利技术提出一种页面的快速编辑方法,无需理会之前开发所使用的是什么平台,可直接通过前端的可视化页面,就能快速地定位到前端页面元素在后台中的位置,并进行编辑,节省时间成本。图1是根据本专利技术一个实施例的页面的快速编辑方法的流程图。如图1所示,该页面的快速编辑方法包括:S101,提供浏览状态下的可视化页面。在本专利技术的一个实施例中,可在前端提供一个浏览状态下的可视化页面。S102,获取可视化页面中的元素信息,并为元素信息生成对应的编辑按键。在本专利技术的一个实施例中,获取可视化页面中的元素信息,并为元素信息生成对应的编辑按键。其中,编辑按键是以半透明形式显示在浏览状态下的可视化页面中的,并且编辑按键层叠覆盖在元素信息所在的运营位置上。也就是说,一个可视化页面中可存在多个运营位置,每个运营位置都对应的被元素占据,每个元素都会对应一个编辑按键。具体来说,可根据可视化页面中的元素信息向后台服务器发送请求。其中,发送请求中包含有元素信息。后台服务器在接收到请求之后,便可以向前端提供一个映射表。该映射表保存有元素信息与后台配置项的对应关系。前端在获取到映射表之后,便可根据映射表为元素信息生成对应的编辑按键。S103,接收对编辑按键的触发操作。其中,触发操作可以是通过鼠标的点击触发。S104,根据触发操作确定待编辑元素,并确定待编辑元素对应的后台配置项。通过检测触发操作的对象,可得知具体哪个元素被触发。该元素就是待编辑元素本文档来自技高网...

【技术保护点】
1.一种页面的快速编辑方法,其特征在于,包括:提供浏览状态下的可视化页面;获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中;接收对所述编辑按键的触发操作;根据所述触发操作确定待编辑元素,并确定所述待编辑元素对应的后台配置项;提供编辑界面,所述编辑界面展现所述待编辑元素对应的后台配置项。

【技术特征摘要】
1.一种页面的快速编辑方法,其特征在于,包括:提供浏览状态下的可视化页面;获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中;接收对所述编辑按键的触发操作;根据所述触发操作确定待编辑元素,并确定所述待编辑元素对应的后台配置项;提供编辑界面,所述编辑界面展现所述待编辑元素对应的后台配置项。2.如权利要求1所述的方法,其特征在于,所述编辑按键层叠覆盖在所述元素信息所在的运营位置上。3.如权利要求1所述的方法,其特征在于,在提供浏览状态下的可视化页面之前,还包括:接收输入的所述可视化页面的统一资源定位符URL及预设参数。4.如权利要求1所述的方法,其特征在于,获取所述可视化页面中的元素信息,并为所述元素信息生成对应的编辑按键,包括:根据所述可视化页面中的元素信息向后台服务器发送请求,以使所述后台服务器根据所述请求提供映射表,所述映射表保存有元素信息与后台配置项的对应关系;获取所述映射表,并根据所述映射表为所述元素信息生成对应的编辑按键。5.如权利要求1所述的方法,其特征在于,在提供编辑界面之后,还包括:接收对所述待编辑元素对应的后台配置项的编辑操作...

【专利技术属性】
技术研发人员:胡建陈坚潘俊烈李星
申请(专利权)人:珠海市君天电子科技有限公司
类型:发明
国别省市:广东,44

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

1