一种交互页面的编辑处理方法及终端技术

本发明专利技术公开了一种交互页面的编辑处理方法及终端，其中，所述方法包括：获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测到结束编辑处理后生成预览页面，所述预览页面与所述第一页面处理结果完全相同。

An edit processing method and terminal for interactive pages

The invention discloses a processing method and terminal, an interactive page wherein the method comprises: obtaining a first operation, the first operation for interactive mode used to create interactive pages; in response to the first operation, the interactive mode to create an interactive page editing interface according to the interactive page load control to read application; the built-in, use the interactive rendering to page load control interactive page loading display editing interface; the editing interface displays at least one optional component, the optional components used to construct the interactive layout in the page elements, adjusting style display attributes, and / or interface properties; in response to the second operation, the editing process according to the optional components selected, the first page processing results accord with the actual demand of the present interactive pages The preview page is generated after the completion of the editing process, and the preview page is exactly the same as the results of the first page.

【技术实现步骤摘要】
一种交互页面的编辑处理方法及终端
本专利技术涉及通讯技术，尤其涉及一种交互页面的编辑处理方法及终端。
技术介绍
随着互联网技术的发展，智能终端的大量普及，信息分享越来越便捷，信息互动也越来越多。为了适应信息互动的更直观体验，大量用到了交互页面的创建和编辑处理技术。以HTML5技术为例，HTML5作为一种创建交互页面的高级网页技术，可以基于HTML5技术生成交互效果和显示效果强的交互页面，如HTML5页面。HTML5页面可以是动态的广告页、动态的海报、动态的画报、动态的场景页面等，用户通常用到的交互就是利用HTML5页面进行滑动翻页而产生动态跳转的显示效果。HTML5页面既然具有这么多优点，那么HTML5是如何制作出来的，如何进行编辑和最终发布的？现有技术中，通常是采用第三方工具，具备网页专业知识的人员来进行HTML5的制作、编辑和最终发布。这些，导致HTML5页面的制作成本和制作难度都高，需要花费大量时间。不仅制作成本和制作难度都高，而且，制作过程中由于其编辑处理技术为“非所见即所得”，会使得前期预想要制作的HTML5页面与最终实际生成的HTML5页面存在差异，比如，HTML5页面运行起来加载慢，HTML5页面适配出现问题。制作出来的HTML5页面，其呈现形式也不够多样化。智能终端的普及，使得用交互页面(如HTML5)来做终端交互界面的需求越来越多，即更多交互页面(如HTML5)的制作需求产生于终端侧，目前的需求是：希望普通用户也可以自行制作交互页面(如HTML5)，为用户提供呈现形式多样化的交互页面(如HTML5)，降低交互页面(如HTML5)的制作成本和制作难度，使交互页面(如HTML5)的制作能实现“所见即所得”，总之，就是希望为用户提供最快捷、最简单、最高效、最易用的方式来制作交互页面，及编辑交互页面。然而，相关技术中，对于该问题，尚无有效解决方案。
技术实现思路
有鉴于此，本专利技术实施例希望提供一种交互页面的编辑处理方法及终端，至少解决了现有技术存在的问题。本专利技术实施例的技术方案是这样实现的：本专利技术实施例的一种交互页面的编辑处理方法，所述方法包括：获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测到结束编辑处理后生成预览页面，所述预览页面与所述第一页面处理结果完全相同。本专利技术实施例的一种终端，所述终端包括：第一获取单元，用于获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；第一响应单元，用于响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；加载单元，用于读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；显示单元，用于在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；第二响应单元，用于响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测单元，用于检测到结束编辑处理后生成预览页面，通过所述显示单元渲染显示的所述预览页面与所述第一页面处理结果完全相同。本专利技术实施例的交互页面的编辑处理方法包括：获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测到结束编辑处理后生成预览页面，所述预览页面与所述第一页面处理结果完全相同。采用本专利技术实施例，响应一系列的操作，以根据所述交互模式创建交互页面的编辑界面，加载显示的交互页面的编辑界面后，选择至少一个多样化的可选组件以构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性，进行编辑处理后得到符合交互页面实际呈现需求的第一页面处理结果，检测到结束编辑处理后生成预览页面，所述预览页面为可视化页面，且与所述第一页面处理结果的内容和排版布局等完全相同，即：编辑时页面是什么样式，最终生成的实际交互页面就是什么样式，可以称为“所见即所得”的可视化操作，从而为用户提供了最快捷、最简单、最高效、最易用的方式来制作交互页面，及编辑交互页面的机制。附图说明图1为实现本专利技术各个实施例的移动终端一个可选的硬件结构示意图；图2为如图1所示的移动终端的通信系统示意图；图3为本专利技术实施例中进行信息交互的各方硬件实体的示意图；图4为应用本专利技术实施例的多样化交互模式的选择示意图；图5为应用本专利技术实施例的多样化交互页面的编辑界面示意图；图6为应用本专利技术实施例的多样化的可选组件的示意图；图7为应用本专利技术实施例的将创建的交互页面进行分享的示意图；图8为本专利技术实施例一的方法流程示意图；图9为本专利技术实施例二的方法流程示意图；图10为本专利技术实施例四的系统架构示意图；图11-图19为应用本专利技术实施例的多个用户界面示意图；图20为应用本专利技术实施例修改交互页面的处理流程示意图。具体实施方式下面结合附图对技术方案的实施作进一步的详细描述。现在将参考附图描述实现本专利技术各个实施例的移动终端。在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本专利技术实施例的说明，其本身并没有特定的意义。因此，"模块"与"部件"可以混合地使用。在下面的详细说明中，陈述了众多的具体细节，以便彻底理解本专利技术。不过，对于本领域的普通技术人员来说，显然可在没有这些具体细节的情况下实践本专利技术。在其他情况下，没有详细说明公开的公知方法、过程、组件、电路和网络，以避免不必要地使实施例的各个方面模糊不清。另外，本文中尽管多次采用术语“第一”、“第二”等来描述各种元件(或各种阈值或各种应用或各种指令或各种操作)等，不过这些元件(或阈值或应用或指令或操作)不应受这些术语的限制。这些术语只是用于区分一个元件(或阈值或应用或指令或操作)和另一个元件(或阈值或应用或指令或操作)。例如，第一操作可以被称为第二操作，第二操作也可以被称为第一操作，而不脱离本专利技术的范围，第一操作和第二操作都是操作，只是二者并不是相同的操作而已。本专利技术实施例中的步骤并不一定是按照所描述的步骤顺序进行处理，可以按照需求有选择的将步骤打乱重排，或者删除实施例中的步骤，或者增加实施例中的步骤，本专利技术实施例中的步骤描述只是可选的顺序组合，并不代表本专利技术实施例的所有步骤顺序组合，实施例中的步骤顺序不能认为是对本专利技术的限制。本专利技术实施例中的术语“和/或”指的是包括相关联的列举项目中的一个或多个的任何和全本文档来自技高网...

