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

权利要求书

1.一种页面组件配置方法，其特征在于，所述方法包括：

展示用户界面，所述用户界面的第一区域展示页面组件，所述用户界面的第二区域展示待编辑页面；

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

响应于所述第一组件被拖拽到所述第二区域的预定位置，在所述待编辑页面中所述预定位置生成所述第一组件对应的第一图形化元素；

接收对所述第一图形化元素的配置请求；

在所述图形化用户界面的第一编辑页面的上面叠加展示所述第一图形化元素的配置页面，所述配置页面位于第一视图，为可编辑状态，所述第一编辑页面位于所述第一视图之下的第二视图，为不可编辑状态；

接收用户对所述配置页面中展示的所述第一图形化元素的配置项目的选定，所述配置项目包括属性配置、字段配置、模型配置和事件配置中的一种或多种；

根据所述配置项目的选定，在所述配置页面的预定区域展示所述选定的配置项目的候选项，接收所述用户对所述候选项的输入，根据所述输入更新所述第一编辑页面中关于所述第一图形化元素的JSON数据文件。

2.根据所述权利要求1所述的方法，其特征在于，所述配置项目为事件配置时，所述在所述配置页面的预定区域展示所述选定的配置项目的候选项包括：

在所述配置页面的预定区域展示所述事件配置的触发选项和事件动作，所述触发选项包括预设的触发点，所述事件动作包括预设的动作选择。

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

在所述预定区域还展示所述事件动作对应的可编辑源代码，接收所述用户对所述可编辑源代码的编辑操作，更新所述可编辑源代码，将更新的可编辑源代码保存到所述事件动作。

4.根据权利要求3所述的方法，其特征在于，所述第一编辑页面还包括第二图形化元素。

5.根据权利要求4所述的方法，其特征在于，所述更新的可编辑源代码与所述第二图形化元素关联，所述方法还包括：

根据所述更新的可编辑源代码，更新所述第一编辑页面中关于所述第二图形化元素的配置项目。

6.根据权利要求4所述的方法，其特征在于，所述第一图形化元素为容器组件对应的图形化元素，所述第二图形化元素为基本组件，所述基本组件为输入框组件、数据组件和按钮组件中的一者或多者。

7.根据权利要求6所述的方法，其特征在于，所述第一图形化元素包括属性配置项目、模型配置项目和事件配置项目；所述基本组件包括属性配置项目、字段配置项目和事件配置项目。

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

根据所述第二图形化元素的字段配置项目更新所述第一图形化元素的模型配置项目。

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

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

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

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