本技术涉及计算机,尤其涉及一种分页组件的生成方法、装置及存储介质。
背景技术:
1、现有的页面设置有多个分页,每个分页中都有显示所有页码的组件,点击其中一个页码的组件则跳转到对应的页码。但是现有技术的分页页码的组件只能适用于elementui框架,具有批量翻页的功能。若分页存在选中的信息,现有技术只能在点击进入具体的页码页面时才能直到是否有选中的信息。
技术实现思路
1、本技术提供了一种分页组件的生成方法、装置及存储介质,以改善分页组件的功能,实现更可靠的分页组件显示效果。
2、本技术提供了一种分页组件的生成方法,应用于目标分页,所述目标分页为目标文件中的任意一个分页,所述目标文件包括若干个分页,各所述分页包括各自的列表数据和各自的页码;所述列表数据的状态包括选中状态和未选中状态;
3、所述方法包括:
4、当用户选择目标分页进行显示时,获取各所述分页的列表数据的状态和对应的页码,生成页码数组;
5、其中,根据各所述分页的列表数据的状态,将存在选中状态的列表数据的页码作为选中页码;
6、根据所述页码数组,渲染所述目标分页的分页组件;
7、其中,所述分页组件包括若干个页码组件;
8、若干个所述页码组件至少包括:目标分页的页码组件、第一页分页的页码组件和最后一页分页的页码组件;
9、所述选中页码对应的页码组件带有选中标记。
10、进一步地,所述获取各所述分页的列表数据的状态和对应的页码,生成页码数组,具体为:
11、根据所述分页的总数量和对应的页码,构建空白数组;
12、根据各所述分页的列表数据的状态,在所述空白数组中添加各所述分页的列表数据的选中量,得到页码数组;
13、其中,根据各所述分页的列表数据的选中量,将列表数据的选中量不为零的页码作为选中页码。
14、进一步地,所述根据所述页码数组,渲染所述目标分页的分页组件,具体为:
15、根据所述分页的总数量,判断是否存在需要省略显示页码的分页;
16、若存在,则生成不需要省略显示的分页的页码组件,并根据所述需要省略显示的分页,生成至少一个缺省按钮组件,得到初始分页组件;其中,所述需要省略显示的分页与所述缺省按钮组件存在对应关系;所述缺省按钮组件为对应的需要省略显示的分页的页码组件;
17、若不存在,则生成所有分页的页码组件,得到初始分页组件;
18、在所述初始分页组件中,确定所述选中页码对应的页码组件,并在所述选中页码对应的页码组件上构建选中标记,得到分页组件;
19、渲染所述分页组件。
20、进一步地,所述根据所述分页的总数量,判断是否存在需要省略显示页码的分页,具体为:
21、若所述目标分页的页码大于等于5,且所述分页的总数量大于等于5,则确定第2页到第(n-3)页的分页需要省略显示页码;n为目标分页的页码;
22、若所述分页的总数量与所述目标分页的页码的差大于等于3,且所述分页的总数量大于6,则第(n+3)页到第(m-1)页的分页需要省略显示页码;m为分页的总数量;m为正整数。
23、进一步地,所述生成不需要省略显示的分页的页码组件,并根据所述需要省略显示的分页,生成至少一个缺省按钮组件,得到初始分页组件,其中,所述需要省略显示的分页与所述缺省按钮组件存在对应关系;所述缺省按钮组件为对应的需要省略显示的分页的页码组件,具体为:
24、若第2页到第(n-3)页的分页需要省略显示页码,则将第一缺省按钮组件作为第2页到第(n-3)页的分页对应的页码组件;
25、若第(n+3)页到第(m-1)页的分页需要省略显示页码,则将第二缺省按钮组件作为第(n+3)页到第(m-1)页的分页对应的页码组件;
26、构建所有分页对应的页码组件,得到初始分页组件。
27、进一步地,所述在所述初始分页组件中,确定所述选中页码对应的页码组件,并在所述选中页码对应的页码组件上构建选中标记,具体为:
28、将选中页码中需要省略显示页码的分页作为第一目的页码,若存在至少一个选中第一目的页码,则在对应的缺省按钮组件上构建选中标记;
29、将选中页码中不需要省略显示页码的分页作为第二目的页码,则在所述第二目的页对应的页码组件上构建选中标记。
30、进一步地,所述在所述选中页码对应的页码组件上构建选中标记,还包括:
31、根据各所述选中页码的列表数据的选中量,在所述选中页码对应的页码组件上构建选中标记中显示对应的选中量数值。
32、进一步地,在所述初始分页组件中,确定所述选中页码对应的页码组件,并在所述选中页码对应的页码组件上构建选中标记,得到分页组件之后,还包括:
33、对各页码组件分别绑定一个切换到对应页码的点击事件;
34、在第一页分页的页码组件前添加第一移动组件,并将向前移动预设页码的点击事件绑定到所述第一移动组件上;
35、在最后一页分页的页码组件后添加第二移动组件,并将向后移动预设页码的点击事件绑定到所述第二移动组件上;
36、在所述第二移动组件后添加一个跳转组件,并将切换对应页码的点击事件绑定到所述跳转组件上。
37、作为优选方案,本技术提供原生的分页组件的生成方法,可以适用于所有u i框架下的分页组件构建。利用本技术提供原生的分页组件的生成方法渲染生成的分页组件能在每个分页页码上显示对应的分页内是否有被选中的项,提醒用户对应的分页中的数据有被选中。本技术采用中间缺省的形式显示需要省略的页码组件,防止页码过多导致页面组件被拉长,影响界面布局。同时,中间缺省显示也能够呈现选中状态,改善了分页组件的功能,实现更可靠的分页组件显示效果。
38、本技术的其他特征和优点将在随后的具体实施方式部分予以详细说明。
39、相应地,本技术还提供一种分页组件的生成装置,应用于目标分页,所述目标分页为目标文件中的任意一个分页,所述目标文件包括若干个分页,各所述分页包括各自的列表数据和各自的页码;所述列表数据的状态包括选中状态和未选中状态;
40、所述装置包括:数据处理模块和渲染模块;
41、所述数据处理模块用于当用户选择目标分页进行显示时,获取各所述分页的列表数据的状态和对应的页码,生成页码数组;
42、其中,根据各所述分页的列表数据的状态,将存在选中状态的列表数据的页码作为选中页码;
43、所述渲染模块用于根据所述页码数组,渲染所述目标分页的分页组件;
44、其中,所述分页组件包括若干个页码组件;
45、若干个所述页码组件至少包括:目标分页的页码组件、第一页分页的页码组件和最后一页分页的页码组件;
46、所述选中页码对应的页码组件带有选中标记。
47、相应地,本技术还提供一种计算机可读存储介质,所述计算机可读存储介质包括存储的计算机程序;其中,所述计算机程序在运行时控制所述计算机可读存储介质所在的设备执行如本技术内容所述的一种分页组件的生成方法。
1.一种分页组件的生成方法,其特征在于,应用于目标分页,所述目标分页为目标文件中的任意一个分页,所述目标文件包括若干个分页,各所述分页包括各自的列表数据和各自的页码;所述列表数据的状态包括选中状态和未选中状态;
2.如权利要求1所述的一种分页组件的生成方法,其特征在于,所述获取各所述分页的列表数据的状态和对应的页码,生成页码数组,具体为:
3.如权利要求2所述的一种分页组件的生成方法,其特征在于,所述根据所述页码数组,渲染所述目标分页的分页组件,具体为:
4.如权利要求3所述的一种分页组件的生成方法,其特征在于,所述根据所述分页的总数量,判断是否存在需要省略显示页码的分页,具体为:
5.如权利要求4所述的一种分页组件的生成方法,其特征在于,所述生成不需要省略显示的分页的页码组件,并根据所述需要省略显示的分页,生成至少一个缺省按钮组件,得到初始分页组件,其中,所述需要省略显示的分页与所述缺省按钮组件存在对应关系;所述缺省按钮组件为对应的需要省略显示的分页的页码组件,具体为:
6.如权利要求3所述的一种分页组件的生成方法,其特征在于,所述在所述初始分页组件中,确定所述选中页码对应的页码组件,并在所述选中页码对应的页码组件上构建选中标记,具体为:
7.如权利要求6所述的一种分页组件的生成方法,其特征在于,所述在所述选中页码对应的页码组件上构建选中标记,还包括:
8.如权利要求3所述的一种分页组件的生成方法,其特征在于,在所述初始分页组件中,确定所述选中页码对应的页码组件,并在所述选中页码对应的页码组件上构建选中标记,得到分页组件之后,还包括:
9.一种分页组件的生成装置,其特征在于,应用于目标分页,所述目标分页为目标文件中的任意一个分页,所述目标文件包括若干个分页,各所述分页包括各自的列表数据和各自的页码;所述列表数据的状态包括选中状态和未选中状态;
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括存储的计算机程序;其中,所述计算机程序在运行时控制所述计算机可读存储介质所在的设备执行如权利要求1至8中任意一项所述的一种分页组件的生成方法。