经过笔者这几天的辛勤劳作(其实就是苦逼地码代码),一个新的网站已经上线啦!该网站是用Spring Boot工具写的,主要实现的功能如下: 根据歌曲名称和音乐平台搜索歌曲,并实现歌曲的在线播放: 歌曲的下载功能: 网页统计量功能: 开发历史介绍. 该网站的首页网址为: http://101.37.152.18:8080/index (此为网页版的网址,手机版的网址为:http://101.37.152.18:8000/index ),页面如下: 在输入框中输入"2002 Anne Marie&

   上一篇博客里面已近总结了三个功能的具体实现,今天把剩余功能的具体实现补充总结,如果你想对整个小项目有清楚的了解,建议去看下前几篇博客. 1.在线音乐网站(1)需求和功能结构 2.在线音乐网站(2)数据库和开发环境 3.在线音乐网站(3)Part one 功能实现 d.歌曲添加功能的实现 管理员或是被管理员授权的用户可以将自己喜欢的歌曲添加到在线音乐网站的首页排行榜中.如图7.5所示. 图7.5 歌曲添加 实现过程: 通过在ASP.NET页面定义标签中的错误属性,如下代码: Display=

今天打算把网站功能的具体实现给总结一下,如果你想了解整个小项目,建议你先看看前面2篇博客. 1.在线音乐网站(1)需求和功能结构 2.在线音乐网站(2)数据库和开发环境 7.网站主要模块实现 a.在线音乐前台 由于在线音乐网站要提供用户在线音乐的相关服务,当用户打开网站时,引入眼帘的是首页,所以首页的对于整个网站来说是非常重要的一个页面,首页排版和设计的美观与否将直接影响到游客的浏览和用户的注册.首页不仅要实现各种功能的展示,而且还要着眼于系统整体风格,能让首页做到功能完善,页面简洁美观. 网站

最近在学习vue框架,练习了一些例子之后,想着搭建一个vue项目,了解到官方有提供一个vue-cli工具来搭建项目脚手架,尝试了一下,写下博客来记录一下. 一.工具环境 1.node.js 6.10.0,目前node.js最新版本是8.7.0,可以到官网下载最新版本安装.链接:http://nodejs.cn/download/ 2.编辑器,Hbuilder 8.8.4 3.windows 8.1 二.创建项目 1.安装node.js,默认安装在"C:\Program Files\nodejs&

这几天完成了歌曲收藏功能,先看最后效果: 新注册用户:“newuser”,进入“我的音乐界面如下所示” 点击新建歌单,输入:“新歌单”,确认,如下: 目前还没有歌曲,打开音乐界面,点击收藏功能,如下,可以看到新创建的歌单已经在上面: 把歌曲收藏在新歌单,在打开我的音乐界面,已经收藏好了: 点击删除之后,可以看到歌曲已经被删除: 删除歌单: 基本的功能就是这样,有一些细节就不展示了,下面是实现,整体功能的实现,跟前面没太大区别,利用vue-resource和后台通信,发送请求,在后台利用mongo

11.5 歌曲排行榜 歌曲排行榜是通过首页的导航链接进入的,按照歌曲的播放次数进行降序显示.从排行榜页面的设计图可以看到,网页实现三个功能:网页顶部搜索.歌曲分类筛选和歌曲信息列表,其说明如下: 1.网页顶部搜索:每个网页都具备基本功能,而且每个网页的实现方式和原理是相同的. 2.歌曲分类筛选:根据歌曲信息表song的song_type字段对歌曲进行筛选,并显示在网页左侧的歌曲分类中. 3.歌曲信息列表:在网页上显示播放次数排在前10条的歌曲信息. 歌曲排行榜是由项目music的项目应用rank

第十一章 音乐网站开发 本章以音乐网站项目为例,介绍Django在实际项目开发中的应用,该网站共分为6个功能模块分别是:网站首页.歌曲排行榜.歌曲播放.歌曲点评.歌曲搜索和用户管理. 11.1 网站需求与设计 当我们接到一个项目的时候,首先需要了解项目的具体需求,根据需求类型划分网站功能,并了解每个需求的业务流程.本节以音乐网站为例进行介绍,整个网站的功能分为:网站首页.歌曲排行榜.歌曲播放.歌曲搜索.歌曲点评和用户管理,各个功能说明如下: 1.网站首页是整个网站的主界面,主要显示网站最新的动态

项目简介 项目来源于:https://gitee.com/coder_ze/iMusic 本系统基于Maven+JSP+SSM+Mysql实现的音乐网站.主要实现的功能有音乐播放.下载.上传等几个模块. 难度等级:中等 技术栈 编辑器 Eclipse Version: 2020-03 (4.15.0) 前端技术 基础:html+css+JavaScript 框架:JQuery+Bootstrap 后端技术 Spring+SpringMVC+mybatis 模板引擎:JSP 数据库:mysql 5

You-get可以在仅仅提供URL情况下就可以实现下载视频.图片.音乐等信息.也可以通过播放器在线观看视频或听音乐,重要的是再也不用烦恼弹出的广告了,如果你想观看视频,但又不想观看广告,并且你还想把视频保存下来,它是一个很好的选择.You-get是一个基于命令行运行的python第三方库. 下面两段是you-get的作者对它的介绍: 为什么你要好好的用you-get: 你欢喜于互联网上的富媒体内容,并为个人寻欢而储存 你喜悦观看的视频,然而不得保存;对个人设备无从控制,此乃违背开放互联网之行为

