文件名称：foodfy:为一家名为Foodfy的食谱公司开发完整的网站
文件大小：2.16MB
文件格式：ZIP
更新时间：2024-06-03 23:35:31
JavaScript
挑战：建立Foodfy “你唯一的限制就是你自己！” 关于挑战 :rocket: 为一家名为Foodfy的食谱公司建立一个完整的网站。 提示和规则 在配方页面上，当用户单击配方时，屏幕上应该会出现一个模态，其中包含与他单击的配方相同的信息。 挑战：重构Foodfy 关于挑战 :rocket: 在这个挑战中，我们必须重构，即重写上一个挑战Foodfy的代码的某些部分。 做了什么 :memo: 使用以下技术创建服务器： 节点JS 表示 修女 Nodemon 浏览器同步 npm-run-all 配置服务器后，我们在server.js文件中设置路由，并将所有配方数据放入data.js文件中。 然后，我们使用Nunjucks作为模板引擎以动态方式Nunjucks了静态数据的前端，从而使我们能够使用HTML代码中的变量并动态获取数据。 配方细节 现在，单击配方时，必须将用户重定向到一个新页面，其中包含所有配方信息，例如
【文件预览】：
foodfy-develop
----.gitignore(98B)
----README.md(4KB)
----public()
--------css()
--------js()
--------assets()
----foodfy.sql(12KB)
----package.json(711B)
----prettier.config.js(91B)
----src()
--------server.js(542B)
--------data.json(7KB)
--------app()
--------routes.js(1KB)
--------config()
--------lib()
----.editorconfig(230B)