实现后端分页(如何设计一个标准的后台页面框架图)

实现后端分页(如何设计一个标准的后台页面框架图)

实现后端分页?许多人对实现后端分页的问题没有了解,本站就来讲讲实现后端分页的问题,希望我的解答对你有所帮助。



一个标准的后台页面框架应该主要分为:搜索栏、功能栏、列表区(其中含操作列)、汇总栏(分为数据汇总区、分页区)。

一、导航栏

位置:页面最顶部

用户告诉用户现在“哪里”,展示方式为:一级菜单名称>二级菜单名称>三级菜单名称

做的好一点的话,可以在页面名称上加链接,点击跳转至对应菜单页面。

二、搜索栏

位置:导航栏下方

没啥好说的,筛选数据用,分为筛选条件和按钮。

按钮:查询必有,重置看筛选数量,如果筛选数量多的话就加一个重置按钮

三、功能栏

位置:在搜索栏和列表区之间。

这里面的功能按钮是面向的是所有查询数据、多条数据,或者新增数据。

导出:导出的是查询出来的所有数据

批量删除:在列表中勾选数据后,点击将勾选数据一批全部删除

新建任务:新建的是一条全新的数据

多说一句,凡是查询数据的页面,都应有导出功能,业务方肯定会要全部明细数据的清单。

四、列表区

位置:在功能栏下方

数据字段的罗列,必须要的字段有以下5个,其余字段看用户需要增添。

列表的字段不是越多越好,最好是查询数据库里单表的数据,因为要是一个列表查询了多张数据库表,会导致页面加载巨慢列表的字段应只包含数值类型的字段,比如:图片、视频,就不适合放在列表中,应该放在操作列查看。在表格内,数据值类型为文字的居左,数字、时间的居右(参考Excel)小数点位数统一,一般保留2位小数,第三位四舍五入

此外,有些后台列表会将最左边1-2列固定,因为数据字段很多,避免用户查看后面的值时忘了前面的。

位置:在列表的最后一列

这里的功能按钮,都是对应一条数据进行操作的。按钮类型分为以下5种

五、汇总栏

位置:列表下方

汇总栏又可分为数据汇总区、分页区。

数据汇总区

实现后端分页(如何设计一个标准的后台页面框架图)

汇总数据必须在对应字段的正下方,可汇总的字段一般为数量、金额,像均值、率值不可汇总,当然,如果用户有需要,可按其他的公式进行计算汇总至此。

OK,本文到此结束,希望对大家有所帮助。

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读