【问题标题】:How can I use Angular to build a recipe blog / website如何使用 Angular 构建食谱博客/网站
【发布时间】:2019-06-13 06:40:58
【问题描述】:

我想创建一个博客来存储和展示我的食谱。由于我想提高我在 Angular 方面的技能,我认为最好使用 Angular 进行开发。

从概念的角度来看,我不确定如何构建项目。

我想将每个带有照片的食谱存储在 Postgres 数据库中。

我希望有一个起始页,其中显示一个网格,其中包含每个食谱的标题 + 缩略图,应该能够按类别过滤。 选择一个食谱应显示详细页面,其中包含该食谱的描述和多张照片。

是否有两个组件,一个用于起始页,一个用于详细视图?然后根据用户选择(起始页上的类别,详细页面上的配方 ID)通过过滤的数据库查询显示内容?还有其他想法或方法吗?

【问题讨论】:

  • 假设您不需要任何菜单页面、登录页面、错误重定向页面或任何其他类型的“实用程序”页面,您只需 2 个组件(+默认应用程序)即可实现您所描述的内容。零件)。尽管您应该考虑以后是否要添加额外的功能,在这种情况下,您应该尝试使用适当的路由、服务(甚至将其拆分为模块,但对于小型博客而言,这不是必需的)使您的应用程序可扩展.
  • 补充说明:英雄之旅官网:angular.io/tutorial 非常接近你想要的:在一个组件中显示item列表,在另一个组件中进入每个组件的详细视图零件。现在只需使用您自己的数据库而不是模型数据即可

标签: angular blogs


【解决方案1】:

这是将组件拆分为小块的好方法。因为您甚至可以在单个 AppComponent 中编写大型应用程序。但不要这样做:)

我建议您开始编写代码,因为您是 Angular 新手。然后,尝试以更舒适的方式重构它

顺便说一句,Angular 目前并不是 JAM 堆栈的最佳工具。 您可以选择更轻巧灵活的工具,例如 Svelte

【讨论】:

    猜你喜欢
    • 2013-08-12
    • 1970-01-01
    • 2012-02-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-22
    • 1970-01-01
    • 2023-01-18
    相关资源
    最近更新 更多