Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲

Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲

最近在学习Spring boot 快速构建的web项目

使用idea intellij创建项目,选择Spring initializr ,URL地址我是自己填上去的:http://start.spring.io 也可以直接访问这个链接生成项目

再导入到idea intellij中,

网页的快速构建

Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第1张图片

我是用idea intellij构建的

Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第2张图片
选择Next

建一个名为demo的项目

Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第3张图片
没问题直接Next


选择相关的依赖,静静等待就好了。

Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第4张图片
选择Next,会自己下载相关的jar


Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第5张图片
最后完整的项目就好了



Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第6张图片
resouces 下面有两个文件夹static和templates static放一些静态资源,templates放网页,最后那个application.properties是项目的配置文件


Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第7张图片
我的application.properties相关配置


Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第8张图片
修改后的目录结构


我用这个demo做了一个h5 版的摇一摇,听歌曲。h5手机摇一摇,网上有很多例子,歌曲播放 我使用了开源的Aplayer播放器 ,非常好用,

有demo和使用文档,方便上手。aplayer 项目地址:https://github.com/DIYgod/APlayer

歌曲资源是抓包的微信公众号搜索音乐的接口

本来是想做成摇一摇 随机给一首摇滚乐,苦寻半天没有好用的API,只好做成摇一摇后刷出一个歌单的列表,下面附上效果图


Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第9张图片



Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第10张图片

搜索微信公众号:摇滚那点事 或者直接下面二维码  关注公众号  回复  摇一摇  可以预览效果。


Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲_第11张图片

你可能感兴趣的:(Spring boot 快速构建web服务学习之旅,H5摇一摇,播放歌曲)