本发明涉及信息处理技术领域，尤其涉及一种页面的快速编辑方法、装置及电子设备。
背景技术
目前，对可视化页面编辑的方法主要是通过网页编辑软件实现的。也就是说，研发人员通过单机编辑页面，将编辑好的页面上传至服务器，由服务器来发布产品。但是，在网页维护管理方面，由于没有规范的功能内容管理规则，且经过多年的运行，经过多名运营人员、研发人员的接手及迭代，没有以同一套产品运营逻辑调整后台架构，导致后台内容千差万别。这就导致了需要对页面进行编辑时，要经常花大量时间寻找想要编辑的页面元素在后台中的位置。此外，从技术层面上，并不能实现自动删除或隐藏已下线的内容，只能由人工手动进行操作。但产品建立已久，手动方式并不能保证全面清理。同时，由于产品调整、版本测试等因素，后台会存在多个标题相同的内容，导致整个后台的内容错综复杂，需要人工进行验证，时间成本高。
技术实现要素：
本发明提供一种页面的快速编辑方法、装置及电子设备，以解决上述技术问题中的至少一个。
本发明实施例提供一种页面的快速编辑方法，包括：
提供浏览状态下的可视化页面；
获取所述可视化页面中的元素信息，并为所述元素信息生成对应的编辑按键，所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中；
接收对所述编辑按键的触发操作；
根据所述触发操作确定待编辑元素，并确定所述待编辑元素对应的后台配置项；
提供编辑界面，所述编辑界面展现所述待编辑元素对应的后台配置项。
可选的，所述编辑按键层叠覆盖在所述元素信息所在的运营位置上。
可选的，在提供浏览状态下的可视化页面之前，还包括：
接收输入的所述可视化页面的统一资源定位符url及预设参数。
可选的，获取所述可视化页面中的元素信息，并为所述元素信息生成对应的编辑按键，包括：
根据所述可视化页面中的元素信息向后台服务器发送请求，以使所述后台服务器根据所述请求提供映射表，所述映射表保存有元素信息与后台配置项的对应关系；
获取所述映射表，并根据所述映射表为所述元素信息生成对应的编辑按键。
可选的，在提供编辑界面之后，还包括：
接收对所述待编辑元素对应的后台配置项的编辑操作；
保存编辑后的后台配置项，并更新所述可视化页面。
本发明另一实施例提供一种页面的快速编辑装置，包括：
第一提供模块，用于提供浏览状态下的可视化页面；
获取模块，用于获取所述可视化页面中的元素信息，并为所述元素信息生成对应的编辑按键，所述编辑按键以半透明形式显示在所述浏览状态下的可视化页面中；
接收模块，用于接收对所述编辑按键的触发操作；
确定模块，用于根据所述触发操作确定待编辑元素，并确定所述待编辑元素对应的后台配置项；
第二提供模块，用于提供编辑界面，所述编辑界面展现所述待编辑元素对应的后台配置项。
可选的，所述编辑按键层叠覆盖在所述元素信息所在的运营位置上。
可选的，装置还包括：
输入模块，用于在提供浏览状态下的可视化页面之前，接收输入的所述可视化页面的统一资源定位符url及预设参数。
可选的，所述获取模块，用于：
根据所述可视化页面中的元素信息向后台服务器发送请求，以使所述后台服务器根据所述请求提供映射表，所述映射表保存有元素信息与后台配置项的对应关系；
获取所述映射表，并根据所述映射表为所述元素信息生成对应的编辑按键。
可选的，装置还包括：
编辑模块，用于在提供编辑界面之后，接收对所述待编辑元素对应的后台配置项的编辑操作；
更新模块，用于保存编辑后的后台配置项，并更新所述可视化页面。
本发明还一实施例提供一种非临时性计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如本发明第一方面实施例所述的页面的快速编辑方法。
本发明又一实施例提供一种电子设备，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器用于执行本发明第一方面实施例所述的页面的快速编辑方法。
本发明实施例提供的技术方案可以包括以下有益效果：
通过提供浏览状态下的可视化页面，并获取所述可视化页面中的元素信息，以及为所述元素信息生成对应的编辑按键，并接收对所述编辑按键的触发操作，以及根据所述触发操作确定待编辑元素，并确定所述待编辑元素对应的后台配置项，以及提供编辑界面，能够快速地定位到待编辑元素对应的后台配置项，节省了时间成本，提高效率。
本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：
图1是根据本发明一个实施例的页面的快速编辑方法的流程图；
图2是根据本发明另一个实施例的页面的快速编辑方法的流程图；
图3是根据本发明又一个实施例的页面的快速编辑方法的流程图；
图4是根据本发明一个实施例的页面的快速编辑装置的结构框图；
图5是根据本发明另一个实施例的页面的快速编辑装置的结构框图；
图6是根据本发明又一个实施例的页面的快速编辑装置的结构框图；
图7是根据本发明一个实施例的电子设备的结构框图。
具体实施方式
下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。
下面参考附图描述本发明实施例的页面的快速编辑方法、装置及电子设备。
目前，对可视化页面编辑的方法主要是通过网页编辑软件实现的。但是，由于没有规范的功能内容管理规则，且经过多年的运行，经过多名运营人员、研发人员的接手及迭代，每个研发人员使用的开发平台很可能是不同的，没有以同一套产品运营逻辑调整后台架构，导致后台内容千差万别。如果新接手产品的研发人员想要对页面进行编辑时，就要花费大量时间来查询页面元素在后台中的具体位置。为此，本发明提出一种页面的快速编辑方法，无需理会之前开发所使用的是什么平台，可直接通过前端的可视化页面，就能快速地定位到前端页面元素在后台中的位置，并进行编辑，节省时间成本。
图1是根据本发明一个实施例的页面的快速编辑方法的流程图。
如图1所示，该页面的快速编辑方法包括：
s101，提供浏览状态下的可视化页面。
在本发明的一个实施例中，可在前端提供一个浏览状态下的可视化页面。
s102，获取可视化页面中的元素信息，并为元素信息生成对应的编辑按键。
在本发明的一个实施例中，获取可视化页面中的元素信息，并为元素信息生成对应的编辑按键。其中，编辑按键是以半透明形式显示在浏览状态下的可视化页面中的，并且编辑按键层叠覆盖在元素信息所在的运营位置上。也就是说，一个可视化页面中可存在多个运营位置，每个运营位置都对应的被元素占据，每个元素都会对应一个编辑按键。
具体来说，可根据可视化页面中的元素信息向后台服务器发送请求。其中，发送请求中包含有元素信息。后台服务器在接收到请求之后，便可以向前端提供一个映射表。该映射表保存有元素信息与后台配置项的对应关系。
前端在获取到映射表之后，便可根据映射表为元素信息生成对应的编辑按键。
s103，接收对编辑按键的触发操作。
其中，触发操作可以是通过鼠标的点击触发。
s104，根据触发操作确定待编辑元素，并确定待编辑元素对应的后台配置项。
通过检测触发操作的对象，可得知具体哪个元素被触发。该元素就是待编辑元素，通过查询映射表，可以获取到该待编辑元素对应的后台配置项。
s105，提供编辑界面，所述编辑界面展现待编辑元素对应的后台配置项。
在获取到待编辑元素对应的后台配置项之后，便可提供一个编辑界面。该编辑界面展现的就是该待编辑元素对应的后台配置项。其中，编辑界面可以通过跳转、弹出等方式进行呈现。
本发明实施例提供的页面的快速编辑方法，通过提供浏览状态下的可视化页面，并获取可视化页面中的元素信息，以及为元素信息生成对应的编辑按键，并接收对编辑按键的触发操作，以及根据触发操作确定待编辑元素，并确定待编辑元素对应的后台配置项，以及提供编辑界面，能够快速地定位到待编辑元素对应的后台配置项，节省了时间成本，提高效率。
在本发明的另一个实施例中，如图2所示，该页面的快速编辑方法，还可包括：
s106，在提供浏览状态下的可视化页面之前，接收输入的可视化页面的统一资源定位符url及预设参数。
也就是说，在展现浏览状态下的可视化页面之前，需要先通过地址栏输入该可视化页面url(统一资源定位符)和特定的预设参数如“？backstage_operation＝work”，这样在展现可视化页面的同时，还可展现可视化页面中的元素信息对应的编辑按键。通过该预设参数的作用在于能够让对应地址的可视化页面展现出编辑按键。
如图3所示，该页面的快速编辑方法，还可包括：
s107，在提供编辑界面之后，接收对待编辑元素对应的后台配置项的编辑操作。例如，输入代码以调整待编辑元素在可视化页面的位置等。
s108，保存编辑后的后台配置项，并更新可视化页面。
在快速定位到待编辑元素在后台中的位置(即获得对应的后台配置项)之后，研发人员便可以方便地对后台配置项进行编辑。在编辑成功后，可保存修改后的后台配置项。进而实现可视化页面的更新。
下面以一个具体示例进行说明：
首先，研发人员可以在浏览器的地址栏中输入访问页面的url，url后缀的参数为？backstage_operation＝work，进入对应的页面。该页面处于正常的浏览状态下，但是由于参数的关系，其对应的运营位置上对应叠加了一层半透明的编辑按钮。前端的页面会向后台服务器发起请求，请求前端页面中的元素id与后台配置项id的映射表。服务器在收到请求后，获取请求中所携带的渠道参数。例如，渠道参数可包括浏览器的版本、请求来源的地址信息等。也就是说，不同的研发人员使用不同的浏览器的版本，使用的设备的地址信息不同，那么请求所的渠道就是不同的。如渠道参数a对应映射表a’，渠道参数b对应映射表b’。
之后，前端的页面获得服务器返回的映射表，遍历页面中所有的元素。在每个元素所在位置的上方生成半透明的叠加层，增加对应的编辑按钮。研发人员在点击编辑按钮后，可直接跳转到该元素相对应的后台编辑界面。研发人员可对后台编辑界面中的后台配置项直接进行编辑工作。编辑完成后，便可发布，并实现前端页面的更新，省去了查询后台配置项、询问确认及验证等过程，降低了时间成本。
通过在前端的可视化页面中，直接指向后台链接的方式，打通前端页面和后台服务器的路径，把庞杂的后台内容结合前端页面，将位置具现化、可视化，简单明了地为研发人员提供明确、准确的路径，方便追溯动态化内容的来源，避免寻找后台配置项的困扰，降低时间成本。并且，具有自适应性，后续新增配置项能自动实现可视化编辑，无需人工维护。
为了实现上述实施例，本发明还提出了一种页面的快速编辑装置，图4是根据本发明一个实施例的页面的快速编辑装置的结构框图，如图4所示，该装置包括第一提供模块410、获取模块420、接收模块430、确定模块440和第二提供模块450。
其中，第一提供模块410，用于提供浏览状态下的可视化页面。
获取模块420，用于获取可视化页面中的元素信息，并为元素信息生成对应的编辑按键。
接收模块430，用于接收对编辑按键的触发操作。
确定模块440，用于根据触发操作确定待编辑元素，并确定待编辑元素对应的后台配置项。
第二提供模块450，用于提供编辑界面。编辑界面展现待编辑元素对应的后台配置项。
如图5所示，页面的快速编辑装置还可包括输入模块460。
输入模块460，用于在提供浏览状态下的可视化页面之前，接收输入的可视化页面的统一资源定位符url及预设参数。
如图6所示，页面的快速编辑装置还可包括编辑模块470和更新模块480。
编辑模块470，用于在提供编辑界面之后，接收对待编辑元素对应的后台配置项的编辑操作。
更新模块480，用于保存编辑后的后台配置项，并更新可视化页面。
需要说明的是，前述对页面的快速编辑方法的解释说明，也适用于本发明实施例的页面的快速编辑装置，本发明实施例中未公布的细节，在此不再赘述。
本发明实施例的页面的快速编辑装置，通过提供浏览状态下的可视化页面，并获取可视化页面中的元素信息，以及为元素信息生成对应的编辑按键，并接收对编辑按键的触发操作，以及根据触发操作确定待编辑元素，并确定待编辑元素对应的后台配置项，以及提供编辑界面，能够快速地定位到待编辑元素对应的后台配置项，节省了时间成本，提高效率。
为了实现上述实施例，本发明还提出了一种电子设备。
如图7所示，电子设备700包括处理器710、存储器720及存储在存储器720上并可在处理器上运行的计算机程序701，处理器710用于执行本发明第一方面实施例的页面的快速编辑方法。
例如，计算机程序可被处理器执行以完成以下步骤的页面的快速编辑方法：
s101’，提供浏览状态下的可视化页面。
s102’，获取可视化页面中的元素信息，并为元素信息生成对应的编辑按键。
s103’，接收对编辑按键的触发操作。
s104’，根据触发操作确定待编辑元素，并确定待编辑元素对应的后台配置项。
s105’，提供编辑界面。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(ram)，只读存储器(rom)，可擦除可编辑只读存储器(eprom或闪速存储器)，光纤装置，以及便携式光盘只读存储器(cdrom)。另外，计算机可读介质甚至可以是可在其上打印程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得程序，然后将其存储在计算机存储器中。
应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(pga)，现场可编程门阵列(fpga)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。
此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。