【技术保护点】
一种交互页面的编辑处理方法，其特征在于，所述方法包括：获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测到结束编辑处理后生成预览页面，所述预览页面与所述第一页面处理结果完全相同。

【技术特征摘要】
1.一种交互页面的编辑处理方法，其特征在于，所述方法包括：获取第一操作，所述第一操作用于选取待创建交互页面的交互模式；响应所述第一操作，根据所述交互模式创建交互页面的编辑界面；读取应用内置的交互页面加载控件，使用所述交互页面加载控件渲染出要加载显示的交互页面的编辑界面；在所述编辑界面中显示有至少一个可选组件，所述可选组件用于构造所述交互页面中的布局组成元素、调整样式显示属性、和/或页面交互属性；响应第二操作，根据所选择的可选组件进行编辑处理，得到符合交互页面实际呈现需求的第一页面处理结果；检测到结束编辑处理后生成预览页面，所述预览页面与所述第一页面处理结果完全相同。2.根据权利要求1所述的方法，其特征在于，所述交互模式包括：文章页面类型、多屏滑动页面类型或带滚动条长页面类型。3.根据权利要求1所述的方法，其特征在于，所述第一页面处理结果为可视化的页面显示结果。4.根据权利要求1所述的方法，其特征在于，所述第二操作包括：作用于所述至少一个可选组件的操作、作用于编辑界面输入区域的操作、作用于编辑界面中交互对象的操作中的至少一种。5.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：检测到结束编辑处理后生成预览页面后，响应第三操作，以将预览页面保存为新建的交互页面，所述新建的交互页面符合所述交互页面实际呈现需求；将所述新建的交互页面或新建的交互页面对应的地址链接信息通过所述应用或其他应用的社交分享入口发送至社交群组中进行页面分享。6.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：为所述编辑界面分别配置第一套代码和第二套代码；所述第一套代码存储于终端侧，用于响应终端侧的操作后调用所述第二套代码中的对应代码段进行相应的处理；所述第二套代码存储于服务器侧，用于通过第一套代码被请求调用后，反馈所述第二套代码中的对应代码段给终端侧，以执行相应的处理。7.根据权利要求6所述的方法，其特征在于，所述响应所述第一操作，根据所述交互模式创建交互页面的编辑界面，包括：响应所述第一操作，以加载并运行所述第一套代码；通过所述第一套代码请求调用所述第二套代码，以进行界面创建处理；接收所述第二套代码中的对应界面创建代码段，并创建所述交互页面的编辑界面。8.根据权利要求6所述的方法，其特征在于，所述响应第二操作，根据所选择的可选组件进行编辑处理，包括：响应所述第二操作，以加载并运行所述第一套代码；通过所述第一套代码请求调用所述第二套代码，以进行界面编辑处理；接收所述第二套代码中的对应界面编辑处理代码段，并执行在所述交互页面的编辑界面上的编辑处理。9.一种终端，其特征在于，所述终端包括：第一获取单元...

【专利技术属性】
技术研发人员：罗永彬，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44