# ai-app-interactive-dev **Repository Path**: g15228973308/ai-app-interactive-dev ## Basic Information - **Project Name**: ai-app-interactive-dev - **Description**: No description available - **Primary Language**: Unknown - **License**: GPL-2.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 14 - **Created**: 2026-09-01 - **Last Updated**: 2026-09-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # AI 应用交互开发 《AI 应用交互开发》课程配套的教材与案例代码仓库,供课程学习使用。 ## 课程简介 本课程是「AI 开发与应用工程」微专业的核心先修课(课程代码 B02255030,3 学分 / 48 学时 / 12 周)。课程聚焦 AI 应用的前端交互开发,技术主线为 TypeScript(严格模式)、ES6+ 与 Vite,围绕一个贯穿项目的 AI 对话交互界面展开,涵盖请求、流式(SSE)解析、打字机效果、界面组件与类型建模等内容。 ## 仓库内容 ``` . ├── textbook/ 课程教材 │ ├── theory/ 理论教学内容 │ │ ├── 课程导学.md 课程导论(大纲、工具链、Git 使用) │ │ ├── chapter01.md 第 1 章 教材正文(案例 1-6) │ │ ├── chapter02.md 第 2 章 教材正文(案例 7-11) │ │ └── chapter03.md 第 3 章 教材正文(案例 12-16) │ └── experiment/ 实验教学内容 │ ├── 实验1指导书.md ... 实验 1-6 指导书 │ ├── 实验1验收用例表.md ... 实验 1-6 验收用例表(Markdown) │ └── 实验1验收用例表.docx ... 实验 1-6 验收用例表(Word,下载后填写) └── case/ 案例代码(16 个可运行工程) ├── chapter01/C1-01 ... C1-06 ├── chapter02/C2-01 ... C2-05 └── chapter03/C3-01 ... C3-05 ``` ## 环境要求 - Node.js 18 及以上版本 - npm(随 Node.js 安装) ## 运行案例 每个案例都是独立的 Vite + TypeScript 工程。以案例 C1-01 为例: ```bash cd case/chapter01/C1-01 npm install npm run dev ``` 启动后,在浏览器中打开终端提示的本地地址即可查看运行效果。其余案例运行方式相同,只需切换到对应案例目录。 部分案例涉及天气 API 或 LLM 流式接口,对应目录下提供了 `.env.local.example` 模板。如需使用真实接口,请将其复制为 `.env.local` 并填写自己的密钥(`.env.local` 已被忽略,不会提交到仓库);留空时案例默认使用内置的本地 Mock 数据,无需任何配置即可运行。 ## 学习建议 1. 先阅读 `textbook/theory/` 中对应章节的教材正文,理解案例的目标与知识点。 2. 运行 `case/` 中对应案例的代码,观察运行结果并与教材对照。 3. 完成教材每节末尾的课堂练习。 4. 按 `textbook/experiment/` 中的实验指导书完成 6 次实验的综合实践,并同步填写对应的《实验N验收用例表》(该目录下同时提供 Markdown 与 Word 两种格式,可下载 Word 版填写),随实验报告一并提交。 ## 许可 本仓库内容仅用于课程教学与学习,请勿用于其他用途。