项目源码:https://gitee.com/smfx1314/springbootemail 上一篇文章已经讲到如何springboot如何实现邮件的发送,趁热打铁,这篇文章实现如下功能. 很多网站注册功能都会给您注册的邮箱发送一封邮件,里面是一串连接,点击链接激活功能,今天咱们就实现这个功能. 原理: 在您注册的时候,User类中设置一个邮件码code,同时用户状态未激活.邮件码可以通过UUID实现,这样在注册的时候发送一封邮件,把这个邮件码以html的格式发送到指定邮箱,然后通过点击链接,

最近右胳膊受伤,打了石膏在家休息.为了实现之前的想法,就用左手打字.写代码,查资料完成了这个资源小爬虫.网页爬虫, 最主要的是协议分析(必须要弄清楚自己的目的),另外就是要考虑对爬取的数据归类,存储.这是一个在线歌曲网站的爬虫,网站名 字就不说了,此贴目的是技术交流,请不用做其他用途! 相关技术点:http协议.js.AES.文件.文件夹操作.正则表达式.数据库技术.SQL -------------------------------------------分割线 以下 为设计思路------

1.利用vue-router实现页面跳转 程序可以正常运行之后,下面我们需要配置路由实现页面的局部刷新,这一功能将用来实现网站页面的跳转. 打开程序目录,进入"src\router\index.js",可以看到程序已经配置了一个路由和其相关联的组件. 这里引入了"vue-router",并且新建了一个Router对象,对象里有一个routes属性,是一个对象数组.routes的每一个对象都有以下属性: path:表示程序当前在什么路径下就需要渲染,"/&q

  前言 开一个系列记录下一次从0开始搭建一个网站的过程.前后端项目都是在github找的开源项目,主要用于练习部署. 前端:vue.js 后端: spring-boot 搭建环境:centOS7.6.docker.nginx.elasticsearch.mongodb.mysql.redis github找的一个开源项目: 后台:https://github.com/macrozheng/mall 前端:https://github.com/macrozheng/mall-admin-web

第一步 收集资料 http://www.logoko.com.cn/    --设计logo网站 设计音乐文档  https://wenku.baidu.com/view/3d957617f18583d0496459ad.html http://www.smallseashell.com/t/440-23-15/  --  小贝壳网站寻找模板 https://www.cnblogs.com/yc-755909659/p/4964571.html    --asp.net读取mp3文件信息 htt

网站的登录注册实现逻辑 该文章主要是为了整理之前学习项目中的知识点,并进行一定程度的理解. 技术列表: SpringBoot MySQL redis JWT 用户登录逻辑: 首先打开前端登录页面,F12进行网页URL抓取: 随便输入信息,查看请求后端的地址: 地址: 请求 URL: http://localhost:8888/login 请求方法: POST 状态代码: 200 远程地址: [::1]:8888 引用站点策略: strict-origin-when-cross-origin 很明

目录 1,前言 2,已有功能 3,使用 4,目录结构 5,页面效果 登录页 首页 排行榜 歌单列表 歌单详情 歌手列表 歌手详情 MV列表 MV详情 搜索页 播放器 1,前言 项目基于Vue2全家桶及网易云音乐 Node Api实现,网站风格简约清新,体验比较流畅. 下载地址:https://github.com/pdd11997110103/web-Music 2,已有功能 网易云APP扫码登录 & 网易云账号登录 注册 音乐播放器 歌单 & 详情 歌手 & 详情 MV &

写博客有时是有缺陷的,有些事情写起来是不容易说清楚的.所以我以后会录制一些视频.欢迎访问啦 视频地址  http://www.tudou.com/home/quan8b/ 我的个人音乐站 http://y.baidu.com/artist/156159 搜索   蜀云泉   可以找到任何关于我的消息,因为无论是什么我都叫蜀云泉........

1关于Spring Boot的博客集合https://www.jianshu.com/p/7e2e5e7b32ab 2泥瓦匠BYSocket的Spring Boot系列 https://www.bysocket.com/?page_id=1639 3 程序猿DD-Spring Boot系列 http://blog.didispace.com/categories/Spring-Boot/page/4/ 4官网指南 https://docs.spring.io/spring-boot/docs/1

这是完成了预想中的最后两个功能:歌曲评论以及歌曲搜索. 1.评论效果: 用户点击评论按钮,评论框获取焦点. 输入之后点击提交,下方显示评论,用户名称以及日期.相应的用户也可以删除自己评论. 当然只能删除自己的评论,鼠标放置其他人评论上面不会显示删除按钮. 2.搜索歌曲 搜索可以搜索歌曲或者歌手,这里搜索"LiSA",结果如下: 也可以只输入“A”,显示如下: 这里有一个歌手页面,显示的是所有歌手的歌曲,如点击"Aimer"歌手: 至此,基本功能就展示完成,下面看实现

上一篇遗漏了一个简单的效果没写,见下图: 主页面点击热门推荐和更多之后跳转到歌曲列表页面,现在的页面只是简单的把所有歌曲列出来,没有进行排序.实现起来也很简单,在MainPage的两个链接上添加: <div id="recommend-head"> <router-link to="/PopularMusic">热门推荐</router-link> <router-link to="/PopularMusic&qu

上一篇文章讲到的是如何利用mongoose从数据库读取数据然后更新页面,接下来要实现的就是用户注册登录功能,这个功能涉及到的东西太多了,今天只实现了登录功能,登陆之后更新导航条界面,最后效果如下: 登录之前: 登陆之后(用户名:oujiamin): 这是登陆界面(还没有设置css): 主要实现步骤: 1.校验 所谓校验就是对用户的输入进行限制并且给出一点提示,这里使用的是vee-validate插件,该插件主要作用就在于可以很方便地绑定input标签并且给出校验规则和提示语,使用步骤: 安装:n