【计算机毕设/任务书-免费领取源码】基于SSM+Vue的新媒体视域下中国古诗词展演平台设计与实现

1. 研究目的

在数字技术飞速发展的新媒体时代，中华优秀传统文化的传承与传播面临着新的机遇与挑战。中国古诗词作为中华文化的瑰宝，其传播方式亟需从传统的纸质文本、静态展览向数字化、交互化、沉浸式体验转型升级。当前，古诗词的数字化展示普遍存在形式单一、技术陈旧、互动性差、文化内涵挖掘不足、受众体验割裂等问题，难以满足当代用户，特别是青年群体对文化内容可视化、场景化、社交化的消费需求。

本课题旨在设计并实现一个基于SSM（Spring+SpringMVC+MyBatis）后端架构与Vue.js前端框架的新媒体视域下中国古诗词展演平台，力求达成以下核心目标：

1. 构建多模态融合的古诗词数字资源库与知识图谱：超越简单的文本数字化，系统性地采集、整理并数字化包含诗文、书法、绘画、吟诵、评注、历史背景、地理信息在内的多维古诗词文化资源。利用知识图谱技术，构建诗人、诗作、意象、典故、朝代、地点之间的语义关联网络，实现从“信息检索”到“知识探索”的转变，深度揭示古诗词的文化内涵与时空脉络。

2. 创新新媒体技术赋能的沉浸式展演体验：综合运用WebGL三维渲染、VR/AR场景模拟、交互式叙事、动态信息可视化、自适应音画同步等新媒体技术，将经典诗词意境转化为可看、可听、可感、可交互的数字艺术形态。例如，通过三维场景再现“孤帆远影碧空尽”的意境，用户可“漫步”于诗词描绘的山水之间，实现从“读诗”到“入诗”的沉浸式体验跃迁。

3. 打造开放式、社区化的创作与传播生态：平台不仅是内容的展示窗口，更是用户参与的创作工坊。提供在线吟诵录制、诗词谱曲、书画临摹、二次创作（如漫画、短视频）、互动解读等UGC工具，并建立作品分享、点赞、评论、竞赛的社区机制。鼓励用户从被动接收者转变为主动传播者和创作者，形成可持续的内容生产与互动生态。

4. 探索数据驱动的文化传播效果评估与个性化服务：通过采集用户浏览、交互、创作、社交等行为数据，分析不同展演形式、内容主题、传播渠道的效果差异，为优化内容生产和运营策略提供数据支持。同时，基于用户画像和行为偏好，实现个性化内容推荐、定制化学习路径、智能导览，提升服务的精准性和用户粘性。

2. 研究要求

a. 需求分析

1. 功能性需求

系统需服务于普通访客、诗词爱好者、教育工作者、文化研究者、平台管理员五类核心角色，构建“展、学、研、创、管”一体化的服务平台。

• 普通访客/诗词爱好者：

• 多模态浏览：以时间轴、地图、分类树、知识图谱等多种方式探索古诗词。

• 沉浸式体验：体验基于WebGL/VR的诗词意境场景、观看名家吟诵与解析视频、收听诗词谱曲音乐。

• 互动学习：参与诗词闯关游戏、在线标注赏析、测试诗词积累。

• 社区互动：浏览他人创作、点赞评论、关注感兴趣的作者或话题。

• 教育工作者：

• 教学资源管理：创建和管理基于平台资源的专题课程、教学课件、在线测验。

• 课堂互动工具：发起课堂投票、分组讨论、作品互评等线上活动。

• 学情分析：查看所管理班级或学生的平台学习数据与成果。

• 文化研究者：

• 专业检索：支持基于复杂条件（如意象、格律、年代、地域）的高级检索与文献关联查询。

• 数据分析：利用平台提供的可视化工具，对诗人群体、诗歌流派、意象流变等进行宏观分析。

• 成果发布：在平台专栏发布研究文章、考证笔记，与同行交流。

• 平台管理员：

• 内容与用户管理：审核用户提交的UGC内容，管理用户账号与权限，维护核心数字资源。

• 活动运营：策划并上线线上展览、创作比赛、直播讲座等运营活动。

• 系统监控：监控平台运行状态，管理系统配置。

2. 非功能性需求

• 富媒体高性能呈现：平台需流畅加载和播放高清图片、4K视频、三维模型、全景内容，对前端渲染性能、CDN分发、流媒体服务提出高要求。核心沉浸式体验场景需保证帧率稳定。

