我們有時候也把這種將多個模塊或是前后臺組合起來一起看效果的測試稱為**集成測試**，而優秀的單元測試是集成測試的有效保障手段。由于前面我們的單元測試做的夠充分，相信本節一定會遇到最少的問題。 # 啟動程序 分別啟動數據庫、后臺應用及前臺應用，并打開[http://localhost:4200/](http://localhost:4200/) ## 定制路由 klass/klass.module.ts ``` /*定義路由*/ const routes: Routes = [ { path: '', component: IndexComponent }, { path: 'add', component: AddComponent }, { ? path: 'edit/:id', ? component: EditComponent ? } ]; ``` ## 新增編輯鏈接 klass/index/index.component.html ``` ... <table> <tr> <th>序號</th> <th>名稱</th> <th>輔導員</th> <th>操作</th> ? </tr> <tr *ngFor="let klass of klasses; index as i"> <td>{{i + 1}}</td> <td>{{klass.name}}</td> <td>{{klass.teacher.name}}</td> <td><a routerLink="./edit/{{klass.id}}">編輯</a></td> ? </tr> </table> ``` ## 測試  果真，沒有發生預期外的錯誤。 # 參考文檔 | 名稱 | 鏈接 | 預計學習時長(分） | | --- | --- | --- | | 源碼地址 | [https://github.com/mengyunzhi/spring-boot-and-angular-guild/releases/tag/step3.4.7](https://github.com/mengyunzhi/spring-boot-and-angular-guild/releases/tag/step3.4.7) | - |