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

说明书

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

技术领域

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

背景技术

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

发明内容

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

本发明实施方式第一方面，提供了一种可视化的页面配置方法，，所述方法包括：在页面编辑状态下，展示用户界面，所述用户界面的第一区域展示页面组件，在所述用户界面的第二区域展示待编辑页面，其中，所述页面组件包括下述的一种或多种组件：容器组件、输入框组件、按钮组件和数据组件；接收用户对所述页面组件区域中第一组件的拖拽；响应于所述第一组件被拖拽到所述第二区域的预定位置，在所述待编辑页面中所述预定位置生成所述第一组件对应的第一图形化元素，在所述待编辑页面上展示所述第一图形化元素以生成第一编辑页面，确定第一编辑页面对应的JSON文件，保存到数据库。

在本发明的一些实施方式中，所述方法还包括：接收用户对所述页面组件区域中第二组件的拖拽；响应所述用户对所述第二组件的拖拽，在所述第一编辑页面中拖拽的结束位置生成所述第二组件对应的第二图形化元素，配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系，运行得到第二编辑页面对应的JSON文件，将所述JSON文件以预定名称保存到数据库。

在本发明的一些实施方式中，所述配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系包括：将所述第一编辑页面中的所述第一图形化元素和所述第二图形化元素配置为并列节点关系。

在本发明的一些实施方式中，所述配置所述第一编辑页面中所述第一图形化元素和第二图形化元素的元素关系包括： 将所述第一编辑页面中的所述第一图形化元素和所述第二图形化元素配置为父节点和子节点关系。

在本发明的一些实施方式中，所述第一组件为输入框时，所述输入框的类型包括下述的一种或多种：字符、数字、电子邮箱、日期、时钟和百分数，所述第二组件包括与所述第一组件的类型匹配的数据组件。

在本发明的一些实施方式中，，所述方法还包括：从所述数据库中读取所述JSON文件，运行所述JSON文件生成所述第二编辑页面的图形用户界面，接收第二用户对所述第一图形化元素的输入请求，在第二编辑页面上展示所述第二图形化元素配置的多个备选数据，接收所述第二用户对所述多个备选数据中第一备选数据的选定，将所述第一备选数据展示在所述第一图形化元素的指定区域。