SSM+微信小程序网易云音乐设计与实现 毕业设计-附源码261620
基于SSM微信小程序的网易云音乐
摘 要
微信小程序的网易云音乐系统的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与微信小程序的网易云音乐系统管理的实际需求相结合,讨论了基于微信小程序的网易云音乐系统管理的使用。
Netease cloud music based on SSM wechat applet
Abstract
Key words: Netease cloud music system of wechat applet; JAVA
目 录
基于SSM微信小程序的网易云音乐
摘 要
Netease cloud music based on SSM wechat applet
Abstract
第一章 绪 论
1.1选题背景
1.2研究现状
1.3研究内容
第二章 开发工具及关键技术介绍
2.1微信开发者工具
2.2小程序框架以及目录结构介绍
2.3 JAVA技术
2.4 Mysql数据库
2.5 SSM框架介绍
第三章 系统分析
3.1需求分析
3.2可行性分析
3.2.1技术可行性:技术背景
3.2.2经济可行性
3.2.3操作可行性:
3.3性能分析
3.4系统操作流程
3.4.1用户登录流程
3.4.2信息添加流程
3.4.3信息删除流程
第四章 系统设计与实现
4.1系统架构设计
4.2开发流程设计
4.3数据库设计
4.3.1实体ER图
4.3.2数据表
第五章 系统实现
5.1用户前台功能模块(前端)
5.2管理员功能模块(后端)
第六章 系统的测试
6.1 测试目的
6.2 测试方案设计
6.2.1 测试策略
6.2.2 测试分析
6.3 测试结果
结 论
参考文献
致 谢
第一章 绪 论
1.1选题背景
随着网络时代的到来,互联网的优势和普及时刻影响并改变着人们的生活方式。在信息技术迅速发展的今天,计算机技术已经遍及全球,使社会发生了巨大的变革。
为了不受时间和地点的限制,智能手机用户可以通过移动网络访问网站和处理各种业务和互联网,这是一个有效的将应用系统的功能扩展到手机终端的方法。现今各种智能手机层出不穷,各类基于手机平台的软件应运而生,其中,在众多交流软件中,微信备受人们青睐。近年来,微信发展规模越来越大,越来越多的人开始使用微信,目前随着智能手机系统的普及,人人手机上基本都有了微信。
所以,微信推出小程序广告支持公众号关注,而这就意味着小程序跟公众号之间的通道被彻底打通了。本论文微信小程序的网易云音乐系统主要牵扯到的程序,数据库与计算机技术等。覆盖知识面大,可以大大的提高系统人员工作效率。
1.2研究现状
随着社会的发展和科学技术的进步,互联网技术越来越受欢迎。网络传播的生活方式逐渐受到广大人民群众的喜爱。越来越多的互联网爱好者开始在互联网上满足他们的基本需求,同时逐渐进入各个用户的生活起居。互联网具有许多优点,例如便利性,速度,高效率和低成本。因此,类似于微信小程序的网易云音乐系统,满足用户工作繁忙的需求,不仅是方便用户随时查看信息的途径,而且还能提高管理效率。
本文首先以微信小程序的网易云音乐系统过程的基本问题作为研究对象。在开发系统之前,我们对现有状况进行了详细的调查和分析。最后,我们利用计算机技术开发了一套完整合适的微信小程序的网易云音乐系统。该系统的实现主要优势是:该系统主要采用计算机技术开发,它方便快捷;系统可以通过管理员界面查看用户的所有信息管理。
微信小程序的网易云音乐系统管理系统软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用,系统的开发与人们的日常需求相关,作为中国主流智能的技术开发系统,自然需要这样的软件来满足更多用户的需求和体验。
1.3研究内容
微信小程序的网易云音乐系统的开发及实现,所需要的工作内容:
(1)首先是确定选题,确定好所要做的系统,并对系统的背景及现在面临的一些问题等进行系统的初步确认。
(2)系统确认完成后,结合系统开发的需求进行确认系统开发所使用的技术,本微信小程序的网易云音乐系统的开发使用JAVA技术,数据库进行平台的搭建开发,确认好使用的技术进行技术分析,所使用的技术是否可以完成微信小程序的网易云音乐系统的实现。
(3)确定好系统使用的技术,进行在线确认系统所划分的用户角色,并且根据用户角色划分确定所要设计的功能模块,对于微信小程序的网易云音乐系统系统的设计主要划分别为管理员和用户角色,并所使用的功能模块也相应不同,但是系统的数据库实现的内容是交互的,用户可以随时根据自己的需求进行课程信息,对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作,管理员获取到所有用户的详细数据信息,并根据需求进行第一时间处理解决。
(4)系统的功能模块确认完成后进行程序及界面的设计,设计完成后,并且通过测试来判断程序是否完善,对于系统测试,需要不同的用户进行不同的内容编辑及提交,及使用不同的测试方式找出程序中存在的漏洞,并对程序出现的漏洞问题进行在线解决处理,如果测试系统没有任何问题时,可以将系统上传进行正式操作使用。
2.1微信开发者工具
微信开发者工具现在已经被小程序开发团队开发运行,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。
机型选择:小程序以智能手机的屏幕尺寸为设计标准,进行切图。
预览界面:写好视图布局后点击编译,用来刷新视图界面。
控制台:方便调试打印输出信息。
上传代码:上传到腾讯服务器,提交审核必经步骤。上传代码时可以填写版本号和备注信息。
资源文件:一般可以在资源文件进行对应项目的文件目录的断点调试。
显示远程调试:手机端和PC端开发工具联调对用户而言是非常实用的。
本地数据存储:显示的是本地存储的数据。
视图调试:标组件以子父层级结构呈现,方便调试。
微信限制在2M 以内的代码体积;开发中一般不校验合法域名信息;小程序后台要做配置服务器域名。
以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善。
2.2小程序框架以及目录结构介绍
2.3 JAVA技术
Java主要采用CORBA技术和安全模型,可以在互联网应用的数据保护。它还提供了对EJB(Enterprise JavaBeans)的全面支持,java servlet API,SSM(java server pages),和XML技术。
JAVA语言功能:
面向对象:面向对象是Java编程语言的标志之一,是一种软件开发方法。最重要的是将所有东西变成对象,然后以某种方式编程。编程时,代码和数据写在每个对象上。 面向对象编程方法的出现使得人们在编程过程中的设计思考和操作变得非常简单,同时也提高了程序的安全性。
跨平台:Java流行的一个关键特性是它的跨平台特性,这使得用Java编程变得容易。您可以用Java编写程序并在其他地方运行它,而无需在编译后更改它。
垃圾回收机制:用来将那些在程序不操作时无用的对象所占用的内存空间释放掉,C ++最被人厌恶的就是因为其不能将在编程的过程中所占用的内存空间进行及时的释放,导致随着编程时间的变长所占用的内存空间越来越多。对于一些编程高手而言,他们会在刚开始编程的时候配置一块内存地址放在堆栈上,然后在不需要的时候会对其进行释放,而一些新手和菜鸟在很多的时候会忘记删除这个内存地址,从而导致程序在运行的过程中会变得十分的不稳定,最终有可能会导致程序崩溃。所以很多C ++的高手在编写程序时往往都会将删除后的指针的值设置为NULL,然后在删除之前确定一个指针的值是否为NULL。
2.4 Mysql数据库
数据库是系统开发过程中不可或缺的一部分。 在WEB应用方面,MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中,这非常灵活,并且还可以提高系统在实际应用中的速度。 数据库访问最常用于标准SQL语言,MySQL用于SQL语言,因此它具有高度兼容性。数据库的操作是必不可少的,包括对数据库表的增加、删除、修改、查询等功能。现如今,数据库可以分为关系型数据库和非关系型数据库,Mysql属于关系性数据库,Mysql数据库是一款小型的关系型数据库,它以其自身特点:体积小、速度快、成本低等,Mysql数据库是目前最受欢迎的开源数据库。
在WEB应用技术中, Mysql数据库支持不同的操作系统平台,虽然在不同平台下的安装和配置都不相同,但是差别也不是很大,Mysql在Windows平台下两种安装方式,二进制版和免安装版。安装完Mysql数据库之后,需要启动服务进程,相应的客户端就可以连接数据库,客户端可通过命令行或者图形界面工具登录数据库。
2.5 SSM框架介绍
SSM(Spring+SpringMVC+MyBatis)框架集由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容)。常作为数据源较简单的web项目的框架。
Spring
Spring就像是整个项目中装配bean的大工厂,在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。
Spring的核心思想是IoC(控制反转),即不再需要程序员去显式地`new`一个对象,而是让Spring框架帮你来完成这一切。
SpringMVC
SpringMVC在项目中拦截用户请求,它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责,将用户请求通过HandlerMapping去匹配Controller,Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。
mybatis
mybatis是对jdbc的封装,它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件,Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时,通过sqlSessionFactory拿到一个sqlSession,再执行sql命令。
页面发送请求给控制器,控制器调用业务层处理逻辑,逻辑层向持久层发送请求,持久层与数据库交互,后将结果返回给业务层,业务层将处理逻辑发送给控制器,控制器再调用视图展现数据。
第三章 系统分析
3.1需求分析
任何一个项目在开发研究前,都需要对研发系统本身的需求做一个认真的分析,市场的调研是不可忽视的,从实际场景中确定使用人员的功能需求,从而明确目标,对整个系统的开发有一个更加准确的定位,在这个章节,需要对系统的性能分析,业务流程分析,和数据等进行分析,微信小程序的网易云音乐系统的整体界面简单,功能完善。
需求的可行性是分析和讨论发达的系统能达到什么样的要求。开发的系统平台是否符合之前的要求。只有在预先评估系统的开发中,才能在系统开发和实施之前完成需求。如果您不具备开发一个功能不合格的系统的可行性,那就是开发失败。开发系统是否有用,可以完成之前讨论过的需求,以下分析了微信小程序的网易云音乐系统的实际需求。
系统设计需要从用户和管理员的实际需求开始,以了解他们需要实施哪些功能以及他们可以包括哪些管理工作。
考虑到微信小程序的网易云音乐系统系统设计的特点,应满足几个要求:
(1)它可以通过网络开展微信小程序的网易云音乐系统信息管理工作,促进对微信小程序的网易云音乐系统信息管理。
(2)学习方法变得更加多样化,管理更加标准化;
(3)它提供了一个免费的渠道,以确保数据的实时有效沟通。
3.2可行性分析
3.2.1技术可行性:技术背景
微信小程序的网易云音乐系统采用了JAVA技术,开发了功能完备、使用简单的前端应用程序,并建立、维护了一个数据完整、安全、稳定性强的后台数据库系统。
3.2.2经济可行性
使用JAVA技术是比较成熟的技术,所以微信小程序的网易云音乐系统的开发在经济上是没有问题的。
3.2.3操作可行性:
3.3性能分析
对于性能分析,与传统的管理方式相比,传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理,并且这种方式对于存储和查找某一数据信息都比较麻烦,随着计算机网络的到来,这种传统的方法很难适应当下社会的发展,不仅降低人们的办事效率,而且还需要很多的人力和物力,对于使用的时间和所要花费的费用都是比较高的,为了降低成本费用,提高用户的工作效率,进行开发一套基于计算机和网络技术的微信小程序的网易云音乐系统。
微信小程序的网易云音乐系统的开发设计时一个独立的系统,以流行数据库进行数据的存储开发,主要是为了实现微信小程序的网易云音乐系统的用户角色及相对应的功能模块,让微信小程序的网易云音乐系统的管理不会存在管理差异、低效率,而是跟传统的管理信息恰好相反,微信小程序的网易云音乐系统的实现可以节约资源,并且对于业务的处理速度也提高,速度快、效率高,功能性强大。
3.4系统操作流程
3.4.1用户登录流程
3.4.2信息添加流程
3.4.3信息删除流程
第四章 系统设计与实现
4.1系统架构设计
微信小程序的网易云音乐系统的系统项目的概述设计分析,主要内容有学习平台的具体分析,进行数据库的是设计,数据采用mysql数据库,并且对于系统的设计采用比较人性化的操作设计,对于系统出现的错误信息可以及时做出处理及反馈。
基于微信小程序的网易云音乐系统基于现有的手机,可以实现管理员,首页、站点管理(轮播图、公告栏)用户管理(管理员、普通用户)内容管理(音乐资讯、资讯分类)更多管理(音乐库、歌单分类、云音乐热歌榜)等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图:
图4-1管理员功能模块图
4.2开发流程设计
微信小程序的网易云音乐系统的开发对管理模块和系统使用的数据库进行分析,编写代开发,规划和操作是构建信息管理应用程序的必要三步曲,它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中,每个阶段必须严格按照线性顺序进行开发,并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的,不会造成下一阶段拖拽现象,使系统完成设计功能后得到保证。
从微信小程序的网易云音乐系统的成功开发经验来看,上述方法效果最为明显,最大程度地降低了系统开发的复杂性。如图4-2所示。
图4-2开发系统流程图
4.3数据库设计
数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。
4.3.1实体ER图
数据库是整个软件编程中最重要的一个步骤,对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理,进行保证数据的安全性、稳定性等。
这些功能可以充分满足微信小程序的网易云音乐系统的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。
4.3.2数据表
我们可以根据数据结构的详细分析要求,我们根据输入和输出数据量的要求进行分析,确定什么表表,结构之间的关系,我们可以验证,调整和完善,查询和浏览过程,可以实现数据库,以使用户对数据和功能有更多要求。
基于系统使用的数据库管理系统的特点,对数据库的概念模型进行了转换和构建。但是,这个系统只需要充分考虑微信小程序的网易云音乐系统的功能,而且组织比较清晰。
cloud_music_hot_song_list |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
cloud_music_hot_song_list_id |
int |
11 |
否 |
主键 |
云音乐热歌榜ID |
song_title |
varchar |
64 |
是 |
歌名 |
|
singer |
varchar |
64 |
是 |
歌手 |
|
cover |
varchar |
255 |
是 |
封面 |
|
album |
varchar |
64 |
是 |
专辑 |
|
song_introduction |
varchar |
64 |
是 |
歌曲介绍 |
|
audio_frequency |
varchar |
255 |
是 |
音频 |
|
download |
varchar |
255 |
是 |
下载 |
|
song_list |
varchar |
64 |
是 |
所属歌单 |
|
hits |
int |
11 |
否 |
点击数 |
|
praise_len |
int |
11 |
否 |
点赞数 |
|
recommend |
int |
11 |
否 |
智能推荐 |
|
create_time |
datetime |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
collect |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
collect_id |
int |
10 |
否 |
主键 |
收藏ID |
user_id |
int |
10 |
否 |
收藏人ID |
|
source_table |
varchar |
255 |
是 |
来源表 |
|
source_field |
varchar |
255 |
是 |
来源字段 |
|
source_id |
int |
10 |
否 |
来源ID |
|
title |
varchar |
255 |
是 |
标题 |
|
img |
varchar |
255 |
是 |
封面 |
|
create_time |
timestamp |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
comment |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
comment_id |
int |
11 |
否 |
主键 |
评论ID |
user_id |
int |
11 |
否 |
评论人ID |
|
reply_to_id |
int |
11 |
否 |
回复评论ID空为0 |
|
content |
longtext |
0 |
是 |
内容 |
|
nickname |
varchar |
255 |
是 |
昵称 |
|
avatar |
varchar |
255 |
是 |
头像地址[0,255] |
|
create_time |
timestamp |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
source_table |
varchar |
255 |
是 |
来源表 |
|
source_field |
varchar |
255 |
是 |
来源字段 |
|
source_id |
int |
10 |
否 |
来源ID |
|
music_library |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
music_library_id |
int |
11 |
否 |
主键 |
音乐库ID |
song_title |
varchar |
64 |
是 |
歌名 |
|
singer |
varchar |
64 |
是 |
歌手 |
|
cover |
varchar |
255 |
是 |
封面 |
|
album |
varchar |
64 |
是 |
专辑 |
|
song_introduction |
varchar |
64 |
是 |
歌曲介绍 |
|
audio_frequency |
varchar |
255 |
是 |
音频 |
|
download |
varchar |
255 |
是 |
下载 |
|
song_list |
varchar |
64 |
是 |
所属歌单 |
|
hits |
int |
11 |
否 |
点击数 |
|
praise_len |
int |
11 |
否 |
点赞数 |
|
recommend |
int |
11 |
否 |
智能推荐 |
|
create_time |
datetime |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
notice |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
notice_id |
mediumint |
8 |
否 |
主键 |
公告id |
title |
varchar |
125 |
否 |
标题 |
|
content |
longtext |
0 |
是 |
正文 |
|
create_time |
timestamp |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
ordinary_users |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
ordinary_users_id |
int |
11 |
否 |
主键 |
普通用户ID |
user_number |
varchar |
64 |
是 |
用户编号 |
|
user_name |
varchar |
64 |
是 |
用户姓名 |
|
gender |
varchar |
64 |
是 |
性别 |
|
age |
varchar |
64 |
是 |
年龄 |
|
examine_state |
varchar |
16 |
否 |
审核状态 |
|
recommend |
int |
11 |
否 |
智能推荐 |
|
user_id |
int |
11 |
否 |
用户ID |
|
create_time |
datetime |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
slides |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
slides_id |
int |
10 |
否 |
主键 |
轮播图ID |
title |
varchar |
64 |
是 |
标题 |
|
content |
varchar |
255 |
是 |
内容 |
|
url |
varchar |
255 |
是 |
链接 |
|
img |
varchar |
255 |
是 |
轮播图 |
|
hits |
int |
10 |
否 |
点击量 |
|
create_time |
timestamp |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
|
song_list_classification |
|||||
字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
song_list_classification_id |
int |
11 |
否 |
主键 |
歌单分类ID |
song_list |
varchar |
64 |
是 |
所属歌单 |
|
recommend |
int |
11 |
否 |
智能推荐 |
|
create_time |
datetime |
0 |
否 |
创建时间 |
|
update_time |
timestamp |
0 |
否 |
更新时间 |
第五章 系统实现
5.1用户前台功能模块(前端)
微信小程序的网易云音乐系统登录界面,通过填写账号、密码、等信息进行登录,如图5-1所示。
图5-1登录界面图
登录代码如下:
@Slf4j
public class LoginInterceptor implements HandlerInterceptor {
private String tokenName = "x-auth-token";
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
String token = request.getHeader(this.tokenName);
setHeader(request, response);
log.info("[请求接口] - {} , [请求类型] - {}",request.getRequestURL().toString(),request.getMethod());
if (request.getRequestURL().toString().contains("/api/user/login")){
return true;
}
else if (request.getRequestURL().toString().contains("/api/user/state")){
return true;
}
else if (request.getRequestURL().toString().contains("/api/user/register")){
return true;
}
if (token == null || "".equals(token)){
if ("POST".equals(request.getMethod())){
return false;
}else {
return true;
}
}else {
return true;
}
}
private void setHeader(HttpServletRequest request, HttpServletResponse response) {
//跨域的header设置
response.setHeader("Access-control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Headers", request.getHeader("Access-Control-Request-Headers"));
response.setHeader("Access-Control-Max-Age", "1800");
//防止乱码,适用于传输JSON数据
response.setHeader("Content-Type", "application/json;charset=UTF-8");
response.setStatus
注册,通过填写账号、密码、昵称、手机、、邮箱、简介等信息,输入完成后选择提交即可注册成功,如图5-2所示。
图5-2注册界面图
注册代码如下:
/**
* 注册
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(HttpServletRequest request) throws IOException {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = service.readBody(request.getReader());
query.put("username",String.valueOf(map.get("username")));
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);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
E entity = JSON.parseObject(JSON.toJSONString(body),eClass);
baseMapper.insert(entity);
log.info("[{}] - 插入操作:{}",entity);
}
首页,可以进行首页、音乐资讯、我的(音乐库、云音乐热歌榜)等功能模块的查看与操作,如图5-3所示。
图5-3系统首页界面图
首页代码如下:
public Map<String, Object> success(Object o) {
Map<String, Object> map = new HashMap<>();
if (o == null) {
map.put("result", null);
return map;
}
if (o instanceof List) {
if (((List) o).size() == 1) {
o = ((List) o).get(0);
map.put("result", o);
}else {
String jsonString = JSONObject.toJSONString(o);
JSONArray objects = service.covertArray(JSONObject.parseArray(jsonString));
map.put("result", objects);
}
} else if (o instanceof Integer || o instanceof String) {
map.put("result", o);
} else {
String jsonString = JSONObject.toJSONString(o);
JSONObject jsonObject = JSONObject.parseObject(jsonString);
JSONObject j = service.covertObject(jsonObject);
map.put("result", j);
}
return map;
}
公告列表列表页面可以查看展示的公告详情等信息,并可通过关键词搜索公告,并对公告点赞、评论、收藏等操作。如图5-4所示。
图5-4公告列表界面图
公告列表代码如下:
@PostMapping("/upload")
public Map<String, Object> upload(@RequestParam(value = "file",required=false) MultipartFile file,HttpServletRequest request) {
log.info("进入方法");
if (file.isEmpty()) {
return error(30000, "没有选择文件");
}
try {
//判断有没路径,没有则创建
String filePath = request.getSession().getServletContext().getRealPath("\\") +"upload\\";
// String filePath = System.getProperty("user.dir") + "\\target\\classes\\static\\upload\\";
File targetDir = new File(filePath);
if (!targetDir.exists() && !targetDir.isDirectory()) {
if (targetDir.mkdirs()) {
log.info("创建目录成功");
} else {
log.error("创建目录失败");
}
}
// String path = ResourceUtils.getURL("classpath:").getPath() + "static/upload/";
// String filePath = path.replace('/', '\\').substring(1, path.length());
String fileName = file.getOriginalFilename();
int lastIndexOf = fileName.lastIndexOf(".");
//获取文件的后缀名 .jpg
String suffix = fileName.substring(lastIndexOf);
fileName = IdWorker.getId()+suffix;
File dest = new File(filePath + fileName);
log.info("文件路径:{}", dest.getPath());
log.info("文件名:{}", dest.getName());
file.transferTo(dest);
JSONObject jsonObject = new JSONObject();
jsonObject.put("url", "/api/upload/" + fileName);
return success(jsonObject);
} catch (IOException e) {
log.info("上传失败:{}", e.getMessage());
}
return error(30000, "上传失败");
}
我的,在我的页面可以查看图像、昵称、并可对个人信息进行修改,如图5-5所示。
图5-5我的界面图
5.2管理员功能模块(后端)
轮播图展示,管理员通过输入标题、内容、链接、轮播图、点击量等操作提交,如图5-6所示。
图5-6轮播图界图面
轮播图代码如下:
@RequestMapping("/get_obj")
public Map<String, Object> obj(HttpServletRequest request) {
List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("obj",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
在管理员功能页面可以首页、站点管理(轮播图、公告栏)用户管理(管理员、普通用户)内容管理(音乐资讯、资讯分类)更多管理(音乐、歌单分类、云音乐热歌榜)等内容进行相对应操作,如图5-7所示。
图5-7管理员功能界面图
管理员功能代码如下:
public Map<String, Object> success(Object o) {
Map<String, Object> map = new HashMap<>();
if (o == null) {
map.put("result", null);
return map;
}
if (o instanceof List) {
if (((List) o).size() == 1) {
o = ((List) o).get(0);
map.put("result", o);
}else {
String jsonString = JSONObject.toJSONString(o);
JSONArray objects = service.covertArray(JSONObject.parseArray(jsonString));
map.put("result", objects);
}
} else if (o instanceof Integer || o instanceof String) {
map.put("result", o);
} else {
String jsonString = JSONObject.toJSONString(o);
JSONObject jsonObject = JSONObject.parseObject(jsonString);
JSONObject j = service.covertObject(jsonObject);
map.put("result", j);
}
return map;
}
用户管理,在用户管理页面可以编辑用户昵称、用户名、姓名、性别、等内容,并可根据需要进行修改或删除操作,如图5-8所示。
图5-8用户管理界面图
用户管理代码如下:
/**
* 用户组:用于用户前端身份和鉴权(UserGroup)表实体类
*
* @author xxx
*@since 202X-XX-XX
*/
@TableName("user_group")
@Data
@EqualsAndHashCode(callSuper = false)
public class UserGroup implements Serializable {
private static final long serialVersionUID = 968356951391304707L;
/**
* 用户组ID:[0,8388607]
*/
@TableId(value = "group_id", type = IdType.AUTO)
private Integer groupId;
/**
* 显示顺序:[0,1000]
*/
@TableField(value = "display")
private Integer display;
/**
* 名称:[0,16]
*/
@TableField(value = "name")
private String name;
/**
* 描述:[0,255]描述该用户组的特点或权限范围
*/
@TableField(value = "description")
private String description;
/**
* 来源表:
*/
@TableField(value = "source_table")
private String sourceTable;
/**
* 来源字段:
*/
@TableField(value = "source_field")
private String sourceField;
/**
* 注册位置:
*/
@TableField(value = "register")
private String register;
/**
* 创建时间:
*/
@TableField(value = "create_time")
private Timestamp createTime;
/**
* 更新时间:
*/
@TableField(value = "update_time")
private Timestamp updateTime;
}
/**
* 所在用户组:[0,32767]决定用户身份和权限
*/
@TableField(value = "user_group")
private String userGroup;
/**
* 用户组:用于用户前端身份和鉴权(UserGroup)表控制层
*
*/
@RestController
@RequestMapping("user_group")
public class UserGroupController extends BaseController<UserGroup, UserGroupService> {
/**
* 服务对象
*/
@Autowired
public UserGroupController(UserGroupService service) {
setService(service);
}
}
音乐资讯,在音乐资讯页面可以查看标题、封面图、分类、标签等内容,并可根据需要进行修改或删除操作,如图5-9所示。
图5-9音乐资讯界面图
音乐资讯代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
Map<String,Object> paramMap = service.readBody(request.getReader());
this.addMap(paramMap);
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
音乐库,在音乐库页面可以查看歌名、歌手、封面、专辑、歌曲介绍、音频、下载、所属歌单等内容,并可根据需要进行修改或删除操作,如图5-10所示。
图5-10音乐库展示界面图
音乐库代码如下:
public List selectBaseList(String select) {
List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);
List<E> list = new ArrayList<>();
for (Map<String,Object> map:mapList) {
list.add(JSON.parseObject(JSON.toJSONString(map),eClass));
}
return list;
}
第六章 系统的测试
6.1 测试目的
程序设计不能保证没有错误,这是一个开发过程,在错误或错误的过程中难以避免,这是不可避免的,但我们不能使这些错误始终存在于系统中,错误可能会造成无法估量的后果 如系统崩溃,安全信息,系统无法正常启动,导致安装用户手机屏幕等,为了避免这些问题,我们需要测试程序,并发现这些问题,并纠正它们 ,并使系统更长时间稳定成熟,本章的作用是发现这些问题,并对其进行修改,虽然耗时费力,但长期非常重要和必要 系统的开发。
软件测试与开发过程是一样的,都必须按照软件工程的正规原理进行,遵守管理学理论。不过,目前国内的软件测试已经积累了大量经验和方法,步骤相对成熟,软件测试的效率也越来越高。
微信小程序的网易云音乐系统的实现,对于系统中功能模块的实现及操作都必须通过测试进行来评判系统是否可以准确的实现。在微信小程序的网易云音乐系统正式上传使用之前必须做的一步就是系统测试,对于测试发现的错误及时修改处理,保证系统准确无误的供给用户使用。
6.2 测试方案设计
6.2.1 测试策略
从用户的角度来看,测试时不了解新开发软件的内部结构,因此可以将系统与黑匣子进行比较,盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试,在测试中如果输入错误信息系统会报错。
6.2.2 测试分析
测试评估系统质量的方法不局限于系统编码和过程,应该与软件设计工作和历史需求分析密切相关。
(1)软件测试应尽快进行,整个测试部分应在软件开发和设计的整个过程中进行。如发现错误,立即处理,将大大减少软件开发的时间,并提高软件的质量。
(2)在软件的各种测试中,测试过程中使用的计划、报告等应妥善处理和存储。其主要目的是为了便于以后系统的维护。
(4)对于软件测试,我们应该尽量不去和自己设计的系统进行参考,而是要测试对方的程序,以确保软件测试结果的客观性和公平性。
本微信小程序的网易云音乐系统满足用户的要求和需求,本微信小程序的网易云音乐系统的使用能够有效的提高用户的使用率。
6.3 测试结果
测试后得到的性能和用例,系统具有足够的正确性、可靠性、稳定性,并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围,可以兼容所有主流浏览器,设计所需的效果。
结 论
参考文献
[1]耿祥义,张跃平.《JSP实用教程》. 清华大学出版社,2019年5月
[2]Brown等.《JSP编程指南(第二版)》. 电子工业出版社 ,2019年3月
[3]BruceEckel.《Java编程思想》. 机械工业出版社,2019年10月
[4]孙一林,彭波.《Java数据库编程实例》. 清华大学出版社,2018年8月
[5]FLANAGAN.《Java技术手册》. 中国电力出版社,2017年6月
[6] David L.Anderson.Managing Information Systems.清华大学出版社,2018:16
[7]孙卫琴,李洪成.《Tomcat 与 Java Web 开发技术详解》.电子工业出版社,2019年6月
[8]孙涌.《现代软件工程》.北京希望电子出版社,2019年8月
[9](美)额尔曼.(美)威多姆.数据库系统基础教程.清华大学出版社,2019:5
[10]飞思科技产品研发中心.《JSP应用开发详解》.电子工业出版社,2019年9月
[11] 张晓东. MySOL数据库应用系统与实例[M].北京:人民邮电出版社,2018:179
[12] 王家华.软件工程[M],沈阳:东北大学出版社,2018:46.
[13]何渺渺,李腾跃,程付超.高校综合服务平台小程序的设计与实现[J].福建电脑,2021,37(12):91-94.DOI:10.16707/j.cnki.fjpc.2021.12.020.
[14]李伟.基于微信小程序的双屏融合电视产品的思考[J].广播电视网络,2021,28(11):51-52.DOI:10.16045/j.cnki.catvtec.2021.11.013.
[15]柳叶.基于微信小程序的校园导航系统的设计与实现[J].测绘与空间地理信息,2021,44(11):84-86.
[16]张文,方巍,贾雪磊.基于SSM框架的合租系统设计与实现[J].计算机技术与发展,2021,31(11):159-164.
[17]侯佳丽,付丽琴,邢亚英.基于小程序的师生管理系统的设计与实现[J].电子测试,2021(21):85-87.DOI:10.16520/j.cnki.1000-8519.2021.21.029.
[20]蔡进. 面向中小学生的古图书学习系统的设计与实现[D].中央民族大学,2020.DOI:10.27667/d.cnki.gzymu.2020.000229.
致 谢
微信小程序的网易云音乐系统的完成,如何实现的更好,其中付出的努力是很大的,这段时光将会终身难忘。
在此,我还要感谢我的同学们,他们为我的设计提供了许多参考意见,并与我讨论了设计中的问题,从而使我的设计一步一步走向成熟。
点赞+收藏+关注 → 私信领取本源代码、数据库
SSM+微信小程序网易云音乐设计与实现 毕业设计-附源码261620相关推荐
- SSM+mysql+微信小程序网易云音乐设计与实现 毕业设计-附源码261620
基于SSM微信小程序的网易云音乐 摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序 ...
- 微信小程序网易云音乐设计与实现 毕业设计-附源码261620
基于SSM微信小程序的网易云音乐 摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序的 ...
- (附源码 )SSM+mysql+微信小程序网易云音乐设计与实现 毕业设计261620
基于SSM微信小程序的网易云音乐 摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序的 ...
- (附源码)SSM+mysql+微信小程序网易云音乐设计与实现 毕业设计261620
基于SSM微信小程序的网易云音乐 摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微信小程序的 ...
- 微信小程序网易云音乐播放界面
微信小程序网易云 效果图 HTML JS CSS 效果图 HTML <view class="box"><!-- 毛玻璃 --><view class ...
- SSM甜品小屋网上订餐系统的设计与实现毕业设计-附源码151018
摘 要 信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题.针对甜品小屋网上订餐系统等 ...
- 一款仿网易云音乐Java开源系统(附源码)
嗨喽!Java后端编程的各位小伙伴们,由于公众号做了乱序推送改版,为了保证公众号的推文能够第一时间及时送达到大家手上,大家记得将公众号 加星标置顶 ,公众号每天会送上Java技术干货推文 ! 上篇推文 ...
- 微信小程序版博客——开发汇总总结(附源码)
花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果 对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或 ...
- 微信小程序把图片下载到本地相册(附源码)
微信小程序保存网络图片到本地实现流程: 1.把图片下载到本地相册 2.检查用户的授权状态(三种状态:未授权,已授权,未同意授权),判断是否授权保存图片的能力,如果是用户点击了不同意授权给小程序保存图片 ...
最新文章
- elasticsearch 第三篇(安装篇)
- 无障碍开发(五)之设置获取无障碍属性值
- linux小小输入法 不能中文,在centos 下安装小小输入法存在的问题
- 3.2.2.5 BRE运算符优先级
- 简述线程,程序、进程的基本概念。以及他们之间关系是什么?
- 从git repo分支安装pip
- Halcon OCR识别
- 定向士官计算机网络技术在部队干什么,定向培养士官是干什么的
- 寒气笼罩中的一线暖冬
- 问题解决:Too many errors! 3 errors were dropped
- AngularJS 的 IE 兼容性
- 第十四届蓝桥杯模拟赛第一期试题【Java解析】
- 电脑怎样设置桌面待办,桌面待办事项软件
- CorelDRAW钢笔工具抠图教程
- NLP——语料库信息提取和处理方法
- TIOBE 2月编程语言排行榜出炉:Python遥遥领先C语言
- PHP从网站抓取图片并保存本地的代码
- 用PHP如何实现解析抖音无水印视频
- HTML 中 a:link ...什么意思
- vulnhub靶场,covfefe