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,更方便看求响应。

如果你正想找个练手项目,又不想太复杂,不妨试试这个“吃汉堡”小游戏。

zip
burger-main.zip 预估大小:19个文件
folder
burger-main 文件夹
file
.gitignore 12B
file
package.json 590B
file
package-lock.json 21KB
folder
db 文件夹
file
schema.sql 230B
file
seeds.sql 128B
folder
models 文件夹
file
burger.js 559B
folder
public 文件夹
folder
assets 文件夹
folder
css 文件夹
file
burger_style.css 794B
folder
img 文件夹
file
gif-burger.gif 74KB
file
terminalmysql.gif 75KB
file
screen-shot-bg.png 85KB
file
burgerlogo.png 207KB
file
mysqlwindow.png 70KB
folder
views 文件夹
folder
layouts 文件夹
file
main.handlebars 1KB
file
index.handlebars 1KB
file
README.md 2KB
folder
config 文件夹
file
orm.js 1KB
file
connection.js 559B
folder
controllers 文件夹
file
burgers_controller.js 722B
file
server.js 541B
zip 文件大小:486.32KB