25、前端应用开发：从数据处理到应用构建

前端应用开发：从数据处理到应用构建

1. 数据准备与测试

在开始开发前，我们使用 Jasmine 的 beforeAll 语法来创建 ManufacturerCollection 实例，并调用 fetch({ async: false }) 等待集合加载完成。之后进行了两个测试，一个检查是否成功加载了三个制造商到集合中，另一个检查索引为 2 的制造商模型。

2. 集合遍历与过滤模型构建

当 ManufacturerCollection 加载完成后，我们需要处理其中的数据，主要是查找制造商列表和板类型列表，这些列表将用于左侧的过滤面板。为了实现这一功能，我们定义了以下接口和模型：
- 过滤类型枚举 ：

export enum FilterType {
    Manufacturer,
    BoardType,
    None
}

• 过滤值接口 ：

export interface IFilterValue {
    filterValue: string; 
}

• 过滤模型接口 ：