[发明专利]在线设计的动态列表页面生成方法、生成器及介质

说明书

本发明公开了一种在线设计的动态列表页面生成方法、生成器及介质，其中方法包括以下步骤：S10、提供列表页面生成器的前端配置界面，根据用户配置生成列表数据模型；S20、表单框架根据列表数据模型生成列表HTML页面。其中，前端配置界面包括工具栏、控件面板、字段面板、网格区域以及属性面板；工具栏包括数据源导入按钮，用于导入数据库表；控件面板包括若干可拖拽的按钮控件；字段面板包括数据库表的字段控件；网格区域为行列式布局，包括若干单元格，每个单元格为一个控件。本发明能够通过简单的配置、拖放排列，即可智能化生成一个完整的列表页面程序。

技术领域

本发明涉及计算机信息处理技术领域，特别涉及一种在线设计的动态列表页面生成方法、生成器及介质。

背景技术

近年来，已经进入互联网智慧化时代，非计算机专业开发的运维人员需要一种无需开发程序简单设置即可生成动态列表页面的技术，传统的方法是需要专业人员敲打命令代码深入编程才能开发出来列表页面。该模式需要专业培训及编程基础才能成为专业的程序员，从学习到能开发出来，时间周期非常长。每次编程后，都需要运行一次，多次调试，操作繁琐。容易搞错，调试复杂。定制开发页面，如果数量比较多，就需要非常多的时间编程，效率低下。

网站信息发布及内容管理系统的默认功能是信息发布列表页面，简单明了展示和管理，是现阶段使用最多的功能之一。尤其是增、删、改、查的功能，使用起来，多年不改变。然而需要实现这些功能，以前都是需要编写程序才能实现，暂无其他的科学方法。程序的逻辑就是从数据库里面调取信息展示，实现查看、删除功能，同时也实现新增、修改功能。

非计算机开发专业的运维人员如何快速、简单又便捷的配置列表页面的字段顺序及程序，包括列表页面的操作功能、常规标准化字段等。能简单的配置、拖放排列，即可智能化生成一个完整的列表页面程序。成为我们急需要解决的痛点问题。

发明内容

本发明旨在至少解决现有技术中存在的技术问题之一。为此，本发明提出一种在线设计的动态列表页面生成，能够通过简单的配置、拖放排列，即可智能化生成一个完整的列表页面程序。

本发明还提出一种在线设计的动态列表页面生成器。

本发明还提出一种实施上述方法的计算机可读存储介质。

根据本发明的第一方面实施例的在线设计的动态列表页面生成方法，包括：S10、提供列表页面生成器的前端配置界面，根据用户配置生成列表数据模型；S20、表单框架根据所述列表数据模型生成列表HTML页面；其中，所述前端配置界面包括工具栏、控件面板、字段面板、网格区域以及属性面板；所述工具栏包括数据源导入按钮，用于导入数据库表；所述控件面板包括若干可拖拽的按钮控件；所述字段面板包括所述数据库表的字段控件；所述网格区域为行列式布局，包括若干单元格，每个所述单元格为一个控件；其中，所述步骤S10包括：S11、设置按钮控件的事件，并监听所述按钮控件的事件，若所述按钮控件被拖拽至所述网格区域的其中一个单元格，则将所述单元格的属性修改为所述按钮控件的属性S12、响应于所述字段控件被拖拽至所述单元格，将所述单元格与所述字段控件对应的字段关联，并从数据库获取字段数据；S13、根据所述单元格及字段生成列表数据模型。

根据本发明的一些实施例，所述步骤S20包括：S21、响应于发布指令，表单框架获取所述列表数据模型；S22、根据所述列表数据模型生成HTML页面。

根据本发明的一些实施例，所述列表数据模型以json数据格式保存，一个单元格对应一个json对象。

根据本发明的一些实施例，所述多个单元格可被配置为一个单元格。

根据本发明的一些实施例，所述属性面板包括控件类型下拉选择框、控件标题输入框以及绑定字段显示栏。

根据本发明的一些实施例，所述方法还包括：S30、响应于所述按钮控件被拖拽离开所述单元格，所述单元格恢复默认属性。