环境搭建 1,安装nodejs和Git,配置环境变量2,安装express,npm install -g express-generator3,创建项目,express -e music(项目名称)4,进入项目,npm install5,安装实时监听工具,npm install -g supervisor6,测试,supervisor bin/www,浏览器验证127.0.0.1:3000 sublime运行js文件 1,打开build system -> new build system新建配

   上一篇博客里面已近总结了三个功能的具体实现,今天把剩余功能的具体实现补充总结,如果你想对整个小项目有清楚的了解,建议去看下前几篇博客. 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

作业要求来自于https://edu.cnblogs.com/campus/gzcc/GZCC-16SE2/homework/3075 爬虫综合大作业 选择一个热点或者你感兴趣的主题. 选择爬取的对象与范围. 了解爬取对象的限制与约束. 爬取相应内容. 做数据分析与文本分析. 形成一篇文章,有说明.技术要点.有数据.有数据分析图形化展示与说明.文本分析图形化展示与说明. 文章公开发布. 1. 数据爬取 爬虫部分主要是调用官方API,本次用到的API主要有两个: ①获取评论:http://musi

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

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

上一篇文章中说到这一篇博客会实现音乐播放功能,只是令我意外的是,如果利用h5的audio标签,几行代码就实现了......先来看一下最终效果吧. 这里直接用了audio标签,样式没有怎么管,能获得音乐文件并且播放就足够了. 所以后面我利用了两天的时间,在看了一遍vue官方文档,然后看了vue-router + vue-resource,再学习了mongodb和mongoose,安装了Mongodb数据库,下载了mongo可视化工具robomongo并且学习使用,最后要实现的效果就是利用node.

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

第一步 收集资料 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

目录 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.评论效果: 用户点击评论按钮,评论框获取焦点. 输入之后点击提交,下方显示评论,用户名称以及日期.相应的用户也可以删除自己评论. 当然只能删除自己的评论,鼠标放置其他人评论上面不会显示删除按钮. 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

1.提交表单时会自动刷新页面(提交表单一般使用post方式提交) 2.动态加载数据时页面不会刷新,只是把页面中某个位置的内容替换掉想要的内容 3.一般在切换到不同的html页面时才会强制让你把页面刷新一下 4.以上是对qq音乐的歌手页面切换分类时页面并不会刷新的解释. 网易云音乐使用了共用模板,所以在切换时页面也不会刷新. 为什么每次点击一个选项的时候都会获取一个不同的url? 因为采用的是get方式获取服务器的资源,get方式获取资源的信息会显示在地址栏中(get方式的信息也会传递给服务器)