移动端音乐WebApp的设计与开发.pdfVIP

目录 1 引言1 1.1 研究背景1 1.2 研究目的与意义1 1.3 目前发展现状2 1.4 未来发展趋势2 1.5 本章小结2 2 关键技术分析 2 2.1 前端开发主要技术2 2.2 Vue.js 框架介绍3 2.3 数据跨域请求技术介绍3 2.4 本章小结3 3 系统分析 3 3.1 需求分析3 3.1.1 用户需求分析 3 3.1.2 开发工具及环境需求 4 3.1.3 性能需求分析 4 3.2 可行性分析5 3.2.1 经济可行性 5 3.2.2 技术可行性 5 3.2.3 操作可行性 5 3.3 本章小结5 4 总体设计 5 4.1 项目模块总体设计6 4.2 各模块之间的关系6 4.3 线上数据处理7 5 详细设计 7 5.1 推荐页面模块7 5.2 歌手页面模块8 5.3 排行榜页面模块8 5.4 有哪些信誉好的足球投注网站页面模块8 5.5 个人中心页面模块9 5.6 各类详情页模块9 5.7 播放器页面模块9 5.8 播放列表页模块10 6 系统实现与测试 10 6.1 系统功能页面实现10 6.1.1 推荐页面实现 10 6.1.2 歌单详情页页面实现 11 6.1.3 播放器页面实现 11 6.1.4 歌手页面实现 12 6.1.5 排行榜页面实现 13 6.1.6 有哪些信誉好的足球投注网站页面实现 14 6.1.7 播放列表页实现 14 6.1.8 个人中心页 15 6.2 系统测试16 6.2.1 测试目的 16 6.2.2 测试目标 16 6.2.3 测试结果 16 结束语 17 致 谢 17 参考文献 18 移动端音乐 WebApp 的设计与开发 杨静 （安阳师范学院 计算机与信息工程学院, 河南 安阳 455000 ） 摘 要：互联网的快速发展冲击着世界的每个角落，网络技术更是渗透到我们生活的各个 方面，互联网技术已经成为人们快速获取、发布和传播信息的重要渠道。而音乐作为娱乐 业的一大产业，其传播方式也从传统的磁带，电台，广播转变为网络获取。每当学习或工 作后感觉到疲惫时或者是一些闲暇时刻，通常我们都会拿起手机，戴上耳机，播放一首我 们喜欢的歌曲，闭上眼睛来享受这轻松美好的时光。在这种情形下，基于客户和市场的需 求，采用 HTML(HTML5) ，CSS(CSS3) ，JavaScript ，Node.js ，Vue.js ，Jsonp ，Ajax 等前端 技术开发一款轻量级，交互体验流畅，对用户友好的移动端音乐 WebApp 势在必行。 关键词：移动端；WebApp；HTML；JavaScript；Node.js 1 引言 1.1 研究背景 中国人民对于生活和工作的热情使得 21 世纪的中国的面貌焕然一新。21 世纪的中国 是经济和科技迅速发展的时代，同时也是一个忙碌的、快节奏、充满压力的时代。很多时 候人们被生活的种种压力所困扰，在内心深处渴望着释放，而音乐恰恰可以舒缓和抚慰人 们的心灵。因此音乐在人们的生活中承担着不可或缺的角色，有着举足轻重的位置。由于 互联网的迅速发展，获取音乐的方式也从传统的电台，磁带，广播转变为网络获取。 人们可以通过 PC 端和移动端很方便的获取想要