工作空间 / 个人主页
数据保存在本机甜
AI-ASSISTED SOFTWARE PORTFOLIO 2026
CLASS PROJECT · 2026

你好，我是汤甜甜，欢迎来到我的课程作品集

从一个想法，
到能用的作品。

这是我的生成式大模型辅助编程与软件工程实训项目。我将任务管理、Markdown 笔记、天气查询、倒计时和随机点名整合为网站，通过需求设计、代码开发与测试文档展示完整的软件工程交付。

浏览实训作品 体验待办应用
DESIGN · BUILD · TEST · DELIVER
06 个模块作品集 · 待办 · 笔记 · 天气 · 计时 · 点名
05 份文档完整工程验收文档
33 项测试自动化核心单元测试
PROJECT SHOWCASE

实训作品展示

点击导航即可体验主要功能
01 / TASK MANAGER↗
核心作品 · 实训考核节点

进阶待办事项应用

支持添加、编辑、完成与删除任务，具备优先级、截止日期、搜索筛选、进度统计和本地备份能力。

JavaScriptLocalStorageCRUD
02 / MARKDOWN NOTES↗
WRITE · PREVIEW · SAVE
功能拓展 · 笔记管理

Markdown学习笔记

支持新建、编辑、实时预览和自动保存笔记，并可导出 Markdown 文件；预览内容进行安全转义。

MarkdownPreviewStorage
03 / WEATHER APP↗
API实践 · 外部数据

城市天气查询

通过公开天气API查询城市气温、湿度和未来预报，并对超时、网络错误及未知城市给出明确提示。

Fetch APIOpen-MeteoError Handling
04 / COUNTDOWN↗
05:00
FOCUS · START · PAUSE
课堂工具 · 时间管理

专注倒计时

自定义时长、快捷预设、暂停继续、到时提示；切换标签后仍按真实时间计时。

CountdownTimer
05 / RANDOM ROLL CALL↗
30 人
FAIR DRAW · NO REPEATS
课堂工具 · 随机抽选

随机点名

预置图片识别的30人名单，每轮不重复抽取，支持校正名单与查看记录。

RandomRoster
DEVELOPMENT PROCESS

项目说明

01 / REQUIREMENTS

需求分析

以实训方案为依据，梳理个人作品集、待办应用、笔记工具和天气查询的可验证功能需求。

02 / ENGINEERING

工程实现

基于 HTML、CSS 和 JavaScript 构建响应式网页，通过模块化代码与浏览器本地存储实现交互。

03 / QUALITY

测试与交付

对任务操作和输入安全进行自动化测试，并提供规格、设计、测试、部署与操作五类文档。

SUBMISSION MATERIALS

项目文档与交付

网页与工程资料均可公开访问
课程实训报告项目背景、功能、技术架构与测试结果 ↗ 软件规格说明书需求清单与验收标准 ↗ 技术设计说明书模块结构和关键实现 ↗ 软件测试说明书用例、测试证据与边界 ↗ 项目部署说明书GitHub Pages和本地启动 ↗ 软件操作手册网页各功能操作步骤 ↗ 实训要求核查表对应考核节点及项目证据 ↗ PRD · 产品需求文档个人网站功能、需求优先级和验收标准 ↗ TECH_DESIGN · 技术设计实际技术栈、数据模型和部署方案 ↗ AGENTS · AI 开发规范代码约定、质量检查和协作规则 ↗ Cloudflare Pages 部署说明GitHub 导入、构建配置和交付验收 ↗ 本地内容管理 ↗编辑个人简介、技能、项目和学习博客 公开源代码仓库HTML、CSS、JavaScript与Python ↗
© 2026 汤甜甜 · 生成式大模型辅助编程与软件工程实践实训项目 · 源代码托管于 GitHub