• 跨平台与自适应：需完美兼容PC端（支持复杂交互）、Pad端、手机端，并针对触屏操作进行优化。部分前沿体验（如WebVR）可优先在高端设备提供。

• 文化内容准确性：所有诗词文本、注释、译文、背景介绍等核心文化内容需确保权威性和准确性，需建立严格的内容审核与专家校验机制。

• 用户体验与情感化设计：界面设计需深度融合中国古典美学元素，营造优雅、沉静的视觉氛围。交互流程需符合用户认知习惯，操作反馈需细腻，注重情感化设计，提升文化体验的感染力。

b. 系统功能设计

系统设计为10个核心功能模块，每个模块包含5-7个具体的增删改查功能点。

模块一：诗词数字资源中心

• 功能点1（增）：多源异构资源采集与录入。支持从权威数据库导入结构化诗词数据；提供后台表单供专家手动录入诗文、注释、赏析；支持上传关联的书法扫描件、古画图片、音频（吟诵/演唱）、视频（讲解/表演）。

• 功能点2（删）：资源版本管理与审核。对已发布资源进行修改会生成新版本，保留历史版本。所有新增或修改的资源需经过“编辑初审-专家复审”流程，确保内容质量。

• 功能点3（改）：多维度标签与知识关联。为每首诗词打上丰富的标签：朝代、作者、体裁、意象（月、柳、酒）、情感、场景。手动或半自动建立诗词与诗人、历史事件、地理坐标、其他相关诗作的语义关联。

• 功能点4（查）：全景式资源详情页。聚合展示单首诗词的所有关联资源：原文、译文、注释、拼音、朗诵音频、名家解读视频、相关书画、历史地图位置、知识图谱关联节点，形成立体化认知。

• 功能点5（查）：高级复合检索。支持按“作者+意象+朝代”等多条件组合检索；支持全文检索（包括注释和赏析）；支持以诗找诗（输入诗句片段找全诗）。

• 功能点6（改）：批量处理与导入导出。支持通过Excel模板批量导入诗词基础信息；支持将选定资源按标准格式导出，便于学术研究或离线使用。

模块二：时空地图与知识图谱

• 功能点1（增）：诗词地理信息标注。在集成的高精度历史地图与当代地图上，标注诗词的创作地、提及地点、作者生平足迹。支持多边形区域标注（如“江南”）。

• 功能点2（删）：时空动态浏览。用户可拖动时间轴，地图上相应朝代的诗人活动点、诗词创作地动态显示与隐藏。点击地点，弹出该地相关的所有诗词与历史背景介绍。

• 功能点3（改）：交互式知识图谱可视化。以力导向图等形式可视化展示“诗人-诗作-意象-典故”构成的复杂网络。用户可点击节点展开详情，拖动图谱，通过滑杆筛选不同时期的网络形态。

• 功能点4（查）：路径探索与关联发现。输入两位诗人，系统可展示其社交网络关联路径（如通过共同的朋友、唱和诗作）。输入一个意象（如“杜鹃”），图谱高亮显示所有用到该意象的诗人与诗作。

• 功能点5（查）：图谱数据统计。展示知识图谱的宏观统计，如节点总数、关系类型、网络密度、核心诗人（度中心性高）等。

• 功能点6（改）：个人图谱笔记。用户可在知识图谱上添加个人笔记，标记自己发现的关联，形成个性化的研究视图。

模块三：沉浸式展演剧场

• 功能点1（增）：WebGL三维诗词意境场景开发与发布。利用Three.js等框架，为精选诗词创建可交互的三维场景。管理员后台可上传场景资源包（模型、贴图、音效）、配置交互热点、设置镜头路径并发布。

• 功能点2（删）：多结局互动叙事体验。为某些叙事性强的诗作（如《长恨歌》）设计分支选择剧情，用户的选择将影响场景呈现和叙事走向，增加参与感。

• 功能点3（改）：VR/AR模式接入。对部分精品三维场景，提供WebVR模式，支持主流VR头显。探索基于移动端摄像头的AR功能，将虚拟诗词场景叠加于真实书桌上。

• 功能点4（查）：剧场节目单与推荐。以“节目单”形式陈列所有可体验的沉浸式场景，支持按人气、朝代、主题分类。系统根据用户行为推荐可能感兴趣的剧目。

• 功能点5（查）：体验数据记录。记录用户在场景中的停留时间、互动次数、选择的路径等，用于分析体验效果。

• 功能点6（改）：场景协作标注。允许用户在三维场景中发现并标注感兴趣的细节（如某处建筑、某件器物），添加自己的解读，与他人分享。

