CSSE280 总览（Web 开发）
核心知识点：HTTP 报文结构 · ContentType · REST 方法语义（GET/POST/PATCH/DELETE）· SSR vs CSR · XHR → jQuery → fetch 的演进 三个项目都是 8080 端口：
INFO
代码在 vault 外面：CSSE280 HW\。
本目录下的笔记负责"知识沉淀"，代码保持原位。返回 🏠 首页
作业索引
| 项目 | 主题 | 技术栈 | 笔记 |
|---|---|---|---|
111/ | Exam2 练习：Quiz 打分 | Flask + PickleDB + fetch | Exam2 练习 - Quiz 分数服务器 |
280Lab/ | 购物清单 v1 | 纯 socket 手写 HTTP + 服务端渲染 | Lab1 - 购物清单（Socket 手写服务器） |
280lab2/ | 购物清单 v2 | Flask REST API + fetch 前端渲染 | Lab2 - 购物清单（Flask REST API） |
技术演进主线
Lab1 Lab2 / Exam2
────────────────────────── ──────────────────────────
socket 手写 HTTP 报文解析 → Flask 框架（路由装饰器）
表单 POST + 整页刷新 → fetch / async-await 局部刷新
服务端渲染（str.format 模板）→ 前端渲染（JSON + DOM 操作）
两个 list 存数据 → dict + 状态标志 / PickleDB 持久化核心知识点：HTTP 报文结构 · Content-Type · REST 方法语义（GET/POST/PATCH/DELETE）· SSR vs CSR · XHR → jQuery → fetch 的演进
运行方式（通用）
三个项目都是 8080 端口：
cd 对应目录
python httpserver.py # Lab2 需要先激活 .venv（里面装了 Flask 3.1.3）
# 浏览器访问 http://localhost:8080/