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

说明书

本发明提供了一种可视化的页面配置方法，包括：在页面编辑状态下，展示用户界面，所述用户界面的第一区域展示页面组件，在所述用户界面的第二区域展示待编辑页面；接收用户对页面组件区域中第一组件的拖拽；响应于第一组件被拖拽到第二区域的预定位置，在待编辑页面中预定位置生成所述第一组件对应的第一图形化元素，在待编辑页面上展示第一图形化元素以生成第一编辑页面，确定第一编辑页面对应的JSON文件，保存到数据库。本发明通过拖拽组装工具即可实现页面编辑和生成，无需代码编写和测试等操作，实现了页面编辑和生成的可视化，降低了页面开发对技术人员的技术要求。

技术领域

本发明涉及计算机领域，更为具体而言，涉及一种可视化的页面处理方法和设备。

背景技术

网页页面配置的需求越来越多样化，特别是在保险保单等处理领域。不同的保单产品，需要对应的网页完成。传统的保单网页，对于不同的保单单品，也就是，页面中的配置项目不同的网页页面，需要单独的开发项目进行开发，这样的带来的问题，需要的软件开发成本较高，需要开发的代码量也较高，对开发人员的技术要求较高；而且不同的开发项目通常需要不同的软件开发的技术人员进行，对于类似的功能模块，代码复用的程度也较小；此外，传统的网页开发，在网页的全部功能模块在不同技术人员完成开发之后，才能实现页面的展示，如果页面的展示不尽如人意，需要调整的代码工作较高，导致效率较低。因此，亟需一种页面配置对用户可见，对开发人员的要求较低且功能模块复用程度较高的页面生成方案。

发明内容

本发明提供了一种可视化的页面处理方法，通过拖动用户界面的页面工具组件即可实现页面的组装和配置，页面的配置过程对用户可见，非专业技术人员即可实现页面的组装和配置，降低了对开发人员的技术要求；各个组件可以在不同的页面配置中重复使用，组件的复用程度较高。

本发明实施方式第一方面，提供了一种对话框的页面配置方法，所述方法包括：在用户界面的第一区域展示页面配置的工具组件，在用户界面的第二区域展示待编辑页面，其中，所述工具组件包括对话框，所述待编辑页面占据所述第二区域的整个区域；在所述第一区域接收用户对所述对话框组件中第一对话框组件的拖拽；在所述第一对话框组件拖拽到所述第二区域时，将所述第二区域中的待编辑页面所在的第一视图缩小，在所述第二区域中所述第一视图下面的的第二视图中展示所述第一对话框组件对应的第一图形化元素。

在本发明的一些实施方式中，所述方法还包括：在第一区域接收用户对所述对话框组件中第二对话框的拖拽；在所述第二对话框拖拽到所述第二区域时，在所述第二视图下面的第三视图中展示所述第二对话框对应的第二图形化元素。

在本发明的一些实施方式中，所述方法还包括：接收所述用户对所述第二视图中第一图形化元素的选定，将所述第一图形化元素对应的第二视图作为焦点视图展示，在所述焦点视图上对所述第一图形化元素的触发条件进行配置，将所述第一视图和第三视图展示为所述第二视图的背景视图。

在本发明的一些实施方式中，所述方法还包括：所述第二视图以部分覆盖所述第三视图，保留所述第三视图对应的第二图形化元素的部分文字标识的形式展示。

在本发明的一些实施方式中，所述方法还包括：所述第二视图中的第一图形化元素和所述第三视图中的第二图形化元素以颜色区分展示。

在本发明的一些实施方式中，所述工具组件还包括：容器组件、输入框组件、按钮组件、数据组件和菜单组件中的一种或多种，所述工具组件配置有对应的模型和事件。

在本发明的一些实施方式中，所述方法还包括：在第一区域接收所述用户对所述工具组件中容器组件、输入框组件、按钮组件、数据组件和菜单组件中第一组件的拖拽；在所述第二区域的待编辑页面中生成所述第一组件对应的第三图形化元素；接收所述用户对所述第三图形化元素的选定，展示所述第三图形化元素对应的配置项目，所述配置项目包括模型和事件。