MIS 205 Final Project Part 2。前端使用 HTML、CSS 和原生 JavaScript,后端使用 Supabase Auth 与托管 PostgreSQL。
-
在 Supabase 创建 Singapore 区域项目。
-
打开 Supabase SQL Editor,运行
schema.sql。 -
在 Project Settings > API 中复制 Project URL 和 publishable key。
-
将两个值填入
js/supabase.js。publishable key 可以放在浏览器前端,service_rolekey 不可以。 -
使用本地静态服务器启动项目:
python3 -m http.server 8000
-
浏览器访问
http://localhost:8000。
- 注册、登录和退出。
- 未登录访问
dashboard.html时自动返回登录页。 - 创建课程分类。
- 添加、读取、编辑、标记完成和删除任务。
- 使用第二个账号验证无法查看第一个账号的数据。
建议创建三个功能分支并分别合并 Pull Request:
feat/auth:Supabase 登录、注册和保护页面。feat/task-crud:任务增删改查。feat/categories-ui:课程分类、筛选和样式。