在线音乐WebAPP的设计与实现
1引言 1
2在线音乐系统需求分析 1
2.1在线音乐系统功能需求分析 1
2.1.1用户登录模块 1
2.1.2推荐模块 1
2.1.3歌手模块 2
2.1.4搜索模块 2
2.1.5排行模块 2
2.1.6播放模块 2
2.2在线音乐系统非功能需求分析 2
2.3在线音乐系统数据需求分析 3
3在线音乐系统设计 3
3.1在线音乐系统设计目标与原则 4
3.2在线音乐系统体系架构设计 4
3.3在线音乐系统功能设计 5
3.4在线音乐系统数据库设计 10
3.4.1数据库逻辑结构设计 10
3.4.2数据库物理结构设计 12
4结语 14
参考文献 15
1引言
随着移动端智能手机的普及以及前端开发技术的完善,用户可以尽可能多的利用碎片时间来获取信息，而移动端手机应用逐渐发展成我们生活中不可或缺的部分，随着手机应用不断扩展,许多基于桌面Web的应用系统转化为手机应用成为大势所趋，对于移动互联网行业来说,WebApp出现的根本原因是HTM15的兴起和推广，而WebApp可以内嵌入任何一款原生App或者网页中，作为一种单页应用，也可轻松适配所有移动端机型，具有功能强大且用户友好、轻量等特点。可以预测，随着未来移动端设备的越来越完善的情况下，人们对轻量级应用的需求量将大大提高，同时，随着云端技术的逐步完善，WebAPP将会更容易地获得所需要的数据，服务［力。用户只需要打开WebApp,就可以获取他们所需要的音乐，图片等，可以使用户进行社交，游戏，娱乐等等，同时大大简化了用户操作复杂性。对开发者而言，开发者不再需要同时开发多套代码，只需开发出一套WebApp即可适配所有设备机型，可以实现跨平台的同步更新。本文将会实现一个强大，兼容性好且轻量的移动端音乐WebAPP,又由于移动端WebApp的兼容性强以及本款WebApp歌曲库全等特点，可以给用户以最完美的用户体验。
2在线音乐系统需求分析
2.1在线音乐系统功能需求分析
2.1.1用户登录模块
该模块是任何一个成熟产品的必备模块，本项目也不例外，用户只有在输入框内输入用户名字和密码进行登录，只有登录后，用户才能进行收藏歌曲，搜索歌曲，歌手等一系列操作。在登录界面还需设置注册按钮以及忘记密码按钮，以方便新用户进行注册以及用户进行密码回等操作。
2.1.2推荐模块
当用户在使用本音乐WebAPP时，将会首先进入该页面，所以该页面的设计应该符合吸睛的特点,并且应该招最需要让用户得到的信息（如广告,歌单等）放在顶部，由于信息较多，所以可以采用叠加并且按顺序展示的方式来给用户呈现信息，此时顶部轮播图将是最好的选择；下方将展示当前时段最热门的歌单列表，以提高热门歌单的曝光率。由于需要展现的歌单较多，所以前端将需要实现滚动加载的效果，传统的前端滚动效果代码量大，且兼容性较差，无法适应移动端多种机型的兼容，所以本项目将采用兼容性较强的better-scro11组件实现无缝滚动；同时，由于每个歌单列表都包括一张图片，多个歌单在加载过程中，由于要加载图片，将会出现图片延时展现的状况，大大影响用户体验，所以将会通过图片懒加载的技
术实现前端性能优化，也提高了用户体验。
app开发者需要更新此app以在此ios上正常使用2.1.3歌手模块
用户在使用本款WebAPP时，有时会查某个特定歌手，并且听其下所有歌曲。所以该模块将会实现根据首字母将所有热门歌手姓名进行排列。大体需要分为歌手列表以及右侧字母导航栏。歌手列表包括歌手头像以及姓名，同样地,由于歌手众多，头像图片也将会采用懒加载技术。右侧字母导航栏将会实现联动效果,即用户点击右侧导航栏任意字母,左侧歌手列表将会自动定位到相应位置。滑动左侧歌手列表时，右侧字母导航栏也会进行相应位置的高亮。这样使用户方便地定位到所要查的歌手名称，优化了用户体验。
2.1.4搜索模块
本模块主要用于满足用户的搜索需求并且进行记录，同时将整合时下被搜索次数比较多的词条并予以显示,所以整个页面结构将分为三开,在顶部有搜索框,并且有字数限制；中间将会显示热门搜索的部分，用户可以点击呈现出来的热搜词条来进入对应的歌曲或者歌手详情列表。同时，第三部分将在页面底部进行显示，也就是显示搜索历史功能，它的作用是记录用户的使用搜索轨迹，即搜索过的历史可，可以方便用户记忆已搜索过的内容。
2.1.5排行模块
通过严谨的市场调研，根据不同用户有不同的歌曲爱好，本项目的排行子模块会将各种曲风的歌曲整理成歌单，并且根据歌单热度进行排行。用户可以点击他们喜爱的曲风歌单并进入歌单详情页面，由于该子模块中图片众多，为了不影响用户的使用体验，将用better-scro11组件及图片懒加载技术来提高前端的加载性能。
2.1.6播放模块
该模块是本项目中的核心模块,用户点击其他任何子模块最终都会进入到播放模块中，播放模块功能涵盖的有暂停功能，播放功能，前进以及后退功能等基础功能；在播放模式方面，它主涵盖有顺序播放功能以及随机播放功能，最后还有单曲循环功能。除此之外，还有收藏歌曲功能，当用户点击收藏按钮时会将此歌曲添加到用户收藏歌单中，再次点击将会取消收藏。
2.2在线音乐系统非功能需求分析
通过实际调研和参考相关的移动端WebAPP,有关系统的非功能需求主要有以下几个要求：
发表评论