1. http://218.244.157.0:55443/index.html 初始访问时,弹出的窗口为index.html文件,文件有html命令组成.html展现的UI界面用的是WIN10-UI,其介绍可在项目文件夹的README.md有所介绍. Win10-UI是一款win10风格的后台UI,让您轻松搭建一个别具一格的后台界面. 本项目html文件中结构主要是head.body.script:map.html和chart.html用到了script:head:解释了该html文件用到的c…

前言: 空余的时间,学学 Java,没准哪天用的到: 环境搭建折腾了好几天,总算搞顺了,也做个学习笔记,以防后面会忘记: 一.安装文件及介绍 JDK:jdk1.8.0 77 eclipse-maven:eclipse-maven tomcat:apache-tomcat-8.0.33 整合资料参考:http://www.iteye.com/blogs/subjects/ssm_demo 这个的配置过程比较简单,搞清楚关系就可以了. 二.maven.springmvc.mybatis 简单介绍 m…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌曲列表 收藏歌曲 一.用户个人中心开发 基础功能开发 设置路由跳转 在components->user-center目录下:创建user-center.vue router->index.js中配置路由: { path: '/user', component: UserCenter } m-header.vue中通过&l…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 当前歌曲播放列表 添加歌曲到队列 components->playlist目录下:创建playlist.vue -- 在play.vue中应用 一..歌曲列表组件显示和隐藏的控制 data中维护一个数据 showFlag: false 使用v-show判断showFlag控制显示隐藏 <div class="pl…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 搜索歌手歌曲 搜索历史保存 一.搜索页面布局 search-Box组件开发 <div class="search-box"> <i class="icon-search"></i> <input class="box" v-model…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌单及详情页 排行榜及详情页 一.歌单详情页开发 歌单详情页布局介绍及Vuex实现路由数据通讯 components->disc目录下:创建disc.vue router->index.js中:给Recommend添加二级子路由Disc { path: '/recommend', component: Recommend,…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放模式切换 歌词滚动显示 一.播放器模式切换功能实现 按钮样式随模式改变而改变 动态绑定iconMode图标class: <i :class="iconMode"></i> import {playMode} from '@/common/js/config' iconMode(){ re…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌曲列表 歌曲播放 一.子路由配置以及转场动画实现 components->singer-detail目录下:创建singer-detai.vue route->index.js中:引入并配置Singer子路由SingerDetail import SingerDetail from '@/components/singe…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 一.歌手页面布局与设计 需求:联系人列表形式.左右联动的滚动列表.顶部标题随列表滚动而改变 歌手列表 快速入口列表 二.歌手数据接口抓取 api目录下创建singer.js——同recommend.js,依赖jsonp和一些公共参数 import jsonp from '@/common/js/jsonp' import {…

前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 上一篇总结了项目概述.项目准备.页面骨架搭建.这一篇重点梳理推荐页面开发.项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 一.页面简介+轮播图数据分析 数据:从QQ音乐抓取的真实数据 轮播图 热门歌单推荐 二.JSONP原理介绍 一句话解释JSONP原理:动态生成一个JavaScript标签,其src由接口url.请求参数.callback函数名拼接而成:利用js标签没有…