《通信软件开发与应用》课程结业报告

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、内容介绍

本次项目构建的是静态网站，采用MDB框架完成，主题为介绍王一博的相关信息，分为个人简介、主要影视作品及综艺、音乐作品以及部分视频播放。
主要界面如下：

个人简介页面：

主要影视作品及综艺页面：


点击对应按钮后，即可跳转到相应的节目播放页面，进行观看

音乐作品页面：

本页面主要列举了主要音乐作品，包括作品名称，发布时间，以及主题；在点击作品名称时，即可跳转到该作品的百度百科官方介绍页面。

相关视频播放页面：

该页面放置了一个视频以及相关介绍，点击按钮即可跳转到该作品的官方播放界面。

二、开发过程

首先通过老师教学网站上的教程，对MDB有了初步的了解与认识，然后又进入官方网站进行资料的查询，最终完成该项目。

1.初始页面

2.个人介绍页面

采用了非常简单和灵活的弹性盒子(Flexbox) 和栅格布局(12列).
栅格用行-row 和列-col 来规划, 一行分为12列, 通过 col 后跟的数字来确定占比.

本页面将这一行分为了两部分，分别占5/12和7/12；

3. 主要影视作品和综艺页面

该页面同上，也是采用了弹性盒子和栅格布局

与不同的是，使用了两行，以及每一行共分为三部分，每一部分占4列。

4.音乐作品页面

在使用弹性盒子(Flexbox) 和栅格布局的基础上，将歌曲名称以超链接的形式展示，通过点击可以到相对应的百度百科官方介绍页面。

5.视频页面

播放视频相关代码

三、实验问题

数据排版问题

采用弹性盒子和栅格布局，美化整体页面

视频播放问题

通过相关数据搜索，获取到如何在html中播放视频。

采用如上代码，便可实现视频播放。

文件过大无法部署

因项目中的视频文件约80多M，（超过25M）无法一次性上传到github仓库中。
解决方法：
通过降低视频清晰度，或者通过对视频内容的剪裁，缩小其内存大小，从而使其达到指定范围。

四、缺陷及不足

在其他页面中未设置返回跳转键

仅在主页面设置了跳转子页面按钮，在子页面中无返回主页面按钮以及跳转其他页面的链接，只能通过返回上一步进行重新选择。

五、总结

通过本学期对web知识的学习，让我学会了有关html、css以及javascript等知识，对MDB等框架也有了一定的认识，同时也意识到了前端的强大所在。在老师教学的帮助下以及相关网站的学习制作出来的页面，即使不是那么的好，也有不少的收获，为以后深入该领域的发展打下了坚实的基础。而且，在本次实验中所遇到的问题，都将是以后的经验，因此，本学期的课程以及本次实验，都令我受益良多。