| 失效链接处理 |
|
Vue音乐电影评论详细报告 PDF 下载
本站整理下载：
提取码：kv3q
相关截图：
主要内容：
1 项目开发的意义
1.1 项目背景与意义
随着生活水平的提高，娱乐已经成为非常主流的话题，人们不仅需要通过音乐陶冶情操，而且越来越多的人倾向于用音乐、电影等娱乐方式放松自己，这大大促进了媒体软件的发展。这是本项目实现的背景。
本项目由陈焕提出并单独开发并实现其功能，开发此软件是为开发者能更好的明确软件开发的详细过程，安排精度、组织软件和开发与测试，撰写本文档。
2 项目需求分析
用户Web_APP端为用户提供相应的功能模块。
描述
用户通过收集访问网址，可以在首页查看最近上映的电影，在电影评论页面可以看到电影的简介、用户评论等信息；用户可以音乐界面，搜过想听的音乐，点击搜索结果即可在线播放音乐。
图2-1 用户用例图
图2-1 用户序列图
2.2 项目非功能性需求
功能性需求解决“如何使这个系统能在实际环境中运行”。在设计解决方案的过程中满足功能性需求当然是很重要的。但是，如果没有考虑非功能性需求，那么这个解决方案则很难取得实效，因为用户可能难以甚至无法使用系统的功能。很多非功能需求一般会在底层的基础技术平台去仔细设计和实现。
表2-1 产品非功能性需求分析表
系统的性能 系统响应时间快、吞吐量大、准确性高、资源利用率高，更新时间快。
系统的完整性 完整的系统应该包括数据备份、恢复、日志管理及垃圾数据清除等基本功能，使系统处于一个安全且负载合理的运行状况，还能提高系统的应用适应性。
系统的可靠性 系统能7×24小时连续运行，当系统出现故障和用户出现错误的操作后支持恢复，当用户在使用过程中遇到错误的时候可以立即定位问题，当网络不稳定或使用中异常中断的情况下系统都有相应的容错措施。
系统的兼容性 兼容性尽可能强一些。
3 项目内容与设计方案
系统分为三个部分，分别是电影列表、音乐列表、开发者介绍。三者相互独立，电影列表罗列最近上映电影，进入课查看相关影评，亦可跳转豆瓣页面；音乐列表罗列推荐音乐，用户可根据关键词搜索音乐，进入播放音乐可自动开始音乐播放；开发者介绍是一些开发者的简介信息。
图3-1 系统功能图
4 设计开发方法
4.1 开发工具与系统环境
前端
开发语言 Vue
开发工具 Vs Code
主要API 网易云API：http://www.cmcandy.com:8000
豆瓣电影列表API：http://api.douban.com/v2/movie/in_theaters?{otherlimits}
豆瓣电影评论API：https://api.douban.com/v2/movie/subject/{id}?apikey={?}
服务器代理API：http://bird.ioliu.cn/v1/?url={}
开发环境 本地开发环境：Windows10
API部署环境：Centos7
4.2 数据请求实现方案
数据请求部分，主要使用Axios组件进行请求，根据官方文档的解释，Axios 是一个基于promise的HTTP库，可以用在浏览器和node.js中。
调用的接口主要是上面网易云和豆瓣的API，网易云由于是开发者自己搭建的个人服务，因此可以直接访问，且由于服务器带宽足够，访问速度非常快，缺点是网易云开源的API不稳定，运行一段时间后会自动关闭，尚不清楚原因，或许和修改过部分源代码有关。
豆瓣是公开API，直接用Axios回返回403，也就是拒绝访问，此时需要代理服务器来实现访问请求，本项目使用的代理服务器URL是：http://bird.ioliu.cn/v1/?url={}，优点是比较稳定，缺点就是需要一定的加载时间。
4.3 下滑自动加载实现方案
该部分主要讲述实现滑动到底部自动加载下一页的思想。
图4-1 下滑自动加载源代码图
其原理如上图所示，启动滚动监听事件，当检测到滑动到底部时，调用loaddata方法，其中不同页面的loadData有所不同，该页面是音乐列表，因此需要传入关键词，开始长度等参数。
4.4 歌曲搜索功能实现
该部分主要讲述搜索歌曲的实现思想。
图4-2 搜索框UI图
搜索框由两部分组成，分别是左侧的input和右侧的搜索div，其原理就是调用函数的时候根据refs得到input框中的相关关键词，调用loadData方法，并
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