模块四：视听工坊

• 功能点1（增）：在线吟诵录制与美化。提供网页端录音工具，用户可选择背景乐或画面，录制自己的诗词吟诵。提供简单的音频降噪、混响美化工具。

• 功能点2（删）：诗词谱曲与音乐创作。提供简易的旋律编辑工具（钢琴卷帘或数字音高），用户可为诗词谱曲并合成音乐。提供经典古曲旋律作为素材库。

• 功能点3（改）：动态诗文书法临摹。基于HTML5 Canvas，提供毛笔笔触模拟，用户可跟随名家字帖进行临摹练习，系统给出笔画顺序、结构的初步评价。

• 功能点4（查）：作品发布与展示。用户完成的吟诵、歌曲、书法作品可发布到个人主页或社区专区，并关联到原诗词。

• 功能点5（查）：创作模板与挑战。平台定期发布创作主题挑战（如“为春天的诗配乐”），并提供相应的音视频模板、素材包，降低创作门槛。

• 功能点6（改）：作品版权与协作。支持设置作品的共享协议（CC协议）。支持多人协作完成一个作品（如一人吟诵，一人配乐）。

模块五：社区互动与研学

• 功能点1（增）：专题圈子与小组。用户可以创建或加入基于特定诗人、诗派、研究课题的圈子，在圈内发布帖子、共享资料、组织线上研讨。

• 功能点2（删）：问答与互动解读。用户可在诗词详情页提问，由其他用户或特邀专家解答。支持对诗词某一句进行“弹幕式”的短评互动。

• 功能点3（改）：线上竞赛与活动。定期举办诗词背诵大赛、创作大赛、知识竞赛，系统支持在线报名、自动评分、排名公示与证书生成。

• 功能点4（查）：大咖专栏与直播。邀请学者、诗人开设专栏，发布文章。支持预约和观看专家的在线直播讲座，直播中可提问互动。

• 功能点5（查）：学习打卡与成就。用户可以设定学习目标（如每日一诗），进行打卡。完成特定任务（如体验10个场景、发布5个作品）可获得虚拟勋章和成就称号。

• 功能点6（改）：社交关系与动态。用户可以关注他人，在首页时间流中看到关注者的新动态（发布作品、评论、加入圈子等）。

模块六：个性化学习中心

• 功能点1（增）：多维用户兴趣画像。综合用户浏览、收藏、创作、搜索、测试等行为，构建其在朝代、体裁、意象、体验形式上的兴趣标签。

• 功能点2（删）：智能内容推荐引擎。在首页、资源浏览页等位置，根据用户画像实时推荐可能感兴趣的诗词、场景、音视频、社区话题。采用混合推荐（基于内容+协同过滤）。

• 功能点3（改）：自适应学习路径规划。用户可设定学习目标（如“了解唐诗概况”），系统根据其现有知识水平（通过前置测试评估），生成个性化的学习路径，推荐相应的资源和学习活动序列。

• 功能点4（查）：我的学习仪表盘。集中展示用户的累计学习时长、已学诗词数、创作作品数、成就勋章、近期学习计划进度。

• 功能点5（查）：学习笔记与文集。用户可在学习任何资源时添加个人笔记，笔记自动汇集，并可分类整理、导出。可创建个人数字文集，收藏喜爱的诗词和资料。

• 功能点6（改）：学习提醒与报告。系统可定期（如每周）向用户推送学习报告，总结本周学习情况，推荐下周学习内容。支持自定义学习提醒。

模块七：数据可视化与学术工具

• 功能点1（增）：诗人群体关系网络图。基于唱和、赠答、共同活动等数据，可视化呈现不同时期诗人群体的社交网络，节点大小可映射作品数量或影响力。

• 功能点2（删）：意象流变趋势图。选定一个或多个核心意象（如“梅”、“菊”），以动态图表展示其在不同朝代的出现频率、情感色彩的变化趋势。

• 功能点3（改）：诗歌地理分布热力图。以热力图形式展示全国或特定区域在不同历史时期的诗词创作密度，直观反映文化中心的变迁。

• 功能点4（查）：风格计量分析工具。提供基础的诗文词频分析、格律检查工具，辅助研究者进行文本分析。

• 功能点5（查）：自定义数据看板。研究者可自由选择数据源（平台数据库）、图表类型、筛选条件，创建自己的研究数据看板，并保存分享。

• 功能点6（改）：数据导出接口。支持将可视化图表对应的底层数据以CSV或JSON格式导出，供专业统计分析软件使用。

