[发明专利]可视化的页面处理方法和设备

权利要求书

1.一种对话框的页面配置方法，其特征在于，所述方法包括：

在用户界面的第一区域展示页面配置的工具组件，在用户界面的第二区域展示待编辑页面，其中，所述工具组件包括对话框，所述待编辑页面占据所述第二区域的整个区域；

在所述第一区域接收用户对所述对话框组件中第一对话框组件的拖拽；

在所述第一对话框组件拖拽到所述第二区域时，将所述第二区域中的待编辑页面所在的第一视图缩小，在所述第二区域中所述第一视图下面的的第二视图中展示所述第一对话框组件对应的第一图形化元素。

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

在第一区域接收用户对所述对话框组件中第二对话框的拖拽；

在所述第二对话框拖拽到所述第二区域时，在所述第二视图下面的第三视图中展示所述第二对话框对应的第二图形化元素。

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

接收所述用户对所述第二视图中第一图形化元素的选定，将所述第一图形化元素对应的第二视图作为焦点视图展示，在所述焦点视图上对所述第一图形化元素的触发条件进行配置，将所述第一视图和第三视图展示为所述第二视图的背景视图。

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

所述第二视图以部分覆盖所述第三视图，保留所述第三视图对应的第二图形化元素的部分文字标识的形式展示。

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

所述第二视图中的第一图形化元素和所述第三视图中的第二图形化元素以颜色区分展示。

6.根据权利要求3所述的方法，其特征在于，所述工具组件还包括：容器组件、输入框组件、按钮组件、数据组件和菜单组件中的一种或多种，所述工具组件配置有对应的模型和事件。

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

在第一区域接收所述用户对所述工具组件中容器组件、输入框组件、按钮组件、数据组件和菜单组件中第一组件的拖拽；

在所述第二区域的待编辑页面中生成所述第一组件对应的第三图形化元素；

接收所述用户对所述第三图形化元素的选定，展示所述第三图形化元素对应的配置项目，所述配置项目包括模型和事件。

8.根据权利要求7所述的方法，其特征在于，所述在所述焦点视图上对所述第一图形化元素的触发条件进行配置包括：

将所述第一图形化元素的触发条件设置为与所述第三图形化元素的模型或事件关联。

9.一种计算机设备，包括存储器和处理器，其中，

存储器，配置为存储有计算机程序；

处理器，配置为执行所述所述计算机程序以实现权利要求1到8所述的方法。

10.一种计算机可读的存储介质，其上存储有计算机指令，所述计算机指令被处理器执行时实现权利要求1到8所述的方法。