Skip to content

表单设计思考

本文主要探讨列表页面的一些交互逻辑,程序员是否需要处理的问题

列表页面的常见布局

首先布局主要分为3个部分:参数部分、按钮部分以及列表展示部分。其中需要处理的有两个的地方:按钮部分以及列表中的分页部分

img.png

参数部分

其中参数部分主要分为两块:列表展示字段查询参数以及分页参数。当然还可能存在过滤参数排序参数 。那么需要考虑的是如果用户点击分页组件跳转之后(例如:从第1页跳转到第4页),再次点击查询时是否需要重置分页参数?

我认为此处不应当重置页面参数。

但是观察遇到的项目发现,大多数都在此处重置了页面参数,大致可以通过两种方式处理:

  1. 点击查询按钮请求接口时不传入页面参数
  2. 直接重置页面参数

第二种方式更好一些,因为可以手动重置页面参数;第一种方式需要区分点击查询按钮请求以及其他请求。

按钮部分

一般按钮部分常用参数部分放在一起,常见操作为:查询、重置。其中常见的处理方式:进入页面请求、点击重置以及查询按钮请求接口。

列表展示部分

这部分主要考虑的分页组件的交互问题。假设这样一个场景:用户在参数部分设置了参数(例如:选中了下拉框中的某个值、选择了时间等),此时点击分页跳转时需要帮助用户处理参数么?

我认为此处也不应当处理,应由用户自行处理。

但是观察遇到的项目发现,大多数在此处并没有做任何处理。