使用什么方法来存储一个简单的 Web 应用程序项目的数据？

Question

我目前正在学习 javascript，我真的很想创建一个 Web 应用程序项目。

网络应用程序的目的是为用户提供膳食计划数据库，他们可以根据单一食谱甚至（土豆、汉堡包等）等成分进行搜索

我首先想到的是将膳食计划存储为单个pdf文件，因为这样我写起来更容易，但我也想到了另一个可能对用户体验更好的选择，那就是制作合适的应用程序组件，例如列出的项目和下拉扩展组件。我打算存储大量的膳食计划，因此我正在寻找一种相对简单的方法将数据放在应用程序上。

只是想让你知道我对后端知识是零，所以我很困惑我应该使用哪种方法，那将是未来的证明。

如果你们能给我指出正确的方向并告诉我为了创建这个应用程序要做什么或学习什么，我将不胜感激。

Web app ui/ux

Answer 1

漂亮的设计。

我强烈建议您使用真实的膳食数据库来确保数据持久保存。你使用的堆栈（Node/Express、Python/Flask、PHP/Laravel）不是我的问题，做对你有用的事情，只保留数据。

您已经 UI 设计好了，接下来对数据建模。

或者现在只需在如下对象中使用假数据即可：

{
    title: "3 meals 1 snack 2300 kcal",
    meals: [
        {
            meal: "meal 1",
            title: "Nandos chicken",
            ingredients: ["asdsad", "sdsds", "asdsadda"],
            instructions: "some instructions here like soo asdsa  asd",
            serving: 2,
            kcal: 452
        }
    ]
    
},
{
    title: "5 meals 1 snack 2300 kcal",
    meals: [
        {
            meal: "meal 1",
            title: "Nandos chicken",
            ingredients: ["asdsad", "sdsds", "asdsadda"],
            instructions: "some instructions here like soo asdsa  asd",
            serving: 2,
            kcal: 452
        }
    ]
    
}