Eat-Da-Burger Node.js全栈练手项目
自定义 ORM 搭的后端、Node.js写的接口、Handlebars渲染的前端,Eat-Da-Burger是一个蛮适合入门全栈的小练手项目。你点一下汉堡,它就从“订购中”跳到“已吞噬”,状态切换挺直观,交互也顺滑。
页面左边列着你还没吃的汉堡,右边是吃过的。点击“删除它!”按钮,汉堡就归你了。整个逻辑走得比较清晰,适合练习基本的Express
路由。
前端用的Handlebars模板,想试试动态渲染页面结构的朋友可以看看。后端自己写了一个 ORM,虽然不如Sequelize
强大,但逻辑明确,适合理解数据库操作的基本原理。
数据库是用MySQL,部署到Heroku
上也比较轻松,拿来练部署流程正合适。如果你刚接触全栈,或者想快速跑一个项目出来测接口,那这个挺不错的。
安装也简单,npm i
装完依赖,再来个node server.js
就能跑。建议搭配Postman
或者浏览器工具调试 API,更方便看求响应。
如果你正想找个练手项目,又不想太复杂,不妨试试这个“吃汉堡”小游戏。
burger-main.zip
预估大小:19个文件
burger-main
文件夹
.gitignore
12B
package.json
590B
package-lock.json
21KB
db
文件夹
schema.sql
230B
seeds.sql
128B
models
文件夹
burger.js
559B
public
文件夹
486.32KB
文件大小:
评论区