CN106201489A - 一种页面编辑方法和装置 - Google Patents

Abstract

本发明公开了一种页面编辑方法和装置。所述方法包括：在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域，接收在所述编辑区域对所述页面组件的编辑操作，根据所述编辑操作修改所述页面组件对应的组件代码，在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

Description

一种页面编辑方法和装置

技术领域

本发明涉及信息处理技术，尤其涉及一种页面编辑方法，以及一种页面编辑装置。

背景技术

随着互联网技术的发展，人们越来越多地通过网络从网站的一个或多个网页中获取所需信息。

现有技术中，网页开发人员在编辑页面时，通常需要在代码编辑页面中对页面代码进行编辑，并在代码编辑结束后关闭代码编辑页面、返回浏览页面，用户在浏览页面对所编辑的页面数据进行预览。

由于现有技术需要进行页面切换操作才可对所编辑的页面数据进行预览，因此现有的页面编辑操作较为繁琐并且效率较低。而且，在页面编辑完成后，开发人员只能通过修改页面源代码的方式对页面进行修改，具有操作繁琐、实用性差和运维成本高等缺点。

发明内容

鉴于上述问题，本发明的实施例提供了一种页面编辑方法，以及一种页面编辑装置。

依据本发明的一个方面，提供了一种页面编辑方法，所述方法包括：

在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；

接收在所述编辑区域对所述页面组件的编辑操作；

根据所述编辑操作修改所述页面组件对应的组件代码；

在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

可选地，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。

可选地，在所述接收在所述编辑区域对所述页面组件的编辑操作之前，所述方法还包括：

接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

可选地，在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，所述方法还包括：

弹出一用于编辑所述页面组件的组件参数的编辑界面；

所述接收在所述编辑区域对所述页面组件的编辑操作包括：

接收在所述编辑界面对所述页面组件的组件参数的编辑操作。

可选地，在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，所述方法还包括：

接收针对所述页面组件的编辑结束指令；

将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

可选地，所述方法还包括：

记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；

将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。

可选地，所述记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系包括：

记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；

记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；

记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。

依据本发明的另一个方面，提供了一种页面编辑装置，所述装置包括：

编辑区域展示模块，用于在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；

编辑操作接收模块，用于接收在所述编辑区域对所述页面组件的编辑操作；

组件代码修改模块，用于根据所述编辑操作修改所述页面组件对应的组件代码；

编辑效果得到模块，用于在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

可选地，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。

可选地，所述装置还包括：

添加操作接收模块，用于在所述接收在所述编辑区域对所述页面组件的编辑操作之前，接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

可选地，所述装置还包括：

编辑界面弹出模块，用于在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，弹出一用于编辑所述页面组件的组件参数的编辑界面；

所述编辑操作接收模块，具体用于接收在所述编辑界面对所述页面组件的组件参数的编辑操作。

可选地，所述装置还包括：

编辑结束指令接收模块，用于在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，接收针对所述页面组件的编辑结束指令；

组件参数发送模块，用于将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

可选地，所述装置还包括：

对应关系记录模块，用于记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；

对应关系发送模块，用于将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。

可选地，所述对应关系记录模块包括：

第一对应关系记录子模块，用于记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；

第二对应关系记录子模块，用于记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；

第三对应关系记录子模块，用于记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。

与现有技术相比，本发明实施例所述的页面编辑方法中，操作页面展示至少一个用于对页面组件进行编辑的编辑区域，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明实施例1的页面编辑方法的流程图；

图2示出了根据本发明实施例2的页面编辑方法的流程图；

图3示出了根据本发明实施例2的编辑界面的示意图；

图4示出了根据本发明实施例1的页面编辑装置的结构框图；

图5示出了根据本发明实施例2的页面编辑装置的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

实施例1

参考图1，示出了根据本发明实施例1的页面编辑方法的流程图，该方法具体可以包括以下步骤：

步骤101、在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域。