模块八：后台运营管理

• 功能点1（增）：多层级管理员权限体系。设置超级管理员、内容管理员、社区管理员、活动管理员等角色，分配不同的数据与功能权限。

• 功能点2（删）：UGC内容审核工作流。用户发布的创作、评论、帖子需经过审核。后台提供审核队列，支持按类型、状态筛选，可批量通过、驳回或删除，并需填写审核意见。

• 功能点3（改）：线上活动与专题管理。创建并管理线上展览、竞赛、直播活动，配置活动时间、规则、海报、关联资源。

• 功能点4（查）：全平台数据监控报表。查看实时在线人数、资源访问量Top10、热门创作、用户增长趋势、活动参与度等核心运营数据报表。

• 功能点5（查）：系统日志与安全审计。查询用户操作日志、管理员操作日志、异常访问日志，用于安全审计和问题追溯。

• 功能点6（改）：系统参数配置。管理首页轮播图、推荐位、敏感词库、积分规则、消息模板等全局参数。

模块九：开放平台与接口

• 功能点1（增）：标准API接口服务。提供RESTful API，允许第三方应用获取诗词数据、用户公开作品等信息。需申请API Key，并做流量限制。

• 功能点2（删）：微信小程序/公众号同步。开发配套微信小程序，实现核心浏览、学习功能。与公众号对接，定期推送精选内容。

• 功能点3（改）：教育资源导出包。支持教师将选定的资源、学习路径打包成符合SCORM或简单网页格式的教育资源包，供线下教学使用。

• 功能点4（查）：第三方登录集成。支持微信、QQ等第三方账号快速登录与绑定。

• 功能点5（查）：API调用监控。监控各API接口的调用量、响应时间、错误率。

• 功能点6（改）：数据交换标准。定义平台内部及对外的元数据标准，便于未来与其他文化机构数据库进行数据交换。

模块十：系统基础与部署

• 功能点1（增）：微服务基础架构搭建。基于Spring Cloud Alibaba构建，拆分为用户服务、内容服务、搜索服务、媒体服务、社区服务、推荐服务、数据服务等。

• 功能点2（删）：容器化部署与编排。使用Docker容器化所有服务，利用Kubernetes进行容器编排，实现自动化部署、扩缩容和服务自愈。

• 功能点3（改）：多媒体处理流水线。构建异步处理流水线，对上传的图片（自动裁剪、压缩、添加水印）、音频（转码、截取）、视频（转码、生成缩略图）进行自动化处理。

• 功能点4（查）：全局搜索服务。基于Elasticsearch构建，提供对诗词全文、注释、用户作品、社区帖子的毫秒级联合搜索。

• 功能点5（查）：CDN与对象存储。静态资源（图片、音视频、前端代码）通过CDN加速。用户上传的媒体文件存储于对象存储（如OSS）。

• 功能点6（改）：监控与告警。集成Prometheus监控资源指标，Grafana展示仪表盘，ELK收集日志，设置异常告警。

c. 系统实现

1. 技术架构

• 后端技术栈：

• MinIO/阿里云OSS：对象存储，存放大文件。

• FFmpeg：通过Java调用，进行音视频转码处理。

• MySQL 8.0：存储核心业务关系数据（用户、诗词、资源、订单等）。

• Elasticsearch 7.x：存储全平台内容索引，支撑高级检索、知识图谱关联查询和推荐系统。

• Redis：缓存热点数据、用户会话、排行榜、分布式锁。

• MongoDB：存储非结构化的UGC内容详情、系统日志、行为事件。

• 核心框架：Spring 5.x + Spring MVC + MyBatis 3.x (SSM)。考虑到系统模块复杂，采用Spring Boot简化SSM集成，并引入Spring Cloud微服务组件进行治理。

• 安全与认证：Spring Security + JWT。实现前后端分离下的无状态认证。

• 数据持久化：

• 文件与多媒体：

• 消息队列：RabbitMQ，用于异步处理任务（如媒体处理、消息推送、数据同步）。

• 任务调度：Quartz，处理定时任务（如数据备份、报表生成）。

• 前端技术栈：

• Three.js：WebGL三维渲染，用于沉浸式场景。

• Mapbox GL JS / 高德地图API：时空地图。

• D3.js / ECharts：知识图谱和数据可视化。

• WaveSurfer.js：音频可视化与处理。

• 核心框架：Vue 3 + Composition API + TypeScript。

• 构建工具：Vite。

• UI组件库：Element Plus (PC管理端)，Vant 4 (移动端H5)。

