描述列表 #

展示多个字段的信息, 常用语数据的详情展示页, 示例界面如下:

配置说明 #

注解配置 #

• 配置注解: @dev.fastball.ui.components.description.config.DescriptionConfig
• 属性说明:
  • column:
    • 类型: int
    • 默认值: 2
    • 配置作用: 该详情列表的列数, 即每行展示字段的数量, 默认为 2
  • size:
    • 类型: Enum<DescriptionSize>
      • Default: 默认大小
      • Middle: 中等大小
      • Small: 紧凑型
    • 默认值: Default
    • 配置作用: 详情列表的大小

记录操作配置 #

• RecordAction:
  • 是否支持: 是
  • 作用: 生成详情列表按钮, 操作相关详见操作

基础描述列表 #

• 实现接口: dev.fastball.ui.components.description.Description<Model>
• 使用场景: 用于普通数据的展示, 比如数据是前端组件关系或者菜单配置传递的
• 示例代码链接:

@UIComponent
public class EmployeeDescription implements Description<Employee> {
}

有参描述列表 #

• 实现接口: dev.fastball.ui.components.description.VariableDescription<Model, Param>
• 使用场景: 用于需要从后台获取的数据展示, 比如基于 ID 显式详情, 或者基于订单展示卖家信息等
• 方法说明:
  • Model loadData(Param): 用于返回详情列表的数据
• 示例代码链接:

@UIComponent
public class EmployeeVariableDescription implements VariableDescription<Employee, Integer> {
    private final EmployeeRepository employeeRepo;

    @Override
    public Employee loadData(Integer id) {
        return employeeRepo.findById(id);
    }
}