通过本节的学习,我们离真实的开发过程更近了。本节中我们尝试创建一个新的班级,在创建班级的时需要指定班级的名称以及对应的教师。 在此过程中,我们复习了数据库课程中关于实体关系图的部分,这就我们常说的ER图。ER图可以直观的反应实体与实体间的关系,比如我们当前的项目,每个班级必须指定一名教师、而且也只能指定一名教师。在这种关系的支持下,后台接收的json格式为:`{name: string, teacher: {id: number}}`。这种数据格式对全栈工程师特别的友好,因为无论是前台开发还是后台开发,这种关系都保持一致。 由于前后台的实体关系保持了一致,所以在前台完成的基础上开发后台的时候便会更加的得心应手。 我们初次使用了MockApi来替代了真实的API,而这在前后台分离的情况下是非常有必要的。这使前台完全的脱离了后台而独立存在,前台的开发再也不必等后台的相关接口了。同时,由于这种Mock的机制,我们可以在组件开发时省去很多不必要的后台逻辑,这使我们可以在开发组件时更加专注于当前组件的功能。 我们还共同学习了如何在各层中进行数据验证,对数据增加验证最少有以下几点好处:1. 对用户友好,在用户填写数据时便告知用户有哪些数据是不合规的。 2. 有利于日后排错,当数据不符合规范时可以直接在控制台中发现错误原因。3.后期经过适合的改造,一旦有错误发生可以实时给客户弹窗,这有利于我们对错误进行排除。4. 在单元测试的支持下,可以对后台接口的变更做出快速的响应。 最后我们本着不造重复轮子的原则对完成的代码进行了重构,这使得整个项目更易阅读、更易维护。