+
+
diff --git a/src/components/CoverPage.vue b/src/components/CoverPage.vue
new file mode 100644
index 0000000..526880d
--- /dev/null
+++ b/src/components/CoverPage.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+ 教学设计
+
+ 课程名称
+
+
+ 教师姓名
+
+
+
+
+
+
diff --git a/src/components/EditableText.test.ts b/src/components/EditableText.test.ts
new file mode 100644
index 0000000..a9a646c
--- /dev/null
+++ b/src/components/EditableText.test.ts
@@ -0,0 +1,16 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import EditableText from './EditableText.vue'
+
+describe('EditableText', () => {
+ it('emits updates while keeping an accessible label', async () => {
+ const wrapper = mount(EditableText, {
+ props: { modelValue: '旧内容', label: '课题' },
+ })
+
+ await wrapper.get('textarea').setValue('新内容')
+
+ expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['新内容'])
+ expect(wrapper.get('textarea').attributes('aria-label')).toBe('课题')
+ })
+})
diff --git a/src/components/EditableText.vue b/src/components/EditableText.vue
new file mode 100644
index 0000000..543aad8
--- /dev/null
+++ b/src/components/EditableText.vue
@@ -0,0 +1,59 @@
+
+
+
+
+ {{ modelValue }}
+
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index c232865..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
- ![]()
- ![Vue logo]()
- ![Vite logo]()
-
-
-
-
- Get started
-Edit src/App.vue and save to test HMR
+
+
diff --git a/src/components/RestoreDraftDialog.vue b/src/components/RestoreDraftDialog.vue
new file mode 100644
index 0000000..685caca
--- /dev/null
+++ b/src/components/RestoreDraftDialog.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
diff --git a/src/components/TeachingDesignPage.test.ts b/src/components/TeachingDesignPage.test.ts
new file mode 100644
index 0000000..917d22e
--- /dev/null
+++ b/src/components/TeachingDesignPage.test.ts
@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import { createEmptyTeachingDesign, type TeachingDesign } from '../domain/teachingDesign'
+import TeachingDesignPage from './TeachingDesignPage.vue'
+
+describe('TeachingDesignPage', () => {
+ it('adds and removes teaching process rows', async () => {
+ const design = createEmptyTeachingDesign('1.md')
+ const wrapper = mount(TeachingDesignPage, {
+ props: { design, editable: true },
+ })
+
+ await wrapper.get('[data-testid="add-step"]').trigger('click')
+ expect(
+ wrapper.emitted
+
+
+
+ | 课题 | +
+ |
+
|---|---|
| 课时 | +
+ |
+
| 教学目标 | +
+
+ 知识目标
+
+
+ 技能目标
+
+
+ 素养目标
+
+ |
+
| 教学重难点 | +
+
+ 重点
+
+
+ 难点
+
+ |
+
| 教学资源准备 | +
+ |
+
教学过程
+| 教学环节 | +教学内容 | +教师活动 | +学生活动 | +设计意图 | ++ |
|---|---|---|---|---|---|
|
+ |
+
+ |
+
+ |
+
+ |
+
+ |
+ + + | +
板书设计
+教学成效与反思
+| 教学成效 | +
+ |
+
|---|---|
| 教学反思 | +
+ |
+
附加内容
+-
+
- {{ warning.message }} +
+
+
+ 导入教学设计
+
+
+
+
diff --git a/src/components/WorkspaceToolbar.vue b/src/components/WorkspaceToolbar.vue
new file mode 100644
index 0000000..4730d11
--- /dev/null
+++ b/src/components/WorkspaceToolbar.vue
@@ -0,0 +1,40 @@
+
+
+
+ 点击或拖拽上传 Markdown 教学设计文件
+支持批量导入多个 .md 文件
+ +**技能目标**：创建页面。
**素养目标**：规范操作。 | +| **教学重难点** | **重点**：HTML。
**难点**：路径。 | +| **教学资源准备** | 浏览器。 | + +## 教学过程 + +| 教学环节 | 教学内容 | 教师活动 | 学生活动 | 设计意图 | +|:---|:---|:---|:---|:---| +| **1. 导入**
（6分钟） | 展示案例。 | **情境创设**
提问。 | **观察思考**
回答。 | 建立目标。 | + +## 板书设计 + +\`\`\`text +HTML → 浏览器 +\`\`\` + +## 教学成效与反思 + +| | | +|:---|:---| +| **教学成效** | 完成页面。 | +| **教学反思** | 加强路径讲解。 | +` + +describe('parseTeachingDesign', () => { + it('parses the complete teaching-design structure', () => { + const design = parseTeachingDesign('1.md', standard) + + expect(design.topic).toBe('个人主页——项目启动') + expect(design.knowledgeObjective).toBe('认识 HTML。') + expect(design.processSteps[0]).toMatchObject({ + name: '1. 导入', + duration: '6分钟', + content: '展示案例。', + }) + expect(design.boardDesign).toContain('HTML → 浏览器') + expect(design.reflection).toBe('加强路径讲解。') + expect(design.warnings).toEqual([]) + }) + + it('accepts half-width punctuation and reports missing sections', () => { + const markdown = standard + .replaceAll('：', ':') + .replace(/## 板书设计[\s\S]*?(?=## 教学成效与反思)/, '') + + const design = parseTeachingDesign('8.md', markdown) + + expect(design.knowledgeObjective).toBe('认识 HTML。') + expect(design.boardDesign).toBe('') + expect(design.warnings.some((warning) => warning.code === 'missing-board')).toBe(true) + }) + + it('parses process steps where the step number is outside the bold name', () => { + const markdown = standard.replace( + '| **1. 导入**
（6分钟） | 展示案例。 | **情境创设**
提问。 | **观察思考**
回答。 | 建立目标。 |', + '| 1. **导入**
(6分钟) | 展示案例。 | **情境创设**
提问。 | **观察思考**
回答。 | 建立目标。 |', + ) + + const design = parseTeachingDesign('1.md', markdown) + + expect(design.processSteps[0]).toMatchObject({ + name: '1. 导入', + duration: '6分钟', + }) + }) + + it('reports a missing title when no level-one heading exists', () => { + const markdown = standard.replace('# 个人主页——项目启动 教学设计\n\n', '') + + const design = parseTeachingDesign('1.md', markdown) + + expect(design.warnings.some((warning) => warning.code === 'missing-title')).toBe(true) + }) +}) diff --git a/src/services/markdownParser.ts b/src/services/markdownParser.ts new file mode 100644 index 0000000..c12e1f1 --- /dev/null +++ b/src/services/markdownParser.ts @@ -0,0 +1,282 @@ +import { + createEmptyTeachingDesign, + createTeachingStep, + type ParseWarning, + type TeachingDesign, + type TeachingStep, +} from '../domain/teachingDesign' +import { extractMarkdownTable } from './markdownTable' + +const BR = /
（）') + expect(output).not.toContain('**1. 导入**（）') + }) +}) diff --git a/src/services/markdownWriter.ts b/src/services/markdownWriter.ts new file mode 100644 index 0000000..d33b52b --- /dev/null +++ b/src/services/markdownWriter.ts @@ -0,0 +1,76 @@ +import type { TeachingDesign } from '../domain/teachingDesign' + +function escapeCell(value: string): string { + return value + .replace(/\r?\n/g, '
') + .replace(/(? + [ + escapeCell(processNameCell(step)), + escapeCell(step.content), + escapeCell(step.teacherActivity), + escapeCell(step.studentActivity), + escapeCell(step.intention), + ] + .map((cell) => `| ${cell}`) + .join(' ') + ' |', + ) + + const sections = [ + `# ${title}`, + '', + `| **课题** | **${escapeCell(design.topic)}** |`, + '|:---|:---|', + `| **课时** | ${escapeCell(design.duration)} |`, + `| **教学目标** | ${escapeCell(objectiveCell(design))} |`, + `| **教学重难点** | ${escapeCell(keyPointCell(design))} |`, + `| **教学资源准备** | ${escapeCell(design.resources)} |`, + '', + '## 教学过程', + '', + '| 教学环节 | 教学内容 | 教师活动 | 学生活动 | 设计意图 |', + '|:---|:---|:---|:---|:---|', + ...processRows, + '', + '## 板书设计', + '', + '```text', + design.boardDesign.trim(), + '```', + '', + '## 教学成效与反思', + '', + '| | |', + '|:---|:---|', + `| **教学成效** | ${escapeCell(design.effectiveness)} |`, + `| **教学反思** | ${escapeCell(design.reflection)} |`, + ] + + if (design.additionalContent.trim()) { + sections.push('', '## 附加内容', '', design.additionalContent.trim()) + } + + return `${sections.join('\n')}\n` +} diff --git a/src/services/zipExporter.test.ts b/src/services/zipExporter.test.ts new file mode 100644 index 0000000..6a776fa --- /dev/null +++ b/src/services/zipExporter.test.ts @@ -0,0 +1,35 @@ +import JSZip from 'jszip' +import { describe, expect, it } from 'vitest' +import { createEmptyTeachingDesign } from '../domain/teachingDesign' +import { createBookZip } from './zipExporter' + +describe('createBookZip', () => { + it('keeps original lesson filenames and adds an order manifest', async () => { + const second = createEmptyTeachingDesign('2.md') + second.topic = '第二课' + const first = createEmptyTeachingDesign('1.md') + first.topic = '第一课' + + const blob = await createBookZip([second, first]) + const zip = await JSZip.loadAsync(blob) + + expect(Object.keys(zip.files)).toEqual( + expect.arrayContaining(['2.md', '1.md', '课程顺序.txt']), + ) + await expect(zip.file('课程顺序.txt')?.async('text')).resolves.toContain('1. 2.md') + }) + + it('disambiguates duplicate filenames', async () => { + const first = createEmptyTeachingDesign('1.md') + first.topic = '第一课甲' + const duplicate = createEmptyTeachingDesign('1.md') + duplicate.topic = '第一课乙' + + const blob = await createBookZip([first, duplicate]) + const zip = await JSZip.loadAsync(blob) + + expect(Object.keys(zip.files)).toEqual( + expect.arrayContaining(['1.md', '1-2.md', '课程顺序.txt']), + ) + }) +}) diff --git a/src/services/zipExporter.ts b/src/services/zipExporter.ts new file mode 100644 index 0000000..43d4426 --- /dev/null +++ b/src/services/zipExporter.ts @@ -0,0 +1,32 @@ +import JSZip from 'jszip' +import type { TeachingDesign } from '../domain/teachingDesign' +import { writeTeachingDesignMarkdown } from './markdownWriter' + +export async function createBookZip(designs: readonly TeachingDesign[]): Promise
Connect with us
-Join the Vite community
---
-
-
- GitHub
-
-
- -
-
-
- Discord
-
-
- -
-
-
- X.com
-
-
- -
-
-
- Bluesky
-
-
-
-