摘  要

 

该系统主要由多元媒体展示前台和多元媒体后台管理两个部分构成，前台是一个开放的平台，所有访问的用户不需要权限校验就可以浏览所有后台用户上传的多元媒体项目信息，后台管理是一个需要注册登录的用户系统，在后台管理注册的用户可以在后台上传自己的多元媒体项目，项目内容包含文字、图片、视频和演示文稿这些多媒体文件，所有成功上传的多元媒体项目都可以在前台展示平台被用户获取，上传该项目的后台用户可以编辑管理该项目的信息和该项目下的媒体文件,保存之后前台用户可以实时看到最新的多元媒体项目信息。

前台主要用React + Antd + Sass开发，后台采用Node.js + Express + MongoDB，数据存储采用数据库和文件系统管理结合的方式，后台媒体文件处理做到用户无感知，让用户专注于自己项目媒体文件的上传，使用友好，增进用户体验。

系统主要功能是高效和高质量得分享多元媒体信息，解决你想要分享的群体内部的信息不对成问题。

 

关键词：多元媒体，信息分享，前台，后台，效率

目  录

 

第一章 绪论 1

1.1 引言 1

1.2研究现状 1

第二章 平台技术选型 2

2.1 前端技术选型 2

2.2 后端技术选型 2

第三章 系统分析 3

3.1 主要功能 3

3.1.1 前台功能 3

3.1.2 后台功能 3

3.2 方案论证 3

3.2.1 设计原理 3

3.2.2 方案选择 3

3.3 基本思路 4

3.3.1页面 UI 的设计思路 4

3.3.2项目创建资源上传的设计思路 4

3.3.3多媒体处理工具嵌入的设计思路 4

3.3.4资源文件管理的设计思路 4

第四章 系统设计 6

4.1 概要设计 6

4.2 详细设计 9

4.2.1 页面设计 9

4.2.2 功能接口设计 13

4.2.3 数据管理设计 16

第五章 系统实现与运行 19

5.1 前后端环境的搭建 19

5.2 前端静态外观页面的实现 19

5.3 后台管理用户注册登录接口的实现 23

5.4 多媒体项目及文件上传表单模态框的实现 23

5.5 后端磁盘类别列表获取接口的实现 24

5.6 多媒体项目创建和封面图片上传接口的实现 24

5.7 多媒体项目获取更新删除接口的实现 24

5.8 多媒体项目不同文件上传接口的实现 25

5.9 多媒体项目文件资源组合获取删除接口的实现 27

5.10 所有后端磁盘项目信息获取接口的实现 27

5.11 前后端连接通讯层的实现 27

第六章 结束语 30

参考文献 31

致  谢 32