17、深入探究图书管理系统的视图与控制器实现

深入探究图书管理系统的视图与控制器实现

1. 视图层方法实现

在图书管理系统的视图层，我们需要实现一系列方法来处理图书和图书集合的操作，包括表单重置、图书渲染、集合移除等。

1.1 clearNewBookCollectionForm 方法

此方法的作用是重置新图书集合表单，借助 HTMLFormElement 对象的 reset() 方法达成。

clearNewBookCollectionForm(): void {
    this._newBookCollectionForm.reset();
}

1.2 renderBook 方法

该方法用于将给定的图书添加到对应集合的 DOM 中。

renderBook(collectionIdentifier: string, book: Book): void {
    if (!book) {
        throw new Error("The book to render must be provided!");
    }
    const collectionTableBody = document.getElementById
    (`collectionTableBody-${collectionIdentifier}`) as
    HTMLTableSectionElement;
    if (!collectionTableB