• 可视化与图形：

• 状态管理：Pinia。

• 路由：Vue Router 4。

• 部署与运维：

• 容器化：Docker。

• 持续集成/部署：Jenkins或GitLab CI。

• 反向代理：Nginx。

2. 关键实现方案

• 知识图谱存储与查询：

• 存储：将“诗人-诗作-意象”等实体和关系存储在Elasticsearch中，利用其嵌套文档和父子关系模拟图结构。更专业的场景可使用Neo4j。

• 查询：通过Elasticsearch的has_child、has_parent查询实现一度关联查询。复杂路径查询（如二度、三度）可通过在应用层进行多次查询或引入图查询引擎实现。

• WebGL沉浸式场景性能优化：

• 采用实例化渲染(Instancing) 处理大量重复物体（如树叶、瓦片）。

• 使用LOD(Level of Detail) 技术，根据物体与摄像机的距离加载不同精度的模型。

• 将场景资源（模型、贴图）进行分包加载，按需加载，减少首屏压力。

• 利用Web Workers将一些计算密集型任务（如地形生成、粒子系统）放在后台线程。

• 微服务间数据一致性：

• 对于核心业务，采用Saga模式处理跨服务的事务。例如，用户发布一个包含音视频的作品，涉及“社区服务”创建帖子，“媒体服务”处理文件，“用户服务”增加积分。通过消息队列协调各个服务的本地事务，保证最终一致性。

d. 系统测试

1. 测试思路

采取分层测试、专项测试、用户体验测试相结合的策略。重点验证富媒体内容的正确加载与呈现、复杂交互功能（如三维场景、创作工具）的稳定性、高并发访问下的性能以及跨平台兼容性。

2. 测试方案

• 功能与兼容性测试：

• 端到端核心业务流程测试：使用Cypress或Playwright编写自动化测试脚本，覆盖“用户注册-浏览诗词-体验场景-创作作品-发布分享”的完整路径。

• 跨浏览器与设备兼容性测试：在Chrome、Firefox、Safari、Edge最新版，以及iOS/Android主流机型上，测试所有页面的显示与核心功能的可用性。

• 富媒体专项测试：测试不同格式、不同码率、不同分辨率的图片、音频、视频文件的上传、处理、播放是否正常。测试WebGL场景在不同显卡性能的电脑上的加载速度与渲染帧率。

• 非功能测试：

• 渗透测试：对登录、支付、文件上传、API接口等进行SQL注入、XSS、CSRF、越权访问等安全漏洞测试。

• 内容安全测试：测试敏感词过滤、图片鉴黄、UGC内容审核机制的有效性。

• 性能与负载测试：使用JMeter模拟“千人同时在线浏览诗词库并伴有10%的用户同时进入热门三维场景”的压力场景。测试API响应时间、服务器资源使用率、数据库连接数，找出性能瓶颈。

• 安全测试：

• 无障碍测试：遵循WCAG 2.1 AA标准，测试平台对屏幕阅读器等辅助技术的支持程度，确保文化资源的普适性。

3. 总体进度和安排

4. 推荐参考文献

[1] 彭兰. 新媒体用户研究：节点化、媒介化、赛博格化的人[M]. 北京: 中国人民大学出版社, 2020. （新媒体研究理论支撑）

[2] 单波, 肖珺. 文化传播学[M]. 北京: 中国人民大学出版社, 2015. （文化传播理论）

[3] 李斌, 李跃鹏, 刘知远. 知识图谱与深度学习融合的文学研究新范式探索[J]. 数字人文, 2021(2): 1-12. （知识图谱在文学领域的应用）

[4] 王兆鹏, 邵大为. 唐宋文学编年系地信息平台的建设与展望[J]. 文学遗产, 2012(5): 4-13. （文学时空信息化实践参考）

[5] 陈涛, 刘炜, 朱庆华. 数字人文视域下的文化遗产数字化生存研究[J]. 中国图书馆学报, 2019, 45(5): 44-58. （数字人文方法论）

[6] 陆泉, 陈静, 刘炜. 从数字化到数据化：元宇宙背景下文化遗产的范式转型[J]. 中国图书馆学报, 2022, 48(6): 49-63. （前沿技术趋势）

[7] 王军. 古籍数字化与知识服务创新[J]. 大学图书馆学报, 2018, 36(3): 5-12. （古籍数字化相关技术）

[8] 朱本军, 聂华. 数字学术环境下人文社会科学学者信息行为研究综述[J]. 图书情报工作, 2017, 61(24): 133-141.