从零认识全栈开发

type Note = { id: string; ownerId: string; body: string; createdAt: string };

这是解释结构的代码骨架，外部函数与数据需要在实际项目中实现。

放进真实情境里看

保存笔记时，浏览器发送内容，服务端检查身份和长度，数据库写入记录，再返回 ID。页面显示成功应基于响应，而不是只因为按钮被点击。

1. 01

   分析边界

   全栈应用由浏览器界面、服务端逻辑、数据存储和部署环境共同组成。浏览器负责呈现与交互，服务端负责可信业务规则，数据库保存持久状态。理解一次请求经过哪些边界，比先选择框架更重要。

2. 02

   观察具体过程

   保存笔记时，浏览器发送内容，服务端检查身份和长度，数据库写入记录，再返回 ID。页面显示成功应基于响应，而不是只因为按钮被点击。

3. 03

   验证失败路径

   全栈不是把所有逻辑都放在一个页面。前端校验改善体验，服务端校验保护数据，两者职责不同，不能互相代替。