SpringAI+Vue非遗数字文化馆开发实践

1. 项目概述

这个非遗数字文化馆项目是我去年指导的一个本科生毕业设计，采用SpringAI+Vue技术栈实现。当时学生想做传统文化相关的课题，我们讨论后决定聚焦非遗数字化展示这个方向。整个系统从需求分析到最终上线测试花了4个月时间，期间踩了不少坑，也积累了一些值得分享的经验。

非遗数字化是目前文化保护领域的热点，但现有系统大多停留在简单的图文展示层面。我们这个项目创新点在于：

• 使用SpringAI实现智能问答和个性化推荐
• 通过Vue构建动态交互式前端界面
• 采用微服务架构保证系统扩展性
• 实现非遗技艺的3D可视化展示

2. 技术架构设计

2.1 后端技术选型

选择Spring Boot作为基础框架，主要考虑：

1. 与SpringAI天然兼容
2. 丰富的生态组件
3. 快速开发特性

数据库采用MySQL+Redis组合：

• MySQL存储结构化数据（非遗项目信息、用户数据等）
• Redis缓存热点数据和会话信息

特别注意：非遗多媒体文件使用MinIO对象存储，避免直接占用数据库资源

2.2 前端技术方案

Vue 3组合式API带来以下优势：

• 更好的TypeScript支持
• 更灵活的逻辑复用
• 更小的打包体积

主要使用的UI库：

• Element Plus：基础组件
• Three.js：3D展示
• Video.js：非遗视频播放

3. 核心功能实现

3.1 智能问答模块

基于SpringAI的问答流程：

java复制@PostMapping("/ask")
public Response askQuestion(@RequestBody QuestionDTO dto) {
    // 1. 敏感词过滤
    if(containsSensitiveWord(dto.getContent())){
        return Response.fail("包含违规内容");
    }
    
    // 2. 调用AI服务
    ChatResponse response = aiClient.chat(dto);
    
    // 3. 记录问答日志
    logService.save(dto, response);