网页管理***是一种位于Web前端和后端办公***或流程之间的软件***。网页的创作人员、编辑人员、发布人员使用网页管理***来提交、修改、审批、发布内容。所述内容可以包括文件、表格、图片、数据库中的数据、视频等其他预发布到Internet、Intranet以及Extranet网站的信息。

本发明实施例所述的方法应用于网页管理***，进入某个网站的网页管理***后，开发人员或运营人员可以通过非代码编辑操作对网站网页的页面数据进行编辑。

开发人员开发网站时，会对网站中的网页配置网页模板。同时会根据网页布局需要在网页中预留一定数目的编辑区域，将编辑区域写入网页源代码中，并在网页模板中限定了编辑区域在页面中的位置信息。

进入某一网站的网页管理***后，可以对网站中的多个网页进行编辑，在选择预编辑的某一网页后，展示与选择页面对应的操作页面，网页和操作页面存在一一对应关系。由于开发人员在开发网站时针对页面设置了至少一个编辑区域，因此展示的操作页面中会显示至少一个编辑区域，用户可以在展示的编辑区域内进行页面数据编辑操作。由于在网页模板中限定了编辑区域在页面中的位置信息，因此在操作页面中的编辑区域内编辑的页面数据在对应网页中具有确定的显示位置。

其中，根据网页布局需要在网页中预留一定数目的编辑区域，将编辑区域写入网页源代码中，并且在页面管理***的操作页面中显示编辑区域的实现过程如下：

将针对编辑区域配置的插槽写入页面模板中，服务器在渲染已配置插槽的页面模板时，可以对该页面模板进行扫描，当扫描出该页面模板中包含插槽时，将扫描出的所有插槽分别转换成可编辑的编辑区域，待所有的插槽均转换成对应的编辑区域后，在该页面模板中显示出所有的编辑区域。可以通过多种不同的方式将编辑区域显示出来，例如，可以将编辑区域的边框填充不同样式的线条，可以在可编辑区域显示“可编辑”的字样等等，这些显示的可编辑区域可以指示操作人员在该编辑区域中进行操作，服务器根据操作人员的操作，为可编辑区域配置网页元素，实现对网页进行编辑。

在构建所使用的网页管理***时，预先设置了多个页面组件，不同页面组件对应不同的类型，例如：图片类型、文本类型、链接类型和多媒体类型等等，因此，将页面组件成功添加至页面模板的编辑区域后，在对页面组件进行编辑时，需要根据页面组件的类型对组件进行编辑，添加对应的组件参数。本发明实施例中，每个页面组件具有唯一的标识，且每个页面组件的功能与规定输出的格式是不同的，例如一个图片类型的组件，规定输出的类型可能是gpj或bmp等，因此，当对页面组件进行编辑时，无论该图片类型的页面组件添加的是图片或是图片对应的路径，在生成对应的网页时，该编辑区域显示出图片，因此在对页面组件进行编辑时，根据不同的组件类型，添加对应类型的组件参数。同时，在设置页面组件时，还对页面组件的显示属性进行了设置，显示属性限定了对页面组件进行编辑时可以使用的数据状态，是动态数据还是静态数据。

当进入网页管理***后，页面组件被加载，页面组件显示在***框架中，可以包括一个或多个页面组件。操作页面显示的至少一个编辑区域和***显示的页面组件之间可以是无关联的，可以根据页面布局需要，针对某一编辑区域选择不同类型的页面组件。

步骤102、接收在所述编辑区域对所述页面组件的编辑操作。

在某一编辑区域内对某一页面组件进行编辑操作，编辑操作可以是在编辑区域内输入页面数据、输入页面数据所在的网址或选择所需的页面数据选项等。例如预在某一编辑区域内显示产品，则可以在编辑区域内输入产品名称、产品价格等信息，从而完成对产品的编辑操作。

步骤103、根据所述编辑操作修改所述页面组件对应的组件代码。

在完成对页面组件的编辑操作后，可以根据编辑操作的具体编辑数据对页面组件对应的组件代码进行修改，以便在编辑区域内展示编辑后的页面组件的编辑效果，供用户查看。

