1. 项目背景与意义非物质文化遗产是中华优秀传统文化的重要组成部分承载着民族记忆与文化基因。然而随着现代化进程加快许多非遗技艺面临传承人老龄化、受众萎缩、传播渠道单一等困境。传统口传心授的教学模式受限于地域与时间难以规模化推广非遗技艺的数字化保护与传承已成为亟待解决的问题。本课题基于 Spring Boot 构建非遗技艺数字化传承与教学管理系统旨在通过信息化手段整合非遗项目资源、传承人信息与教学课程实现非遗技艺的在线展示、数字化教学、学习进度跟踪与互动交流。系统建设具有以下意义文化保护价值将非遗技艺以图文、视频等数字化形式永久保存降低传承中断风险。教育推广价值突破地域限制让更多学习者便捷获取非遗教学资源扩大传承人群。管理效率价值为非遗管理部门提供数字化管理工具提升项目申报、传承人管理与教学组织效率。技术示范价值探索 Spring Boot 等主流框架在文化教育领域的落地实践为同类系统提供参考。2. 系统技术栈本系统采用前后端分离架构后端基于 Spring Boot 构建 RESTful API前端使用 Vue.js 配合 Element UI 实现管理界面数据存储采用 MySQL 关系型数据库并引入 Redis 缓存热点数据以提升系统性能。层次技术选型说明后端框架Spring Boot 2.7快速构建独立运行的微服务应用持久层MyBatis-Plus简化数据库操作内置分页与代码生成安全认证Spring Security JWT实现用户认证与接口权限控制数据库MySQL 8.0存储用户、非遗项目、课程等业务数据缓存Redis缓存课程列表、热门项目等热点数据前端框架Vue.js 3 Element UI构建管理后台与用户端界面文件存储阿里云 OSS存储非遗图片、教学视频等多媒体资源接口文档Swagger / Knife4j自动生成在线接口调试文档3. 系统功能模块设计系统面向系统管理员、非遗传承人教师与普通学员三类角色核心功能模块划分如下3.1 非遗项目管理模块管理员可对非遗项目进行新增、编辑、审核与下架操作维护项目名称、所属类别、级别、地区、简介、传承人、图片与视频等基础信息。项目类别涵盖传统技艺、传统美术、传统舞蹈、传统医药等门类支持按类别、地区、级别多维度检索。3.2 传承人管理模块系统维护非遗传承人的个人档案包括姓名、级别、所属项目、传承年限、代表作品与荣誉信息。传承人账号由管理员分配传承人登录后可维护个人资料并发布教学课程。3.3 课程教学模块传承人可创建课程课程关联具体非遗项目支持上传图文教程与视频资源并可设置章节结构。学员可浏览课程列表、查看课程详情、在线学习视频并记录学习进度。课程支持收藏与评价便于学员之间交流学习心得。3.4 学习进度与考核模块系统记录学员的课程学习进度包括已学章节、学习时长与完成状态。教师可发布课后作业与测验学员在线提交后由教师批阅评分系统自动汇总学习成果形成个人学习档案。3.5 互动交流模块提供课程评论、问答与公告通知功能。学员可在课程详情页发表评论教师可回复答疑管理员可发布系统公告如非遗活动通知、课程上新提醒等。3.6 系统管理模块包含用户管理、角色权限管理、数据统计与日志管理。管理员可查看注册用户列表、分配角色权限并通过图表统计非遗项目数量、课程数量、学员活跃度等运营数据。4. 数据库设计系统核心数据表包括用户表、非遗项目表、传承人表、课程表、课程章节表、学习记录表、评论表与公告表。以下为主要表结构设计表名主要字段说明sys_userid, username, password, real_name, role, avatar系统用户管理员/传承人/学员heritage_projectid, name, category, level, region, intro, cover_url, status非遗项目信息heritage_inheritorid, user_id, project_id, title, years, works非遗传承人档案courseid, title, project_id, teacher_id, cover_url, intro, status教学课程course_chapterid, course_id, title, video_url, content, sort课程章节study_recordid, user_id, chapter_id, status, study_time学习进度记录course_commentid, course_id, user_id, content, create_time课程评论5. 核心代码实现以下选取系统开发中的关键代码片段进行说明包括实体类、控制器、业务服务与配置类。5.1 非遗项目实体类Data TableName(heritage_project) public class HeritageProject { TableId(type IdType.AUTO) private Long id; private String name; private String category; private String level; private String region; private String intro; private String coverUrl; private Integer status; TableField(fill FieldFill.INSERT) private LocalDateTime createTime; TableField(fill FieldFill.INSERT_UPDATE) private LocalDateTime updateTime; }5.2 非遗项目控制器RestController RequestMapping(/api/project) public class HeritageProjectController { Resource private HeritageProjectService projectService; GetMapping(/page) public ResultPageHeritageProject page(RequestParam(defaultValue 1) Integer pageNum, RequestParam(defaultValue 10) Integer pageSize, String keyword, String category) { PageHeritageProject page projectService.queryPage(pageNum, pageSize, keyword, category); return Result.success(page); } GetMapping(/{id}) public ResultHeritageProject detail(PathVariable Long id) { return Result.success(projectService.getById(id)); } PostMapping public Result? save(RequestBody HeritageProject project) { projectService.saveProject(project); return Result.success(); } PutMapping public Result? update(RequestBody HeritageProject project) { projectService.updateProject(project); return Result.success(); } DeleteMapping(/{id}) public Result? delete(PathVariable Long id) { projectService.removeById(id); return Result.success(); } }5.3 课程学习进度记录服务Service public class StudyRecordServiceImpl extends ServiceImplStudyRecordMapper, StudyRecord implements StudyRecordService { Override public void recordProgress(Long userId, Long chapterId) { StudyRecord record lambdaQuery() .eq(StudyRecord::getUserId, userId) .eq(StudyRecord::getChapterId, chapterId) .one(); if (record null) { StudyRecord newRecord new StudyRecord(); newRecord.setUserId(userId); newRecord.setChapterId(chapterId); newRecord.setStatus(1); newRecord.setStudyTime(LocalDateTime.now()); save(newRecord); } else { record.setStatus(1); record.setStudyTime(LocalDateTime.now()); updateById(record); } } Override public ListLong listFinishedChapterIds(Long userId, Long courseId) { return baseMapper.selectFinishedChapterIds(userId, courseId); } }5.4 JWT 认证过滤器Component public class JwtAuthenticationFilter extends OncePerRequestFilter { Resource private JwtUtil jwtUtil; Override protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain chain) throws ServletException, IOException { String token request.getHeader(Authorization); if (StringUtils.hasText(token) token.startsWith(Bearer )) { token token.substring(7); String username jwtUtil.parseUsername(token); if (username ! null SecurityContextHolder.getContext().getAuthentication() null) { UserDetails userDetails userDetailsService.loadUserByUsername(username); UsernamePasswordAuthenticationToken authentication new UsernamePasswordAuthenticationToken(userDetails, null, userDetails.getAuthorities()); SecurityContextHolder.getContext().setAuthentication(authentication); } } chain.doFilter(request, response); } }5.5 跨域配置类Configuration public class CorsConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) .allowedOriginPatterns(*) .allowedMethods(GET, POST, PUT, DELETE, OPTIONS) .allowedHeaders(*) .allowCredentials(true) .maxAge(3600); } }6. 系统测试与总结系统开发完成后对用户登录、非遗项目管理、课程学习、进度记录等核心功能进行了功能测试与接口测试测试结果表明各模块运行稳定接口响应正常能够满足非遗数字化传承与教学管理的基本业务需求。本系统通过 Spring Boot 与 Vue.js 的有机结合实现了非遗项目、传承人、课程教学与学习管理的数字化闭环为非遗技艺的保护与传承提供了可行的信息化解决方案。后续可在智能推荐课程、在线直播教学、VR 技艺展示等方向进一步拓展持续提升系统的教学体验与文化传播能力。