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

权利要求书

1.一种在线设计的动态列表页面生成方法，其特征在于，包括：

S10、提供列表页面生成器的前端配置界面，根据用户配置生成列表数据模型；

S20、表单框架根据所述列表数据模型生成列表HTML页面；

其中，所述前端配置界面包括工具栏、控件面板、字段面板、网格区域以及属性面板；所述工具栏包括数据源导入按钮，用于导入数据库表；所述控件面板包括若干可拖拽的按钮控件；所述字段面板包括所述数据库表的字段控件；所述网格区域为行列式布局，包括若干单元格，每个所述单元格为一个控件；

其中，所述步骤S10包括：

S11、设置按钮控件的事件，并监听所述按钮控件的事件，若所述按钮控件被拖拽至所述网格区域的其中一个单元格，则将所述单元格的属性修改为所述按钮控件的属性；

S12、响应于所述字段控件被拖拽至所述单元格，将所述单元格与所述字段控件对应的字段关联，并从数据库获取字段数据；

S13、根据所述单元格及字段生成列表数据模型。

2.根据权利要求1所述的在线设计的动态列表页面生成方法，其特征在于，所述步骤S20包括：

S21、响应于发布指令，表单框架获取所述列表数据模型；

S22、根据所述列表数据模型生成HTML页面。

3.根据权利要求1所述的在线设计的动态列表页面生成方法，其特征在于，所述列表数据模型以json数据格式保存，一个单元格对应一个json对象。

4.根据权利要求1所述的在线设计的动态列表页面生成方法，其特征在于，所述多个单元格可被配置为一个单元格。

5.根据权利要求1所述的在线设计的动态列表页面生成方法，其特征在于，所述属性面板包括控件类型下拉选择框、控件标题输入框以及绑定字段显示栏。

6.根据权利要求1所述的在线设计的动态列表页面生成方法，其特征在于，所述方法还包括：S30、响应于所述按钮控件被拖拽离开所述单元格，所述单元格恢复默认属性。

7.一种在线设计的动态列表页面生成器，其特征在于，包括：

前端配置界面，用于提供列表页面生成器的前端配置界面，根据用户配置生成列表数据模型；

表单框架，用于根据所述列表数据模型生成列表HTML页面；

其中，所述前端配置界面包括工具栏、控件面板、字段面板、网格区域以及属性面板；所述工具栏包括数据源导入按钮，用于导入数据库表；所述控件面板包括若干可拖拽的按钮控件；所述字段面板包括所述数据库表的字段控件；所述网格区域为行列式布局，包括若干单元格，每个所述单元格为一个控件；

其中，所述前端配置界面包括：

控件配置模块，用于设置按钮控件的事件，并监听所述按钮控件的事件，若所述按钮控件被拖拽至所述网格区域的其中一个单元格，则将所述单元格的属性修改为所述按钮控件的属性；

字段绑定模块，用于S12、响应于所述字段控件被拖拽至所述单元格，将所述单元格与所述字段控件对应的字段关联，并从数据库获取字段数据；

列表数据模型生成模块，用于根据所述单元格及字段生成列表数据模型。

8.根据权利要求7所述的在线设计的动态列表页面生成器，其特征在于，所述列表数据模型以json数据格式保存，一个单元格对应一个json对象。

9.根据权利要求7所述的在线设计的动态列表页面生成器，其特征在于，所述多个单元格可被配置为一个单元格。

10.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至6中任一项的方法。