例如，在编辑页面中对产品组件进行编辑操作，具体地对产品名称、产品价格、产品性能等参数进行编辑，当编辑结束后，可以将编辑的产品名称、产品价格和产品性能写入组件源代码中，若组件源代码中已有上述信息，则使用新编辑的组件信息替换旧组件信息。

步骤104、在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

在完成对页面组件的组件代码的修改操作后，在该页面组件的编辑区域内对修改后的组件代码进行渲染，将编辑操作所编辑的页面数据展示在编辑区域内，以供用户查看页面组件的编辑效果。用户可以根据页面的整体布局判断该页面组件的编辑效果是否满足要求，若不满足，则可以做进一步调整。

依据本发明实施例，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

实施例2

参考图2，示出了根据本发明实施例2的页面编辑方法的流程图，该方法具体可以包括以下步骤：

步骤201、在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域。

步骤202、接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

在构建网页管理***时设置了多个页面组件，不同页面组件对应不同的可编辑的组件参数。例如，产品组件对应的可编辑的组件参数是PID值、产品名称、产品价格；图片组件对应的可编辑组件参数是图片所在的网址。

用户预对操作页面中的某一编辑区域执行编辑操作时，在确定该编辑区域内所要编辑的数据类型后，选择与该数据类型匹配的页面组件，将选择的页面组件拖拽到此编辑区域内。

网页管理***中设置的各个页面组件均携带有编辑组件参数所需的信息，在将页面组件添加至编辑区域后，页面组件进行初始化处理，页面组件的功能被激活，可以读取到针对页面组件预设的特征标识，同时针对页面组件设置的编辑组件所需的信息处于可被使用。

步骤203、接收在所述编辑区域对所述页面组件的编辑操作。

在将页面组件拖拽到编辑区域后，用户开始对页面组件进行编辑。

实际中可以存在多种对页面组件的编辑方式，具体地，可以在将页面组件拖拽到编辑区域后，弹出一用于编辑页面组件的组件参数的编辑界面，用户可以在编辑界面中对页面组件进行编辑操作，即在该编辑界面中对页面组件的组件参数进行编辑。其中，编辑界面可以是空白界面，用户可以在编辑界面中填写所需的组件参数；编辑界面也可以是显示有一定数据的界面，组件参数可以是通过键盘输入的或是通过下拉菜单选择的，此种参数编辑方式较为方便，用户仅需在编辑界面的相应位置输入少量字符或选择相应选项即可。例如，编辑产品组件的组件参数时，在弹出的编辑界面中输入产品的名称、性能、价格等参数。

参照图3，示出了根据本发明实施例2的编辑界面的示意图。图3所示编辑界面是一产品列表，列表中显示PID值、产品名、售价和市场价四个参数，可以在各个参数的下面表格中填写相应的参数值，以完成对产品组件的各个组件参数的编辑。当编辑完成后，可以通过点击“save changes”按钮保存编辑的组件参数；可以在保存组件参数之后，或不保存编辑的组件参数情形下，点击“close”按钮，关闭编辑界面。

步骤204、根据所述编辑操作修改所述页面组件对应的组件代码。

初步完成在编辑区域中对页面组件的编辑操作后，可以通过点击编辑界面上的“保存”按钮，初步完成对组件参数的编辑操作。

操作页面所在的服务器在接收到参数编辑完成指令后，可以根据编辑操作所编辑的组件参数修改页面组件对应的组件代码，例如将针对产品组件设置的图片的url地址写入产品组件的组件代码中。

步骤205、在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

渲染修改后的组件代码，页面组件的编辑效果展示在编辑区域内。

若用户不满意页面组件的编辑效果，则会通过相应操作返回组件参数的编辑界面，再次对页面组件进行编辑，或者重新添加相应的页面组件，对页面组将进行重新编辑。

步骤206、接收针对所述页面组件的编辑结束指令。

