页面动态列表处理方法、设备、介质及产品与流程
本申请涉及计算机，尤其涉及一种页面动态列表处理方法、设备、介质及产品。
背景技术：
：：1、在各类软件项目中，经常会用到描述信息列表，展示对应业务实体的详细信息，比较常见的做法是根据业务需求，定制化开发对应的详细列表信息页面，但这可能面临着大量编码与不同屏幕尺寸的适配问题。2、现有技术中，通过使用el-descriptions组件，支持响应式的设计以适应不同屏幕尺寸，并支持配置每行显示的信息项数量与自定义列表样式。3、然而当需要展示的信息项数量与描述信息发生改变时，现有技术仍需要重新编码，代码复用度低，从而增加编码工作量，降低开发效率。技术实现思路1、本申请实施例提供页面动态列表处理方法、设备、介质及产品，用以达到提高开发效率的效果。2、第一方面，本申请实施例提供一种页面动态列表处理方法，包括：获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据；根据配置需求信息对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数；遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；其中二维数据组用于存储各行待展示的信息项数据；调用预设模板引擎中的超文本标记语言html结构，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据；使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。3、在一种可能的实施方式中，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据，包括：在html结构中使用table标签定义表格；在table标签中，使用预设循环语法遍历二维数据组，以生成表格的列属性；根据表格的列属性，使用col标签定义表格的列；在tabel标签中使用tbody标签定义表格的主体；在tbody标签中使用预设循环语法遍历二维数据组，以生成表格的行属性；根据表格的行属性，使用tr标签定义表格的行；在tr标签中使用td标签定义表格的单元格；遍历二维数据组，并将各信息项数据输入至各单元格，以生成表格式数据。4、在一种可能的实施方式中，根据配置需求对信息项数据进行配置，得到配置信息，包括：响应于用户对每行参数的选择确认操作，生成每行显示信息项数量参数；遍历待处理数据的所有的信息项数据，针对任一信息项数据，响应于用户对任一信息项数据的单行属性状态的选择确认操作，生成任一信息项数据的单行属性；其中单行属性用于指示任一信息项数据单独一行；响应于用户的应用操作，生成信息项数据的配置信息。5、在一种可能的实施方式中，各信息项数据包括描述说明和值；相应地，遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组之前，还包括：遍历待处理数据的所有信息项数据，若存在任一信息项数据的单行属性为选择状态，则根据每行显示信息项数量参数及所有的信息项数据的总数，确认其他各信息项数据的单行属性状态；根据各信息项数据的单行属性状态，确定各信息项数据的描述说明所占单元格数量和各信息项数据的值所占单元格数量。6、在一种可能的实施方式中，预设模板引擎为基于vue的模板引擎。7、第二方面，本申请实施例提供一种页面动态列表处理装置，包括：8、数据获取模块，用于获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据。9、配置信息获取模块，用于根据配置需求对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数。10、分组模块，用于遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；其中二维数据组用于存储各行待展示的信息项数据。11、表格式数据生成模块，用于调用预设模板引擎中的超文本标记语言html结构，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据。12、处理模块，用于使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。13、第三方面，本申请实施例提供一种计算机设备，包括：存储器，处理器；14、所述存储器存储计算机执行指令；15、所述处理器执行所述存储器存储的计算机执行指令，使得所述处理器执行如上第一方面和/或第一方面各种可能的实施方式。16、第四方面，本申请实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上第一方面和/或第一方面各种可能的实施方式。17、第五方面，本申请实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上第一方面和/或第一方面各种可能的实施方式。18、本申请实施例提供的页面动态列表处理方法、设备、介质及产品，通过将数据的信息项数据封装成html结构中的表格式数据，在网页需要展示该表格式数据时，通过调用封装后的表格式数据并使用预设模板引擎进行渲染后实现动态展示，不需要修改任何代码能够实现列表展示数据的自动更新，提高了代码复用度，从而提高开发效率。技术特征：1.一种页面动态列表处理方法，其特征在于，应用于计算机设备，包括：2.根据权利要求1所述的方法，其特征在于，所述在所述html结构中使用表格元素对所述二维数据组进行结构化展示，以得到表格式数据，包括：3.根据权利要求1所述的方法，其特征在于，所述根据配置需求对所述信息项数据进行配置，得到配置信息，包括：4.根据权利要求3所述的方法，其特征在于，所述各信息项数据包括描述说明和值；5.根据权利要求1至4任一项所述的方法，其特征在于，所述预设模板引擎为基于vue的模板引擎。6.一种页面动态列表处理装置，其特征在于，应用于计算机设备，包括：7.根据权利要求6所述的装置，其特征在于，8.一种计算机设备，其特征在于，包括：存储器，处理器；9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至5任一项所述的方法。10.一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现权利要求1至5任一项所述的方法。技术总结本申请实施例提供一种页面动态列表处理方法、设备、介质及产品。该方法包括：获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据；根据配置需求信息对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数；遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；调用预设模板引擎中的超文本标记语言HTML结构，在HTML结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据；使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。该方法用以达到提高开发效率、快速响应业务需求的效果。技术研发人员：唐明芳,吕烨,李大中,宋雨伦受保护的技术使用者：中国联合网络通信集团有限公司技术研发日：技术公布日：2024/12/5
背景技术：
：：1、在各类软件项目中，经常会用到描述信息列表，展示对应业务实体的详细信息，比较常见的做法是根据业务需求，定制化开发对应的详细列表信息页面，但这可能面临着大量编码与不同屏幕尺寸的适配问题。2、现有技术中，通过使用el-descriptions组件，支持响应式的设计以适应不同屏幕尺寸，并支持配置每行显示的信息项数量与自定义列表样式。3、然而当需要展示的信息项数量与描述信息发生改变时，现有技术仍需要重新编码，代码复用度低，从而增加编码工作量，降低开发效率。技术实现思路1、本申请实施例提供页面动态列表处理方法、设备、介质及产品，用以达到提高开发效率的效果。2、第一方面，本申请实施例提供一种页面动态列表处理方法，包括：获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据；根据配置需求信息对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数；遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；其中二维数据组用于存储各行待展示的信息项数据；调用预设模板引擎中的超文本标记语言html结构，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据；使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。3、在一种可能的实施方式中，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据，包括：在html结构中使用table标签定义表格；在table标签中，使用预设循环语法遍历二维数据组，以生成表格的列属性；根据表格的列属性，使用col标签定义表格的列；在tabel标签中使用tbody标签定义表格的主体；在tbody标签中使用预设循环语法遍历二维数据组，以生成表格的行属性；根据表格的行属性，使用tr标签定义表格的行；在tr标签中使用td标签定义表格的单元格；遍历二维数据组，并将各信息项数据输入至各单元格，以生成表格式数据。4、在一种可能的实施方式中，根据配置需求对信息项数据进行配置，得到配置信息，包括：响应于用户对每行参数的选择确认操作，生成每行显示信息项数量参数；遍历待处理数据的所有的信息项数据，针对任一信息项数据，响应于用户对任一信息项数据的单行属性状态的选择确认操作，生成任一信息项数据的单行属性；其中单行属性用于指示任一信息项数据单独一行；响应于用户的应用操作，生成信息项数据的配置信息。5、在一种可能的实施方式中，各信息项数据包括描述说明和值；相应地，遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组之前，还包括：遍历待处理数据的所有信息项数据，若存在任一信息项数据的单行属性为选择状态，则根据每行显示信息项数量参数及所有的信息项数据的总数，确认其他各信息项数据的单行属性状态；根据各信息项数据的单行属性状态，确定各信息项数据的描述说明所占单元格数量和各信息项数据的值所占单元格数量。6、在一种可能的实施方式中，预设模板引擎为基于vue的模板引擎。7、第二方面，本申请实施例提供一种页面动态列表处理装置，包括：8、数据获取模块，用于获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据。9、配置信息获取模块，用于根据配置需求对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数。10、分组模块，用于遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；其中二维数据组用于存储各行待展示的信息项数据。11、表格式数据生成模块，用于调用预设模板引擎中的超文本标记语言html结构，在html结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据。12、处理模块，用于使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。13、第三方面，本申请实施例提供一种计算机设备，包括：存储器，处理器；14、所述存储器存储计算机执行指令；15、所述处理器执行所述存储器存储的计算机执行指令，使得所述处理器执行如上第一方面和/或第一方面各种可能的实施方式。16、第四方面，本申请实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上第一方面和/或第一方面各种可能的实施方式。17、第五方面，本申请实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上第一方面和/或第一方面各种可能的实施方式。18、本申请实施例提供的页面动态列表处理方法、设备、介质及产品，通过将数据的信息项数据封装成html结构中的表格式数据，在网页需要展示该表格式数据时，通过调用封装后的表格式数据并使用预设模板引擎进行渲染后实现动态展示，不需要修改任何代码能够实现列表展示数据的自动更新，提高了代码复用度，从而提高开发效率。技术特征：1.一种页面动态列表处理方法，其特征在于，应用于计算机设备，包括：2.根据权利要求1所述的方法，其特征在于，所述在所述html结构中使用表格元素对所述二维数据组进行结构化展示，以得到表格式数据，包括：3.根据权利要求1所述的方法，其特征在于，所述根据配置需求对所述信息项数据进行配置，得到配置信息，包括：4.根据权利要求3所述的方法，其特征在于，所述各信息项数据包括描述说明和值；5.根据权利要求1至4任一项所述的方法，其特征在于，所述预设模板引擎为基于vue的模板引擎。6.一种页面动态列表处理装置，其特征在于，应用于计算机设备，包括：7.根据权利要求6所述的装置，其特征在于，8.一种计算机设备，其特征在于，包括：存储器，处理器；9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至5任一项所述的方法。10.一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现权利要求1至5任一项所述的方法。技术总结本申请实施例提供一种页面动态列表处理方法、设备、介质及产品。该方法包括：获取待处理数据的标识信息，根据标识信息调用数据接口以获取待处理数据的信息项数据；根据配置需求信息对信息项数据进行配置，得到配置信息；其中配置信息包括各信息项数据的属性及每行显示信息项数量参数；遍历信息项数据，根据每行显示信息项数量参数及各信息项数据的属性对信息项数据进行分组，以得到二维数据组；调用预设模板引擎中的超文本标记语言HTML结构，在HTML结构中使用表格元素对二维数据组进行结构化展示，以得到表格式数据；使用预设模板引擎对表格式数据进行处理，以完成页面动态列表渲染。该方法用以达到提高开发效率、快速响应业务需求的效果。技术研发人员：唐明芳,吕烨,李大中,宋雨伦受保护的技术使用者：中国联合网络通信集团有限公司技术研发日：技术公布日：2024/12/5
最新回复(0)