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

说明书

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

技术领域

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

背景技术

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

发明内容

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

本发明实施方式第一方面，提供了一种页面组件配置方法，所述方法包括：展示用户界面，所述用户界面的第一区域展示页面组件，所述用户界面的第二区域展示待编辑页面；在所述第一区域接收用户对所述页面组件中第一组件的拖拽；响应于所述第一组件被拖拽到所述第二区域的预定位置，在所述待编辑页面中所述预定位置生成所述第一组件对应的第一图形化元素；接收对所述第一图形化元素的配置请求；在所述图形化用户界面的第一编辑页面的上面叠加展示所述第一图形化元素的配置页面，所述配置页面位于第一视图，为可编辑状态，所述第一编辑页面位于所述第一视图之下的第二视图，为不可编辑状态；接收用户对所述配置页面中展示的所述第一图形化元素的配置项目的选定，所述配置项目包括属性配置、字段配置、模型配置和事件配置中的一种或多种；根据所述配置项目的选定，在所述配置页面的预定区域展示所述选定的配置项目的候选项，接收所述用户对所述候选项的输入，根据所述输入更新所述第一编辑页面中关于所述第一图形化元素的JSON数据文件。

在本发明的一些实施方式中，所述配置项目为事件配置时，所述在所述配置页面的预定区域展示所述选定的配置项目的候选项包括：

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

在本发明的一些实施方式中，所述方法还包括：在所述预定区域还展示所述事件动作对应的可编辑源代码，接收所述用户对所述可编辑源代码的编辑操作，更新所述可编辑源代码，将更新的可编辑源代码保存到所述事件动作。

在本发明的一些实施方式中，所述第一编辑页面还包括第二图形化元素。

在本发明的一些实施方式中，所述更新的可编辑源代码与所述第二图形化元素关联，所述方法还包括：根据所述更新的可编辑源代码，更新所述第一编辑页面中关于所述第二图形化元素的配置项目。

在本发明的一些实施方式中，所述第一图形化元素为容器组件对应的图形化元素，所述第二图形化元素为基本组件，所述基本组件为输入框组件、数据组件和按钮组件中的一者或多者。