若用户对页面组件的编辑效果感到满意，预结束对页面组件的编辑操作，则可以在页面管理***中的指定位置执行预设操作，发送针对该页面组件的编辑结束指令。例如，点击效果页面管理***中的编辑结束按钮，结束组件编辑操作。

实际中还可以在完成对操作页面中的多个页面组件的编辑操作，并确定多个页面组件的展示效果均满足要求后，点击页面管理***中的预设按钮，发送针对操作页面中的所有页面组件的编辑结束指令。

步骤207、将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

在接收到针对页面组件的编辑结束指令后，可以将在编辑区域中编辑的组件参数发送至页面编辑服务器，页面编辑服务器会根据接收的组件参数修改所述页面中的对应页面组件。

用户在编辑区域编辑的组件参数包括两类，一类是静态数据，一类是动态数据。由于在设置页面组件时，对页面组件的显示属性进行了设置，即限定了编辑页面组件时可以使用的数据状态，是动态数据还是静态数据，因此可以通过识别页面组件的显示属性，确定页面组件对应的页面数据是静态数据还是动态数据。

在确定页面数据的数据状态后，将针对页面组件编辑的静态数据发送至页面编辑服务器后，页面编辑服务器会将静态数据转换成HTML代码片段，并将静态数据的代码片段***页面源代码中的指定位置；将针对页面组件编辑的动态数据发送至页面编辑服务器后，页面编辑服务器会生成对应的脚本文件，并将生成的脚本文件存储于预设数据库中。

当访客访问该网页时，页面编辑服务器会将网页源文件发送至访客端，网页源文件中包含静态数据对应的HTML代码片段，客户端可以根据HTML代码片段获取静态资源；网页编辑服务器会将动态资源脚本发送至访客端，访客端可以通过请求动态数据所在服务器的接口，从该服务器的动态数据库中读取动态数据，或者网页编辑服务器根据脚本文件从动态数据所在服务器中读取所需的动态数据，并将动态数据反馈至访客端。访客端根据获取的静态数据和/或动态数据，修改页面中的对应页面组件。

当一个操作页面包括多个页面组件，并且分别对多个页面组件编辑了动态数据时，在页面编辑服务器侧会生成多个脚本文件。为了区分页面组件、针对不同页面组件编辑的动态数据以及不同脚本文件，实现从多个脚本文件中提取出页面组件所对应的脚本文件，本发明实施例在完成对页面组件的编辑操作后，还记录了页面组件、页面组件所在的操作页面、页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系，并将该对应关系发送至页面编辑服务器。

具体地，记录页面组件、页面组件所在的操作页面、页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系的步骤可以包括：记录页面组件所在的操作页面和页面组件的第一对应关系，记录页面组件和针对所述页面组件编辑的组件参数的第二对应关系，记录页面组件对应的编辑区域和所述页面组件的第三对应关系。

当访问某一页面时，页面编辑服务器会根据预存的对应关系提取该页面中的页面组件的组件参数，并根据提取的组件参数修改该页面中的页面组件的组件代码，最终在该页面中展示更新后的组件参数。

具体地，页面编辑服务器在接收到对某一网页的访问后，会根据第一对应关系从其内部的预设数据库中提取该网页即页面对应的页面组件，之后根据第二对应关系，提取页面组件对应的组件参数，再根据第三对应关系，提取页面组件对应的编辑区域，由于操作页面中的编辑区域在对应页面中具有确定的页面显示位置，因此可以将提取的页面数据展示在编辑区域所对应的页面显示位置处。

依据本发明实施例，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

实施例3

参考图4，示出了根据本发明实施例1的页面编辑装置的结构框图，具体可以包括：

编辑区域展示模块301，用于在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域。

编辑操作接收模块302，用于接收在所述编辑区域对所述页面组件的编辑操作。

组件代码修改模块303，用于根据所述编辑操作修改所述页面组件对应的组件代码。

编辑效果得到模块304，用于在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

依据本发明实施例，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

实施例4

参考图5，示出了根据本发明实施例2的页面编辑装置的结构框图，具体可以包括：

