+
![]()
- ()
+ resourceData.forEach(resource => {
+ if (!modules.has(resource.moduleId)) {
+ modules.set(resource.moduleId, resource.moduleName)
+ }
+ })
+ return Array.from(modules.entries()).map(([id, name]) => ({ id, name }))
+}
+
+// 获取模块下的所有标签
+export function getTagsByModule(moduleId: string): Array<{ id: string; name: string }> {
+ const tags = new Map()
+ resourceData
+ .filter(resource => resource.moduleId === moduleId)
+ .forEach(resource => {
+ if (!tags.has(resource.tagId)) {
+ tags.set(resource.tagId, resource.tagName)
+ }
+ })
+ return Array.from(tags.entries()).map(([id, name]) => ({ id, name }))
+}
+
+// 获取标签下的所有子标签
+export function getSubTagsByTag(
+ moduleId: string,
+ tagId: string
+): Array<{ id: string; name: string }> {
+ const subTags = new Map()
+ resourceData
+ .filter(
+ resource => resource.moduleId === moduleId && resource.tagId === tagId && resource.subTagId
+ )
+ .forEach(resource => {
+ if (resource.subTagId && !subTags.has(resource.subTagId)) {
+ subTags.set(resource.subTagId, resource.subTagName || '')
+ }
+ })
+ return Array.from(subTags.entries()).map(([id, name]) => ({ id, name }))
+}
+
+// 获取标签的资源数量
+export function getTagResourceCount(moduleId: string, tagId: string): number {
+ return resourceData.filter(resource => resource.moduleId === moduleId && resource.tagId === tagId)
+ .length
+}
- {{
- !status ? '当前尚未收集任何知识点,快去学习收集知识点吧' : '当前已全部解锁'
- }}
+
+
-
-
diff --git a/src/views/skill/resourceData.ts b/src/views/skill/resourceData.ts
new file mode 100644
index 0000000..d9893a8
--- /dev/null
+++ b/src/views/skill/resourceData.ts
@@ -0,0 +1,314 @@
+// 资源数据结构定义 - 一维数组格式
+
+export interface ResourceItem {
+ id: string
+ title: string
+ description?: string
+ // 用于检索的属性
+ moduleId: string
+ moduleName: string
+ tagId: string
+ tagName: string
+ subTagId?: string
+ subTagName?: string
+ // 资源数量（用于技能树显示）
+ resourceCount?: number
+}
+
+// 一维数组格式的资源数据
+export const resourceData: ResourceItem[] = [
+ // 新手导航模块
+ {
+ id: 'res-1',
+ title: '九种构图法',
+ description: '学习九种基础构图技巧',
+ moduleId: 'module-1',
+ moduleName: '新手导航',
+ tagId: 'tag-1-1',
+ tagName: '视觉素养',
+ subTagId: 'subtag-1-1-1',
+ subTagName: '构图'
+ },
+ {
+ id: 'res-2',
+ title: '光线运用基础',
+ description: '掌握基础光线运用技巧',
+ moduleId: 'module-1',
+ moduleName: '新手导航',
+ tagId: 'tag-1-1',
+ tagName: '视觉素养',
+ subTagId: 'subtag-1-1-2',
+ subTagName: '光线'
+ },
+ {
+ id: 'res-3',
+ title: '运镜技巧入门',
+ description: '学习基础运镜方法',
+ moduleId: 'module-1',
+ moduleName: '新手导航',
+ tagId: 'tag-1-1',
+ tagName: '视觉素养',
+ subTagId: 'subtag-1-1-3',
+ subTagName: '运镜'
+ },
+ {
+ id: 'res-4',
+ title: '摄影基础教程',
+ description: '摄影基础知识讲解',
+ moduleId: 'module-1',
+ moduleName: '新手导航',
+ tagId: 'tag-1-2',
+ tagName: '摄影基础'
+ },
+ {
+ id: 'res-5',
+ title: '剪映入门',
+ description: '剪映基础操作教程',
+ moduleId: 'module-1',
+ moduleName: '新手导航',
+ tagId: 'tag-1-3',
+ tagName: '剪映基础操作'
+ },
+ // vlog发现与记录模块
+ {
+ id: 'res-6',
+ title: '设备准备指南',
+ description: 'vlog拍摄设备准备',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-2-1-1',
+ subTagName: '设备准备'
+ },
+ {
+ id: 'res-7',
+ title: 'vlog脚本撰写',
+ description: '如何撰写vlog脚本',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-2-1-2',
+ subTagName: '脚本制作'
+ },
+ {
+ id: 'res-8',
+ title: 'vlog构图技巧',
+ description: 'vlog拍摄构图方法',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-2',
+ tagName: '拍摄执行',
+ subTagId: 'subtag-2-2-1',
+ subTagName: '构图'
+ },
+ {
+ id: 'res-9',
+ title: 'vlog光线控制',
+ description: 'vlog拍摄光线运用',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-2',
+ tagName: '拍摄执行',
+ subTagId: 'subtag-2-2-2',
+ subTagName: '光线运用'
+ },
+ {
+ id: 'res-10',
+ title: 'vlog运镜方法',
+ description: 'vlog拍摄运镜技巧',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-2',
+ tagName: '拍摄执行',
+ subTagId: 'subtag-2-2-3',
+ subTagName: '运镜技巧'
+ },
+ {
+ id: 'res-11',
+ title: 'vlog后期剪辑',
+ description: 'vlog视频后期制作',
+ moduleId: 'module-2',
+ moduleName: 'vlog发现与记录',
+ tagId: 'tag-2-3',
+ tagName: '后期制作'
+ },
+ // 访谈聆听与对话模块
+ {
+ id: 'res-12',
+ title: '访谈选题方法',
+ description: '如何选择访谈主题',
+ moduleId: 'module-3',
+ moduleName: '访谈聆听与对话',
+ tagId: 'tag-3-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-3-1-1',
+ subTagName: '选题与构思'
+ },
+ {
+ id: 'res-13',
+ title: '访谈脚本制作',
+ description: '访谈脚本撰写技巧',
+ moduleId: 'module-3',
+ moduleName: '访谈聆听与对话',
+ tagId: 'tag-3-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-3-1-2',
+ subTagName: '脚本与分镜制作'
+ },
+ {
+ id: 'res-14',
+ title: '访谈拍摄技巧',
+ description: '访谈视频拍摄方法',
+ moduleId: 'module-3',
+ moduleName: '访谈聆听与对话',
+ tagId: 'tag-3-2',
+ tagName: '拍摄执行'
+ },
+ // 电影创作与表达模块
+ {
+ id: 'res-15',
+ title: '电影设备准备',
+ description: '电影拍摄设备清单',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-4-1-1',
+ subTagName: '设备准备'
+ },
+ {
+ id: 'res-16',
+ title: '电影选题构思',
+ description: '电影创作选题方法',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-4-1-2',
+ subTagName: '选题与构思'
+ },
+ {
+ id: 'res-17',
+ title: '电影脚本分镜',
+ description: '电影脚本和分镜制作',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-1',
+ tagName: '内容策划',
+ subTagId: 'subtag-4-1-3',
+ subTagName: '脚本与分镜制作'
+ },
+ {
+ id: 'res-18',
+ title: '电影拍摄执行',
+ description: '电影拍摄执行技巧',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-2',
+ tagName: '拍摄执行'
+ },
+ {
+ id: 'res-19',
+ title: '电影后期制作',
+ description: '电影后期剪辑与特效',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-3',
+ tagName: '后期制作'
+ },
+ {
+ id: 'res-20',
+ title: 'AI与版权伦理',
+ description: 'AI工具使用与版权规范',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-4',
+ tagName: 'AI与版权伦理知识'
+ },
+ {
+ id: 'res-21',
+ title: '创作思路与案例',
+ description: '电影创作思路和案例分析',
+ moduleId: 'module-4',
+ moduleName: '电影创作与表达',
+ tagId: 'tag-4-5',
+ tagName: '思路提点与案例赏析'
+ }
+]
+
+// 从一维数组获取所有资源
+export function getAllResources(): ResourceItem[] {
+ return resourceData
+}
+
+// 根据模块ID获取资源
+export function getResourcesByModule(moduleId: string): ResourceItem[] {
+ return resourceData.filter(resource => resource.moduleId === moduleId)
+}
+
+// 根据资源标签ID获取资源
+export function getResourcesByTag(moduleId: string, tagId: string): ResourceItem[] {
+ return resourceData.filter(resource => resource.moduleId === moduleId && resource.tagId === tagId)
+}
+
+// 根据子标签ID获取资源
+export function getResourcesBySubTag(
+ moduleId: string,
+ tagId: string,
+ subTagId: string
+): ResourceItem[] {
+ return resourceData.filter(
+ resource =>
+ resource.moduleId === moduleId && resource.tagId === tagId && resource.subTagId === subTagId
+ )
+}
+
+// 获取所有模块
+export function getAllModules(): Array<{ id: string; name: string }> {
+ const modules = new Map
+
+
+
+
-
-
+
-
-
+
+
+ ![]()
+
+
+
+
+
+
+