10、利用 React 和 MEAN 栈构建应用：从联系人管理到照片画廊

利用 React 和 MEAN 栈构建应用：从联系人管理到照片画廊

1. React 实现联系人管理应用的数据库操作

1.1 添加数据库支持

为 PersonalDetails 类添加数据库支持，具体步骤如下：
1. 添加成员变量 ：

private readonly dataLayer: Database<PersonRecord>;
private people: IPersonState[];

2. 更新构造函数 ：连接数据库并使用 PersonalDetailsTableBuilder 创建 TableBuilder 。

const tableBuilder : PersonalDetailsTableBuilder = new PersonalDetailsTableBuilder();
this.dataLayer = new Database(tableBuilder.Build());

3. 在渲染方法中显示人员信息 ：使用 map 方法遍历 people 数组并渲染人员信息。