编辑区域展示模块401，用于在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域。

添加操作接收模块402，用于接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

编辑操作接收模块403，用于接收在所述编辑区域对所述页面组件的编辑操作。

组件代码修改模块404，用于根据所述编辑操作修改所述页面组件对应的组件代码。

编辑效果得到模块405，用于在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

编辑结束指令接收模块406，用于接收针对所述页面组件的编辑结束指令。

组件参数发送模块407，用于将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

本发明实施例中，优选地，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。

本发明实施例中，优选地，所述装置还包括：

编辑界面弹出模块，用于在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，弹出一用于编辑所述页面组件的组件参数的编辑界面；

所述编辑操作接收模块，具体用于接收在所述编辑界面对所述页面组件的组件参数的编辑操作。

本发明实施例中，优选地，所述装置还包括：

编辑结束指令接收模块，用于在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，接收针对所述页面组件的编辑结束指令；

组件参数发送模块，用于将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

本发明实施例中，优选地，所述装置还包括：

对应关系记录模块，用于记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；

对应关系发送模块，用于将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。

本发明实施例中，优选地，所述对应关系记录模块包括：

第一对应关系记录子模块，用于记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；

第二对应关系记录子模块，用于记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；

第三对应关系记录子模块，用于记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。

依据本发明实施例，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本发明实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。

由于所述装置实施例基本相应于前述图1-图2所示的方法实施例，故本实施例的描述中未详尽之处，可以参见前述实施例中的相关说明，在此就不赘述了。

在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述，构造这类***所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的广告数据的播放装置和广告数据的投放装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (14)

1.一种页面编辑方法，其特征在于，所述方法包括：

在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；

接收在所述编辑区域对所述页面组件的编辑操作；

根据所述编辑操作修改所述页面组件对应的组件代码；

在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

2.根据权利要求1所述的方法，其特征在于，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。

3.根据权利要求1所述的方法，其特征在于，在所述接收在所述编辑区域对所述页面组件的编辑操作之前，所述方法还包括：

接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

4.根据权利要求3所述的方法，其特征在于，在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，所述方法还包括：

弹出一用于编辑所述页面组件的组件参数的编辑界面；

所述接收在所述编辑区域对所述页面组件的编辑操作包括：

接收在所述编辑界面对所述页面组件的组件参数的编辑操作。

5.根据权利要求1所述的方法，其特征在于，在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，所述方法还包括：

接收针对所述页面组件的编辑结束指令；

将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；

将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。

7.根据权利要求6所述的方法，其特征在于，所述记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系包括：

记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；

记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；

记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。

8.一种页面编辑装置，其特征在于，所述装置包括：

编辑区域展示模块，用于在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；

编辑操作接收模块，用于接收在所述编辑区域对所述页面组件的编辑操作；

组件代码修改模块，用于根据所述编辑操作修改所述页面组件对应的组件代码；

编辑效果得到模块，用于在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

9.根据权利要求8所述的装置，其特征在于，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

添加操作接收模块，用于在所述接收在所述编辑区域对所述页面组件的编辑操作之前，接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。

11.根据权利要求10所述的装置，其特征在于，所述装置还包括：

编辑界面弹出模块，用于在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，弹出一用于编辑所述页面组件的组件参数的编辑界面；

所述编辑操作接收模块，具体用于接收在所述编辑界面对所述页面组件的组件参数的编辑操作。

12.根据权利要求8所述的装置，其特征在于，所述装置还包括：

编辑结束指令接收模块，用于在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，接收针对所述页面组件的编辑结束指令；

组件参数发送模块，用于将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。

13.根据权利要求12所述的装置，其特征在于，所述装置还包括：

对应关系记录模块，用于记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；

对应关系发送模块，用于将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。

14.根据权利要求13所述的装置，其特征在于，所述对应关系记录模块包括：

第一对应关系记录子模块，用于记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；

第二对应关系记录子模块，用于记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；

第三对应关系记录子模块，用于记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。