【《音乐播放微信小程序的系统实现与测试分析案例》2800字】

第页音乐播放微信小程序的系统实现与测试分析案例目录TOC\o"1-3"\h\u27325音乐播放微信小程序的系统实现与测试分析案例 1110571.1系统实现 1167461.1.1注册登录功能的实现 124151.1.2主界面的实现 274261.1.3歌曲播放功能的实现 3154421.1.4评论功能的实现 3147131.1.5搜索功能的实现 4136161.1.6歌手展示功能的实现 469641.1.7推荐功能的实现 514391.2程序测试 5146411.2.1本系统测试 51.1系统实现用户和系统的交互是建立在用户界面上的，因为用户无法看到代码，所以只能通过系统提供的用户界面来和系统进行交互，因此用户界面是十分重要的。用户可以通过用户界面向系统传递信息，同时也可以接收系统的反馈。具有推荐系统的音乐播放微信小程序的音乐数据是需要合理的界面来展现的，良好的界面设计可以简化用户操作并带给用户良好的体验感。1.1.1注册登录功能的实现小程序端用户登录需要注册，注册时小程序自动获取微信用户的头像，填写用户名和密码，点击注册按钮注册成功。登录时，用户填写已注册完的用户名和密码，点击登录按钮登录。效果如下图6-1所示：图6-1小程序端用户注册登录网页端管理员账号无需注册，为事先加入数据库中的数据，输入账号和密码即可完成登录。效果如下图6-2所示：图6-2网页端端管理员登录1.1.2主界面的实现管理员成功登陆后，自动跳转到网页端的主页。系统主页导航栏对应后台管理选项。包括乐库管理、歌手管理、歌单管理、用户管理、轮播图管理。点击导航栏会分页显示数据库中数据，并显示操作选项。效果图如6-3所示：图6-3管理员系统主界面用户成功登录后，跳转到小程序端的主页。主页包含三部分：轮播图、搜索栏、推荐歌单、系统歌单。底部的tabBar对应跳转到不同的功能页面。效果图如图6-4所示：图6-4小程序端主界面1.1.3歌曲播放功能的实现小程序触发歌曲播放的方式有六种方式：点击主页的轮播图触发、点击歌单内歌曲名触发、点击搜索歌曲结果、在歌手主页点击歌曲名触发、在播放记录中点击歌曲名触发、在收藏列表中点击歌曲名触发。以上事件触发歌曲播放后，会跳转到tabBar的正在播放界面。界面静态显示歌曲信息以及歌曲操作表示，以唱片形式将歌曲封面旋转动态显示。效果图如下图6-5所示：图6-5小程序音乐播放界面1.1.4评论功能的实现在歌曲播放界面右滑显示用户对当前播放歌曲的评论，评论记录评论内容、评论事件和评论者，上下滑动可翻阅所有评论。用户若想评论此歌曲，需在文本框“请输入回复”中填写想要评论的内容，点击发送即可。效果图如下图6-6所示：图6-6评论功能实现效果1.1.5搜索功能的实现搜索功能用于帮助用户快速查找到想要获得的内容。小程序的搜索功能提供歌曲搜索、歌手搜索。该搜索功能有模糊查询的功能，当用户输入关键字时，系统会匹配关键字查找，若匹配的结果为歌曲，则以歌曲-歌手的形式显示；若匹配结果为歌手，则以歌手头像头像-歌手名结果显示。效果图如图6-7所示：图6-7搜索功能实现效果1.1.6歌手展示功能的实现为了方便用户查询歌手，提高查询效率。歌手展示功能模块提供了按照歌手的姓名首字母顺序从A~Z排序的功能，并且只给出数据库中已有歌手的姓名首字母，当用户点击某个字母时，小程序会定位到选择字母的位置。效果如图6-8所示：图6-8歌手展示功能实现效果1.1.7推荐功能的实现推荐功能的实现，是使用基于用户的协同过滤算法，对用户的收藏歌单进行分析统计，为用户推荐歌曲，推荐结果在小程序主页显示。效果如下图6-9所示：图6-9推荐功能实现效果1.2程序测试对于系统的测试主要采用白盒测试，而且是分模块进行的，会对各个模块的入口和出口数据进行严格的检查。采用白盒测试，方便测试人员掌握系统的内部结构和处理过程，并且可以随时修改内部程序，使得对系统的测试工作变得十分便利。因此测试人员可以通过检查程序逻辑并得出相应测试数据来检查系统各模块能否正常的运行。1.2.1本系统测试具有推荐功能的音乐播放微信小程序主要有账号操作、歌曲播放、歌曲操作、用户管理、歌曲管理、歌手管理、歌单管理、轮播图管理，这八个功能模块都分别包含许多功能，根据以上介绍的测试原则，将使用测试用例文档分别对本系统进行测试。由于本系统各功能模块内包含的小功能过多，就不一一列举测试，仅选择几个具有代表性功能的来进行测试，测试用例如下。用户登录的测试用例，如表6-1所示。表6-1用户登录的测试用例用例描述前提条件用例步骤期待结果实际结果用户登录页面用户名和密码都存在且匹配输入用户名和密码不报错，成功登录与期待结果相同用户登录页面用户名和密码都存在但不匹配输入用户名和密码报错，登录失败与期待结果相同用户登录页面用户名不存在输入用户名和密码报错，登录失败与期待结果相同用户登录页面用户名或密码有一项为空输入用户名和密码报错，登录失败与预期结果相同表6-1用户登录测试用例，实际结果与期待结果相同，用户登录功能通过测试。(2)歌曲播放的测试用例，如表6-2所示：表6-2歌曲播放的测试用例用例描述前提条件用例步骤期待结果实际结果小程序主界面轮播图有跳转播放的点击事件点击轮播图不报错，成功播放与期待结果相同小程序主界面轮播图没有跳转播放的点击事件点击轮播图报错，未获取到歌曲地址与期待结果相同歌单详情页面歌单中有该歌曲地址点击歌曲名不报错，播放成功与期待结果相同歌单详情页面歌单中没有该歌曲地址点击歌曲名报错，播放失败与预期结果相同(3)搜索功能的测试用例，如表6-3所示：表6-3搜索功能的测试用例用例描述前提条件用例步骤期待结果实际结果搜索页面数据库中有符合关键字的歌手和歌曲输入关键字不报错，搜索成功与期待结果相同搜索页面数据库中只有符合关键字的歌手输入关键字不报错，搜索成功与期待结果相同搜索页面数据库中只有符合关键字的歌曲输入关键字不报错，搜索成功与期待结果相同搜索页面数据库中没有符合关键字的歌曲和歌手输入关键字报错，搜索失败与预期结果相同搜索页面历史搜索记录中有数据点击删除历史记录不报错，删除成功与预期结果相同搜索页面历史搜索记录中没有数据点击删除历史记录报错，未获取到数据与预期结果相同(4)收藏功能的测试用例，如表6-4所示：表6-4收藏功能的测试用例用例描述前提条件用例步骤期待结果实际结果歌曲播放界面用户未登录点击收藏不报错，跳转到登录页面与期待结果相同歌曲播放界面用户已登录且此歌曲未在收藏列表点击收藏不报错，成功收藏与期待结果相同歌曲播放界面用户已登录且此歌曲在收藏列表点击收藏不报错，取消收藏与期待结果相同(5)评论功能的测试用例，如表6-5所示：表6-5评论功能的测试用例用例描述前提条件用例步骤期待结果实际结果歌曲评论页面用户未登录点击发表评论不报错，跳转到登录页面与期待结果相同歌曲评论页面用户已登录但评论内容为空点击发表评论报错，发表失败与期待结果相同歌曲评论页面用户已登录且评论内容不为空点击发表评论不报错，发表成功与期待结果相同(6)推荐功能的测试用例，如表6-6