摘要
1 绪论
1.1研究背景与意义
1.2研究现状
1.3论文结构与章节安排
2 基于微信小程序的轻松音乐系统分析
2.1 可行性分析
2.1.1 技术可行性分析
2.1.2 经济可行性分析
2.1.3 法律可行性分析
2.2 系统功能分析
2.2.1 功能性分析
2.3 系统用例分析
2.4 系统流程分析
2.4.1 数据流程
2.4.2 业务流程
2.5本章小结
3 基于微信小程序的轻松音乐总体设计
3.1 系统功能模块设计
3.1.1整体功能模块设计
3.1.2用户模块设计
3.1.3 评论管理模块设计
3.1.4音乐库模块设计
3.2 数据库设计
3.2.1 数据库概念结构设计
3.3.2 数据库逻辑结构设计
3.4本章小结
4 基于微信小程序的轻松音乐详细设计与实现
4.1注册用户功能模块
4.1.1 前台首页界面
4.1.2 用户注册界面
4.1.3 用户登录界面
4.1.4音乐库界面
4.1.5 音乐交流界面
4.2管理员功能模块
4.2.1系统用户界面
4.2.2音乐库管理界面
4.2.3系统管理界面
4.2.4资源管理界面
4.2.5 交流管理界面
5系统测试
5.1 系统测试用例
5.2 系统测试结果
结论
参考文献
致 谢
本研究以Spring Boot框架为基础,致力于设计和实现基于微信小程序的轻松音乐应用。该应用旨在为用户提供便捷的音乐收听和分享平台,涵盖音乐播放、歌曲推荐、个人播放列表等功能模块,以提升用户的音乐享受体验。
通过Spring Boot框架的支持,轻松音乐应用实现了稳定的后端服务,与微信小程序结合,为用户提供流畅的音乐播放和个性化推荐功能。用户可以通过该应用轻松发现新音乐、创建个性化播放列表,享受音乐带来的放松和愉悦。
基于微信小程序的轻松音乐设计与实现将为用户带来全新的音乐体验,为音乐爱好者提供一个便捷的音乐欣赏平台。通过结合Spring Boot框架的优势和微信小程序的便捷性,该应用将推动音乐应用领域向更智能、个性化的方向发展,满足用户对音乐欣赏的多样化需求。
关键词:Java;springboot;基于微信小程序的轻松音乐;MySQL
Abstract
Based on the Spring Boot framework, this research is devoted to the design and implementation of relaxing music applications based on wechat mini programs. The app aims to provide users with a convenient music listening and sharing platform, covering music playback, song recommendation, personal playlists and other functional modules to enhance users' music enjoyment experience.
With the support of Spring Boot framework, easy music application has achieved a stable back-end service, and combined with wechat mini program, provides users with smooth music playback and personalized recommendation functions. Through the app, users can easily discover new music, create personalized playlists, and enjoy the relaxation and pleasure of music.
The easy music design and implementation based on wechat mini program will bring users a new music experience and provide a convenient music appreciation platform for music lovers. By combining the advantages of the Spring Boot framework with the convenience of the wechat mini program, the app will promote the development of the music application field to a more intelligent and personalized direction to meet the diversified needs of users for music appreciation.
Keywords:ava; springboot; Relaxing music based on wechat mini program; MySQL
1 绪论
随着移动互联网的快速发展,音乐流媒体服务在用户生活中扮演着越来越重要的角色。基于微信小程序的轻松音乐设计与实现的研究背景在于满足用户对音乐享受的需求,提供一个便捷的音乐播放和分享平台。通过结合Spring Boot框架的支持,实现后端服务的稳定性和高效性,为用户提供流畅的音乐体验。
音乐作为人们生活中不可或缺的一部分,对于情绪调节和放松具有重要意义。基于微信小程序的轻松音乐设计与实现的研究意义在于为用户提供一个轻松、愉悦的音乐欣赏平台,帮助用户放松身心,提升生活质量。通过智能推荐和个性化服务,满足用户对音乐的个性化需求,推动音乐应用向智能化、个性化方向发展。
基于微信小程序的轻松音乐设计与实现将推动音乐应用领域的创新和发展,为用户提供更便捷、丰富的音乐体验。这项研究有助于挖掘音乐应用的潜力,提升用户对音乐的参与度和体验感,推动音乐文化的传播和交流,具有重要的社会和文化意义。
目前,基于微信小程序的音乐应用在市场上越来越受欢迎,许多公司和开发者推出了各种音乐播放和分享小程序。这些小程序通过结合微信平台的社交特性,实现了音乐播放、歌曲推荐等功能,提升了用户体验。同时,一些音乐小程序借助Spring Boot等框架技术,实现了稳定的后端支持,提高了系统的可靠性和效率。
国内外研究机构和开发团队也在不断探索基于微信小程序的音乐应用的设计与实现。一些研究侧重于用户体验和音乐推荐算法的优化,以提供更个性化的服务;另一些研究致力于音乐版权保护和数据安全方面的探讨,以确保音乐内容的合法性和可靠性。这些研究为基于微信小程序的音乐应用的发展提供了有益参考和借鉴。
未来,基于微信小程序的音乐应用将继续融合更多智能化技术,如人工智能和大数据分析,实现更智能、个性化的音乐推荐和用户体验。同时,随着用户对音乐应用的需求不断提升,研究机构和开发者将继续探索创新,为用户提供更丰富、便捷的音乐欣赏体验。
本文共分为六章,章节内容安排如下:
第一章为引言,此章节对所设计和实现的系统的研究背景与意义、研究现状进行详细的论述以及说明,同时进行了论文整体框架的结构的简要介绍。
第二章为系统需求分析,章节所做的主要的工作是对系统进行了技术、经济和操作方面可行性的分析;对系统实行了总体功能的需求、用例分析。
第三章为系统的设计,主要是对系统的功能结构进行设计,并对系统数据库的概念结构以及物理结构的设计进行了分析。
第四章就是对系统的实现,根据系统功能的划分,分别的对系统所需要实现的前台用户功能和后台管理员功能进行了分析和说明。
第五章:系统测试。主要对系统的部分界面进行测试并对主要功能进行测试
2 基于微信小程序的轻松音乐系统分析
系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及法律层面的可行性上进行分析,如果三个层面度通过,我们则认为系统是比较可行的。
基于微信小程序的轻松音乐设计与实现是一个景点在线购票,我们在实现这个系统所采用的技术方案是基于Java的 Web实现方案,系统采用springboot方案来实现。springboot框架是一个非常成熟的框架、Java从97年诞生到现在经历了野蛮的生长,Java在各个领域度是有做非常成熟的解决方案,如电信、银行、电商等。springboot又是一套快速整个项目的开箱即用的技术方案。所以采用基于springboot方式来实现本系统是一个非常成熟有简单的技术方案。技术可行性上是非常可行的。
从经济可行性上看项目在开发阶段需要一台开发PC,在生产阶段需要web服务器和数据库服务器。一台个人PC从经济上来看也不是太多问题,在后期的系统部署生产上来说,服务器的投入也不会过高,在经济层面上是一个比较可行的。
基于微信小程序的轻松音乐划分为了注册用户模块和管理员模块这两大部分。
注册用户:
(1)注册登录:用户通过注册登录系统,可通过点击我的基本信息,对个人信息进行增删改查。比如个人资料、头像和密码修改。
(2)首页:当进入基于微信小程序的轻松音乐的时候,系统以上中下的布局进行展示,首先映入眼帘的是系统的导航栏,下面是轮播图,再往下是音乐库、音乐咨讯、音乐交流和我的等内容。
(3)音乐库:用户点击可通过搜索歌曲名称进行查看音乐库列表,同时可进行播放音乐、点赞、收藏和评论操作。
(4)音乐咨讯:用户点击查看音乐咨讯,同时可对咨讯文章进行点赞、收藏和评论。
(5)音乐交流:用户点击可查看音乐交流列表,进行点赞、收藏和评论;同时可点击“发布内容”按钮,上传封面图,输入标题,选择分类,输入标签和正文,点击“发表内容”按钮进行发布交流内容。
(6)我的:用户点击可查看基本信息、收藏和论坛管理。
(7)网站公告::用户点击可查看网站公告、关于我们、联系方式和网站介绍。
管理员:
(1)登录:管理员的账号是在数据列表中直接设置生成的,不需要进行注册,可直接输入账号密码登录,同时可对管理员资料进行增删改查。
(2)系统用户:管理员点击可查看管理员和注册用户;同时可对系统用户进行增删改查。
(3)音乐分类管理:管理员点击可查看音乐分类列表和音乐分类添加;点击“音乐分类添加”输入音乐类型,点击“提交”按钮进行添加,同时可对音乐类型会进行增删改查。
(4)音乐库管理:管理员点击可查看音乐库列表和音乐库添加;点击“音乐库添加”,输入歌曲名称、歌手姓名,上传封面图片,选择音乐类型,上传音频,输入歌词和歌曲介绍,点击“提交”按钮进行添加。
(5)系统管理:当管理员点击“系统管理”时,可查看轮播图; 如需添加新的轮播图,点击右侧“添加”按钮,上传图片,输入标题,点击“确认”按钮进行添加;同时可对轮播图进行增删改查。
(6)资源管理:管理员点击可查看音乐咨讯和咨讯分类;如需添加新的咨讯,点击“新增”按钮,上传封面图,输入标题,选择分类,输入标签、描述和正文,点击“确认”按钮进行添加。同时可对咨讯进行增删改查。
(7)网站公告管理:当管理员点击“网站公告管理”时,可查看网站公告;如需添加新的网站公告,点击右侧“添加”按钮,输入标题和正文,点击“确认”按钮进行添加。
(8)交流管理:管理员点击可查看阴雨额交流和交流分类;点击“交流分类”,输入类型名称和描述,点击“提交”按钮进行添加交流分类;同时可对交流信息进行增删改查。
基于微信小程序的轻松音乐的非功能性需求比如基于微信小程序的轻松音乐的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表3-1基于微信小程序的轻松音乐非功能需求表
安全性 | 主要指基于微信小程序的轻松音乐数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于微信小程序的轻松音乐能够按照用户提交的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于微信小程序的轻松音乐占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于微信小程序的轻松音乐的页面展示内容进行操作,就可以了。 |
可维护性 | 基于微信小程序的轻松音乐开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
基于微信小程序的轻松音乐的完整UML用例图分别是图2-1、图2-2。
图2-1就是注册用户角色的用例展示。
图2-1 基于微信小程序的轻松音乐注册用户角色用例图
图2-2就是管理员角色的用例展示。
图2-2 基于微信小程序的轻松音乐管理员角色用例图
开发基于微信小程序的轻松音乐最主要的一个目的就是实现用户对音乐的在线播放,图2-4就是系统的数据流图。
图2-4音乐播放操作展开图
分析完基于微信小程序的轻松音乐的数据流,那么接下来我们来看系统的业务流程,图2-5就是业务流程图:
本章主要通过对基于微信小程序的轻松音乐的可行性分析、功能需求分析、系统用例分析、系统流程分析,确定整个基于微信小程序的轻松音乐要实现的功能。同时也为基于微信小程序的轻松音乐的代码实现和测试提供了标准。
本章主要讨论的内容包括基于微信小程序的轻松音乐的功能模块设计、数据库系统设计。
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本基于微信小程序的轻松音乐中的用例。那么接下来就要开始对本基于微信小程序的轻松音乐的架构、主要功能和数据库开始进行设计。基于微信小程序的轻松音乐根据前面章节的需求分析得出,其总体设计模块图如图3-1所示。
图3-1 基于微信小程序的轻松音乐功能模块图
本系统的用户包括管理员和用户两种用户模块的功能基本是相同的,用户比管理员多了一个注册功能,所以以用户模块的结构图为例进行分析,用户模块结构图为例进行分析,如下图:
图3-2用户模块结构图
基于微信小程序的轻松音乐是一个交流性质的公开平台,用户在平台上提交评论,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,给予管理员删除不合适的评论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:
图3-3评论管理模块结构图
基于微信小程序的轻松音乐是中需要存储不少音乐信息,其模块功能结构,具体的结构图如下:
图3-4音乐库信息模块结构图
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
下面是整个基于微信小程序的轻松音乐中主要的数据库表总E-R实体关系图。
图3-5 基于微信小程序的轻松音乐总E-R关系图
通过上一小节中基于微信小程序的轻松音乐中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | token_id | int | 10 | 0 | N | Y | 临时访问牌ID | |
2 | token | varchar | 64 | 0 | Y | N | 临时访问牌 | |
3 | info | text | 65535 | 0 | Y | N | ||
4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | article_id | mediumint | 8 | 0 | N | Y | 文章id:[0,8388607] | |
2 | title | varchar | 125 | 0 | N | Y | 标题:[0,125]用于文章和html的title标签中 | |
3 | type | varchar | 64 | 0 | N | N | 0 | 文章分类:[0,1000]用来搜索指定类型的文章 |
4 | hits | int | 10 | 0 | N | N | 0 | 点击数:[0,1000000000]访问这篇文章的人次 |
5 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
8 | source | varchar | 255 | 0 | Y | N | 来源:[0,255]文章的出处 | |
9 | url | varchar | 255 | 0 | Y | N | 来源地址:[0,255]用于跳转到发布该文章的网站 | |
10 | tag | varchar | 255 | 0 | Y | N | 标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开 | |
11 | content | longtext | 2147483647 | 0 | Y | N | 正文:文章的主体内容 | |
12 | img | varchar | 255 | 0 | Y | N | 封面图 | |
13 | description | text | 65535 | 0 | Y | N | 文章描述 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000]决定分类显示的先后顺序 |
3 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
4 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
5 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
6 | icon | text | 65535 | 0 | Y | N | 分类图标: | |
7 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | auth_id | int | 10 | 0 | N | Y | 授权ID: | |
2 | user_group | varchar | 64 | 0 | Y | N | 用户组: | |
3 | mod_name | varchar | 64 | 0 | Y | N | 模块名: | |
4 | table_name | varchar | 64 | 0 | Y | N | 表名: | |
5 | page_title | varchar | 255 | 0 | Y | N | 页面标题: | |
6 | path | varchar | 255 | 0 | Y | N | 路由路径: | |
7 | position | varchar | 32 | 0 | Y | N | 位置: | |
8 | mode | varchar | 32 | 0 | N | N | _blank | 跳转方式: |
9 | add | tinyint | 3 | 0 | N | N | 1 | 是否可增加: |
10 | del | tinyint | 3 | 0 | N | N | 1 | 是否可删除: |
11 | set | tinyint | 3 | 0 | N | N | 1 | 是否可修改: |
12 | get | tinyint | 3 | 0 | N | N | 1 | 是否可查看: |
13 | field_add | text | 65535 | 0 | Y | N | 添加字段: | |
14 | field_set | text | 65535 | 0 | Y | N | 修改字段: | |
15 | field_get | text | 65535 | 0 | Y | N | 查询字段: | |
16 | table_nav_name | varchar | 500 | 0 | Y | N | 跨表导航名称: | |
17 | table_nav | varchar | 500 | 0 | Y | N | 跨表导航: | |
18 | option | text | 65535 | 0 | Y | N | 配置: | |
19 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
20 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | collect_id | int | 10 | 0 | N | Y | 收藏ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
3 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
4 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
6 | title | varchar | 255 | 0 | Y | N | 标题: | |
7 | img | varchar | 255 | 0 | Y | N | 封面: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | comment_id | int | 10 | 0 | N | Y | 评论ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 评论人ID: |
3 | reply_to_id | int | 10 | 0 | N | N | 0 | 回复评论ID:空为0 |
4 | content | longtext | 2147483647 | 0 | Y | N | 内容: | |
5 | nickname | varchar | 255 | 0 | Y | N | 昵称: | |
6 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
9 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
10 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
11 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | forum_id | mediumint | 8 | 0 | N | Y | 论坛id | |
2 | display | smallint | 5 | 0 | N | N | 100 | 排序 |
3 | user_id | mediumint | 8 | 0 | N | N | 0 | 用户ID |
4 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
5 | praise_len | int | 10 | 0 | Y | N | 0 | 点赞数 |
6 | hits | int | 10 | 0 | N | N | 0 | 访问数 |
7 | title | varchar | 125 | 0 | N | N | 标题 | |
8 | keywords | varchar | 125 | 0 | Y | N | 关键词 | |
9 | description | varchar | 255 | 0 | Y | N | 描述 | |
10 | url | varchar | 255 | 0 | Y | N | 来源地址 | |
11 | tag | varchar | 255 | 0 | Y | N | 标签 | |
12 | img | text | 65535 | 0 | Y | N | 封面图 | |
13 | content | longtext | 2147483647 | 0 | Y | N | 正文 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
16 | avatar | varchar | 255 | 0 | Y | N | 发帖人头像: | |
17 | type | varchar | 64 | 0 | N | N | 0 | 论坛分类:[0,1000]用来搜索指定类型的论坛帖 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
3 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
4 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
5 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
6 | icon | varchar | 255 | 0 | Y | N | 分类图标: | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | hits_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | music_classification_id | int | 10 | 0 | N | Y | 音乐分类ID | |
2 | music_genre | varchar | 64 | 0 | Y | N | 音乐类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | music_library_id | int | 10 | 0 | N | Y | 音乐库ID | |
2 | song_name | varchar | 64 | 0 | Y | N | 歌曲名称 | |
3 | singer | varchar | 64 | 0 | Y | N | 歌手姓名 | |
4 | cover | varchar | 255 | 0 | Y | N | 封面 | |
5 | music_genre | varchar | 64 | 0 | Y | N | 音乐类型 | |
6 | audio_frequency | varchar | 255 | 0 | Y | N | 音频 | |
7 | lyric | text | 65535 | 0 | Y | N | 歌词 | |
8 | song_introduction | longtext | 2147483647 | 0 | Y | N | 歌曲介绍 | |
9 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
10 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
11 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
12 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
13 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | notice_id | mediumint | 8 | 0 | N | Y | 公告id: | |
2 | title | varchar | 125 | 0 | N | N | 标题: | |
3 | content | longtext | 2147483647 | 0 | Y | N | 正文: | |
4 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | praise_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | registered_users_id | int | 10 | 0 | N | Y | 注册用户ID | |
2 | name | varchar | 64 | 0 | Y | N | 姓名 | |
3 | gender | varchar | 64 | 0 | Y | N | 性别 | |
4 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | slides_id | int | 10 | 0 | N | Y | 轮播图ID: | |
2 | title | varchar | 64 | 0 | Y | N | 标题: | |
3 | content | varchar | 255 | 0 | Y | N | 内容: | |
4 | url | varchar | 255 | 0 | Y | N | 链接: | |
5 | img | varchar | 255 | 0 | Y | N | 轮播图: | |
6 | hits | int | 10 | 0 | N | N | 0 | 点击量: |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表upload (文件上传)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | upload_id | int | 10 | 0 | N | Y | 上传ID | |
2 | name | varchar | 64 | 0 | Y | N | 文件名 | |
3 | path | varchar | 255 | 0 | Y | N | 访问路径 | |
4 | file | varchar | 255 | 0 | Y | N | 文件路径 | |
5 | display | varchar | 255 | 0 | Y | N | 显示顺序 | |
6 | father_id | int | 10 | 0 | Y | N | 0 | 父级ID |
7 | dir | varchar | 255 | 0 | Y | N | 文件夹 | |
8 | type | varchar | 32 | 0 | Y | N | 文件类型 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | user_id | mediumint | 8 | 0 | N | Y | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
2 | state | smallint | 5 | 0 | N | N | 1 | 账户状态:[0,10](1可用|2异常|3已冻结|4已注销) |
3 | user_group | varchar | 32 | 0 | Y | N | 所在用户组:[0,32767]决定用户身份和权限 | |
4 | login_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 上次登录时间: |
5 | phone | varchar | 11 | 0 | Y | N | 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时 | |
6 | phone_state | smallint | 5 | 0 | N | N | 0 | 手机认证:[0,1](0未认证|1审核中|2已认证) |
7 | username | varchar | 16 | 0 | N | N | 用户名:[0,16]用户登录时所用的账户名称 | |
8 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
9 | password | varchar | 64 | 0 | N | N | 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成 | |
10 | | varchar | 64 | 0 | Y | N | 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时 | |
11 | email_state | smallint | 5 | 0 | N | N | 0 | 邮箱认证:[0,1](0未认证|1审核中|2已认证) |
12 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
13 | open_id | varchar | 255 | 0 | Y | N | 针对获取用户信息字段 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | vip_level | varchar | 255 | 0 | Y | N | 会员等级 | |
16 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 会员折扣 |
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | group_id | mediumint | 8 | 0 | N | Y | 用户组ID:[0,8388607] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
3 | name | varchar | 16 | 0 | N | N | 名称:[0,16] | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该用户组的特点或权限范围 | |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
整个基于微信小程序的轻松音乐的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 基于微信小程序的轻松音乐详细设计与实现
基于微信小程序的轻松音乐的详细设计与实现主要是根据前面的基于微信小程序的轻松音乐的需求分析和基于微信小程序的轻松音乐的总体设计来设计页面并实现业务逻辑。主要从基于微信小程序的轻松音乐界面实现、业务逻辑实现这两部分进行介绍。
当进入基于微信小程序的轻松音乐的时候,系统以上中下的布局进行展示,首先映入眼帘的是系统的导航栏,下面是轮播图,再往下是音乐库、音乐咨讯、音乐交流和我的等内容,其主界面展示如下图4-1所示。
图4-1 前台首页界面图
基于微信小程序的轻松音乐的游客和时可以进行注册登录,当用户右上角“注册”按钮的时候,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。
图4-2注册界面图
注册关键代码如下:
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));
query.put("username",user.getUsername());
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
基于微信小程序的轻松音乐中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到基于微信小程序的轻松音乐的首页中;否则将会提示相应错误信息,用户登录界面如下图4-3所示。
图4-3用户登录界面图
所有的用户都可以通过网页进入到基于微信小程序的轻松音乐中对信息进行查看,但是要实现预定、购票、点赞、收藏、评论的话,就不是所有人都能操作的,必须成为基于微信小程序的轻松音乐的用户,注册登录的流程图如下图4-4所示。
图4-4注册登录流程图
登录的逻辑代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
音乐库:用户点击可通过搜索歌曲名称进行查看音乐库列表,同时可进行播放音乐、点赞、收藏和评论操作。界面如下图4-5 所示。
图4-5音乐库界面图
音乐交流:用户点击可查看音乐交流列表,进行点赞、收藏和评论;同时可点击“发布内容”按钮,上传封面图,输入标题,选择分类,输入标签和正文,点击“发表内容”按钮进行发布交流内容。界面如下图4-5所示。
图4-6音乐交流界面图
管理员点击“用户管理”这一菜单会显示管理员和注册用户这两个子菜单,管理员可以对这两个角色的信息进行增删改查操作。界面如下图所示。
图4-7用户管理界面图
用户管理关键代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
音乐库管理:管理员点击可查看音乐库列表和音乐库添加;点击“音乐库添加”,输入歌曲名称、歌手姓名,上传封面图片,选择音乐类型,上传音频,输入歌词和歌曲介绍,点击“提交”按钮进行添加。界面如下图所示。
图4-8音乐库管理界面图
系统管理:当管理员点击“系统管理”时,可查看轮播图; 如需添加新的轮播图,点击右侧“添加”按钮,上传图片,输入标题,点击“确认”按钮进行添加;同时可对轮播图进行增删改查。界面如下图所示。
图4-9系统管理界面图
资源管理:管理员点击可查看音乐咨讯和咨讯分类;如需添加新的咨讯,点击“新增”按钮,上传封面图,输入标题,选择分类,输入标签、描述和正文,点击“确认”按钮进行添加。同时可对咨讯进行增删改查。界面如下图所示。
图4-10 资源管理界面图
交流管理:管理员点击可查看阴雨额交流和交流分类;点击“交流分类”,输入类型名称和描述,点击“提交”按钮进行添加交流分类;同时可对交流信息进行增删改查。界面如下图所示。
图4-11 交流管理界面图
5系统测试
系统测试包括:用户登录功能测试、音乐交流展示功能测试、音乐库添加、音乐咨讯搜索、密码修改,如表5-1、5-2、5-3、5-4、5-5所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
音乐交流看功能测试:
表5-2 音乐交流查看功能测试表
用例名称 | 音乐交流查看 |
目的 | 测试音乐交流查看功能 |
前提 | 用户登录 |
测试流程 | 点击音乐交流 |
预期结果 | 可以查看到所有音乐交流信息 |
实际结果 | 实际结果与预期结果一致 |
添加音乐库界面测试:
表5-3 添加音乐库界面测试表
用例名称 | 添加音乐库测试用例 |
目的 | 测试音乐库添加功能 |
前提 | 管理员正常登录情况下 |
测试流程 | 1)点击音乐库管理,然后点击音乐库添加后并填写信息。 2)点击进行提交。 |
预期结果 | 提交以后,页面首页会显示新的音乐库信息 |
实际结果 | 实际结果与预期结果一致 |
音乐咨讯搜索功能测试:
表5-4音乐咨讯搜索功能测试表
用例名称 | 音乐咨讯搜索测试 |
目的 | 测试音乐咨讯搜索功能 |
前提 | 无 |
测试流程 | 1)在搜索框填入搜索关键字。 2)点击搜索按钮。 |
预期结果 | 页面显示包含有搜索关键字的音乐咨讯 |
实际结果 | 实际结果与预期结果一致 |
密码修改搜索功能测试:
表5-5 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写基于微信小程序的轻松音乐的测试用例,已经检测完毕用户登录模块、音乐交流展示模块、音乐库添加模块、音乐咨讯搜索模块、密码修改模块功能测试,通过这5大模块为基于微信小程序的轻松音乐的后期推广运营提供了强力的技术支撑。
本文描述了基于微信小程序的轻松音乐设计与实现的原理和开发过程,该系统是通过springboot框架来搭建后台,中间件使用的是Tomcat服务器,数据库管理平台采用开源的Mysql,前台使用的是JQuery框架,同时使用Validate校验框架,这样就可以减少前端代码的输入量,而且基于JQuery框架的Validat框架使用简单,是流行的前端使用框架,前端使用的主要是Java页面展示技术。
在开发前做了许多的准备,在本系统的设计和开发过程中阅览和学习了许多文献资料,从开发这个基于微信小程序的轻松音乐的过程中我也收获了许许多多宝贵的方法以及设计思路,对系统的开发也起到了很重要的作用,系统的开发技术选用的都是自己比较熟悉的,比如Web、springboot、MYSQL,这些技术都是在以前的学习中学到了,其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验,其实对于我们来说工作量还是比较大的,但是正是由于之前的积累与准备,才能顺利的完成这个项目,由此看来,积累经验跟做好准备是十分重要的事情。
当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助,正是因为他们的指导与帮助,我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西,此系统也有需要改进的地方,但是由于专业知识的浅薄,并不能做到十分完美,希望以后有机会可以让其真正的投入到使用之中。
[1]刘丹,董明华,刘正.基于鸿蒙系统的分布式音乐播放器设计与实现[J].安徽电子信息职业技术学院学报,2023,22(04):15-19.
[2]李昊,杜洋,蔡依婷等.基于ESP32-S3和Micropython的音乐播放器开发[J].电脑编程技巧与维护,2023(06):158-160+163.DOI:10.16184/j.cnki.comprg.2023.06.039.
[3]王鼎文. 新古典主义风格下的UI界面应用研究[D].武汉纺织大学,2023.DOI:10.27698/d.cnki.gwhxj.2023.000091.
[4]王瑜.基于Arduino的音乐播放器设计[J].电子设计工程,2022,30(20):161-165.DOI:10.14022/j.issn1674-6236.2022.20.032.
[5]闫怡霏. 基于用户体验的移动端音乐类UI设计研究[D].鲁迅美术学院,2023.DOI:10.27217/d.cnki.glxmc.2022.000112.
[6]王洪钦,李素芬,吴倩.基于FPGA的无源蜂鸣器音乐播放器的设计与实现[J].内江科技,2022,43(04):42-43.
[7]张皎,金印彬,孙敏.以“项目引导实验”理念下的数字电子技术实验课程教学改革浅谈——以FPGA音乐播放器设计为例[J].电子质量,2022(01):107-111.
[8]本刊记者.典范杰作的回响 Naim Audio(名)NDX 2流媒体音乐播放器[J].家庭影院技术,2022(01):109.
[9]林陈佑康,王风硕.基于Web的音乐播放器前端的设计与实现[J].电脑知识与技术,2021,17(36):89-91.DOI:10.14004/j.cnki.ckt.2021.3526.
[10]马杰瑞,王风硕.基于web的音乐播放器后端的设计与实现[J].电脑知识与技术,2021,17(35):72-74.DOI:10.14004/j.cnki.ckt.2021.3491.
[11]贺钊. 基于Android的音乐播放器设计与实现[D].南京大学,2022.DOI:10.27235/d.cnki.gnjiu.2021.001388.
[12]张皎,黄欣,朱雯丽.基于MSP430 Launchpad的音乐播放器[J].电子元器件与信息技术,2021,5(03):55-57+70.DOI:10.19772/j.cnki.2096-4455.2021.3.027.
[13]邓俊豪.Android本地音乐播放器的设计与实现[J].福建电脑,2021,37(03):89-91.DOI:10.16707/j.cnki.fjpc.2021.03.028.
[14]陆瑜辉,冯辰贤,郑耀辉等.智能音乐播放器随心听APP的开发设计[J].内蒙古煤炭经济,2020(23):174-175.DOI:10.13487/j.cnki.imce.018985.
[15]杨国军.基于Android平台的音乐播放器[J].软件,2020,41(11):185-187.
[16]余安乾,陈伯亨.基于MFC的音乐播放器的实现[J].电脑知识与技术,2020,16(30):80-81.DOI:10.14004/j.cnki.ckt.2020.3078.
[17]蒋文娟,苏喜红,孟丽珍.基于微信小程序的音乐播放器研究与实现[J].软件导刊,2020,19(06):141-145.
[18]倪璐.基于Android与JAVA的音乐在线分类管理与播放系统研究[J].自动化技术与应用,2020,39(02):45-47+51.
[19]B. C . [J]. Journal of Critical Reviews,2020,7(10).
[20]来学伟.基于移动端的音乐播放器的设计与开发[J].电脑编程技巧与维护,2019(11):59-60.DOI:10.16184/j.cnki.comprg.2019.11.019.
逝者如斯夫,不舍昼夜。转眼间,大学生活便已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?
感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。
少年,追风赶月莫停留,平芜尽处是春山。
免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~