Html 对于crud操作，我是否应该为每个操作生成组件？

希望对课程使用“crud”操作。比如创建、删除、更新、读取。我可以通过一个课程组件来实现这一点吗？我确实生成了课程组件。在“course.component.html”中设计了“添加课程表单”，现在我很担心“更新课程”、“查看课程”、“删除课程”的代码应该写在哪里。我希望它变得简单和容易

我建议您编写一个CRUD服务，在其中存储所有CRUD操作

像

更新

如果你只是专注于用户界面，这完全取决于课程的内容

你可以

• 添加一个全局课程管理组件，您可以在其中

  添加

  删除

  课程（每门课程为一行）
• 当您从课程链接上的该组件单击时，您可以访问课程详细信息，然后

  更新它并添加
  删除
  选项

在全球范围内，这意味着两个组件和一个课程服务

这并不完全是我所描述的，但主要思想就在这里 看看

参考：

---

谢谢，先生，这很有帮助，但实际上我想知道，对于crud视图，如添加课程表单、删除课程、更新课程…@SAADA82不确定是否理解，这一切都取决于您的用户界面。如果每个操作部分有一个不同的页面，或者是一个简单的十字型删除。我认为我的方法是我能给你的最好的方法。通常，如果你在做一个管理系统，那么每门课程都是一行（因此你可以

获取

，也可以

删除

），然后当你点击课程详细信息时，你可以

更新

先生，你是说？我必须为crud生成4个组件？然后在每个组件中注入服务，以避免为http请求在每个组件中重新编写代码，先生，请向我推荐任何文章，以在单个课程组件中实现这一点，我将感谢您：-）@SAADA82回答了您的问题吗？您可以在一个组件中完成所有操作，但很快就会变得混乱。至少有一个用于列出的组件，如果没有太多逻辑，也可以在其中处理删除，还有一个用于创建的组件，还可以用于更新（基于一些标志）。您还可以研究Smart/Shell和Dumb/Presentation组件来简化这一过程-是的，有更多的组件，但更易于维护。

@Injectable({
  providedIn: 'root'
})
export class CRUDCourseService {

    postCourse(params):Observable<any>{
        return this.http.post('pathtomyapi/postcourse', params);
    }
    ...
    getCourse()Observable<any>{
        return this.http.get('pathtomyapi/getcourse');
    }
}

constructor(private crud:CRUDCourseService){}
...
getMyCourse(){
 this.crud.getCourse().subscribe(
     (data:any)=>console.log(data)
   );
}