一种页面编辑方法和装置制造方法及图纸

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

【技术实现步骤摘要】

本专利技术涉及信息处理技术，尤其涉及一种页面编辑方法，以及一种页面编辑装置。
技术介绍
随着互联网技术的发展，人们越来越多地通过网络从网站的一个或多个网页中获取所需信息。现有技术中，网页开发人员在编辑页面时，通常需要在代码编辑页面中对页面代码进行编辑，并在代码编辑结束后关闭代码编辑页面、返回浏览页面，用户在浏览页面对所编辑的页面数据进行预览。由于现有技术需要进行页面切换操作才可对所编辑的页面数据进行预览，因此现有的页面编辑操作较为繁琐并且效率较低。而且，在页面编辑完成后，开发人员只能通过修改页面源代码的方式对页面进行修改，具有操作繁琐、实用性差和运维成本高等缺点。
技术实现思路
鉴于上述问题，本专利技术的实施例提供了一种页面编辑方法，以及一种页面编辑装置。依据本专利技术的一个方面，提供了一种页面编辑方法，所述方法包括：在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；接收在所述编辑区域对所述页面组件的编辑操作；根据所述编辑操作修改所述页面组件对应的组件代码；在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。可选地，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。可选地，在所述接收在所述编辑区域对所述页面组件的编辑操作之前，所述方法还包括：接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。可选地，在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，所述方法还包括：弹出一用于编辑所述页面组件的组件参数的编辑界面；所述接收在所述编辑区域对所述页面组件的编辑操作包括：接收在所述编辑界面对所述页面组件的组件参数的编辑操作。可选地，在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，所述方法还包括：接收针对所述页面组件的编辑结束指令；将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。可选地，所述方法还包括：记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。可选地，所述记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系包括：记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。依据本专利技术的另一个方面，提供了一种页面编辑装置，所述装置包括：编辑区域展示模块，用于在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；编辑操作接收模块，用于接收在所述编辑区域对所述页面组件的编辑操作；组件代码修改模块，用于根据所述编辑操作修改所述页面组件对应的组件代码；编辑效果得到模块，用于在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。可选地，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。可选地，所述装置还包括：添加操作接收模块，用于在所述接收在所述编辑区域对所述页面组件的编辑操作之前，接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。可选地，所述装置还包括：编辑界面弹出模块，用于在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，弹出一用于编辑所述页面组件的组件参数的编辑界面；所述编辑操作接收模块，具体用于接收在所述编辑界面对所述页面组件的组件参数的编辑操作。可选地，所述装置还包括：编辑结束指令接收模块，用于在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，接收针对所述页面组件的编辑结束指令；组件参数发送模块，用于将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。可选地，所述装置还包括：对应关系记录模块，用于记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；对应关系发送模块，用于将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。可选地，所述对应关系记录模块包括：第一对应关系记录子模块，用于记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；第二对应关系记录子模块，用于记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；第三对应关系记录子模块，用于记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。与现有技术相比，本专利技术实施例所述的页面编辑方法中，操作页面展示至少一个用于对页面组件进行编辑的编辑区域，可以接收用户在编辑区域对页面组件进行的编辑操作，待对页面组件的编辑操作结束后，可以根据编辑操作修改页面组件对应的组件代码，并在编辑区域渲染修改后的组件代码，最终将对页面组件的编辑效果展示在该编辑区域内。本专利技术实施例中，操作人员在管理网页时，无需改写代码来更改网页的布局，可以直接对网页进行可视化的操作，服务器根据操作人员的操作完成页面的编辑，从而大大提高了网页运维的效率，以及降低了网页运维的成本。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术实施例1的页面编辑方法的流程图；图2示出了根据本专利技术实施例2的页面编辑方法的流程图；图3示出了根据本专利技术实施例2的编辑界面的示意图；图4示出了根据本专利技术实施例1的页面编辑装置的结构框图；图5示出了根据本专利技术实施例2的页面编辑装置的结构框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。实施例1参考图1，示出了根据本专利技术实施例1的页面编辑方法的流程图，该方法具体可以包括以下步骤：步骤101、在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域。网页管理系统是一种位于Web前端和后端办公系统或流程之间的软件系统。网页的创作人员、编辑人员、发布人员使用网页管理系统来提交、修改、审批、发布内容。所述内容可以包括文件、表格、图片、数据库中的数据、视频等其他预发布到Internet、Intranet以及Extranet网站的信本文档来自技高网...

【技术保护点】
一种页面编辑方法，其特征在于，所述方法包括：在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；接收在所述编辑区域对所述页面组件的编辑操作；根据所述编辑操作修改所述页面组件对应的组件代码；在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。

【技术特征摘要】
1.一种页面编辑方法，其特征在于，所述方法包括：在操作页面中展示至少一个用于对页面组件进行编辑的编辑区域；接收在所述编辑区域对所述页面组件的编辑操作；根据所述编辑操作修改所述页面组件对应的组件代码；在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果。2.根据权利要求1所述的方法，其特征在于，所述操作页面中设置有多个页面组件，不同页面组件对应不同的组件参数。3.根据权利要求1所述的方法，其特征在于，在所述接收在所述编辑区域对所述页面组件的编辑操作之前，所述方法还包括：接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作。4.根据权利要求3所述的方法，其特征在于，在所述接收将所述操作页面中的页面组件添加至所述编辑区域的添加操作之后，所述方法还包括：弹出一用于编辑所述页面组件的组件参数的编辑界面；所述接收在所述编辑区域对所述页面组件的编辑操作包括：接收在所述编辑界面对所述页面组件的组件参数的编辑操作。5.根据权利要求1所述的方法，其特征在于，在所述在所述编辑区域渲染修改后的组件代码，得到所述页面组件的编辑效果之后，所述方法还包括：接收针对所述页面组件的编辑结束指令；将针对所述页面组件编辑的组件参数发送至页面编辑服务器，以由所述页面服务器根据所述组件参数修改所述页面中的对应页面组件。6.根据权利要求5所述的方法，其特征在于，所述方法还包括：记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系；将所述对应关系发送至所述页面编辑服务器，以供访客访问所述页面时，所述页面服务器根据所述对应关系提取所述页面中的页面组件的组件参数，并根据提取的组件参数修改所述页面中的页面组件的组件代码。7.根据权利要求6所述的方法，其特征在于，所述记录所述页面组件、所述页面组件所在的操作页面、所述页面组件对应的编辑区域和针对所述页面组件编辑的组件参数之间的对应关系包括：记录所述页面组件所在的操作页面和所述页面组件的第一对应关系；记录所述页面组件和针对所述页面组件编辑的组件参数的第二对应关系；记录所述页面组件对应的编辑区域和所述页面组件的第三对应关系。8.一种页面编辑装置，其特征在于，所述装置包括：编辑区域展示模块，用于在操作页面中展示至少一个用于对...

【专利技术属性】
技术研发人员：王晔，
申请(专利权)人：乐视控股北京有限公司，乐视电子商务北京有限公司，
类型：发明
国别省市：北京;11