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

权利要求书

1.一种可视化的页面配置方法，其特征在于，所述方法包括：

在页面编辑状态下，展示用户界面，所述用户界面的第一区域展示页面组件，在所述用户界面的第二区域展示待编辑页面，其中，所述页面组件包括下述的一种或多种组件：容器组件、输入框组件、按钮组件和数据组件；

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

响应于所述第一组件被拖拽到所述第二区域的预定位置，在所述待编辑页面中所述预定位置生成所述第一组件对应的第一图形化元素，在所述待编辑页面上展示所述第一图形化元素以生成第一编辑页面，确定第一编辑页面对应的JSON文件，保存到数据库。

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

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

响应所述用户对所述第二组件的拖拽，在所述第一编辑页面中拖拽的结束位置生成所述第二组件对应的第二图形化元素，配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系，运行得到第二编辑页面对应的JSON文件，将所述JSON文件以预定名称保存到数据库。

3.根据权利要求2所述的方法，其特征在于，所述配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系包括：

将所述第一编辑页面中的所述第一图形化元素和所述第二图形化元素配置为并列节点关系。

4.根据权利要求2所述的方法，其特征在于，所述配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系包括：

将所述第一编辑页面中的所述第一图形化元素和所述第二图形化元素配置为父节点和子节点关系。

5.根据权利要求2所述的方法，其特征在于，所述第一组件为输入框时，所述输入框的类型包括下述的一种或多种：字符、数字、电子邮箱、日期、时钟和百分数，所述第二组件包括与所述第一组件的类型匹配的数据组件。

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

从所述数据库中读取所述JSON文件，运行所述JSON文件生成所述第二编辑页面的图形用户界面，

接收第二用户对所述第一图形化元素的输入请求，在第二编辑页面上展示所述第二图形化元素配置的多个备选数据，接收所述第二用户对所述多个备选数据中第一备选数据的选定，将所述第一备选数据展示在所述第一图形化元素的指定区域。

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

根据所述第一图形化元素和第二图形化元素的元素关系，确定所述第一图形化元素的位置关系。

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

在所述第一图形化元素和第二图形化元素为父节点和子节点时，将所述第二图形化元素展示在所述第一图形化元素圈定的展示区域内。

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

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

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

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