GithubHelp home page GithubHelp logo

tomman2012 / vue-music-app-ui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wuyuanwuhui99/vue-music-app-ui

0.0 0.0 0.0 6.53 MB

使用vue2.0开在线在移动音乐app,已经上线并使用,所有数据来自QQ音乐线上环境,已完成95%的功能,涉及推荐,歌手,抖音音乐、搜素、登录、收藏、播放、歌词、token校验,async和await,flex布局等重要模块,使用koa2做后端接口,可使用nginx单独部署或者和koa2项目一起部署,目前还存在部分bug,正在修复中...

JavaScript 25.45% HTML 0.85% Vue 71.02% Less 2.68%

vue-music-app-ui's Introduction

在线音乐播放器

作者:吴怨吴悔

================================界面预览================================ 整体app预览 手机端预览效果图1 手机端预览效果图3 手机端预览效果图3 ================================界面预览================================

开发时间:2017-12

完成时间:2018-01

使用插件和版本:

axios: 0.18.0 ——网络请求

better-scroll: 1.9.1 ——滚动懒加载

create-keyframe-animation: 0.1.0 ——css动画

css-loader: 0.28.11 ——css加载器

fastclick: 1.0.6 ——移动端点击方法

less: 3.9.0 ——less样式

less-loader: 5.0.0 ——less加载器

lyric-parser: 1.0.1 ——歌词解析

md5: 2.2.1 ——md5密码加密

vue: 2.5.2 ——vue基础版本

vue-router: 3.0.1 ——vue路由

vuex: 3.0.1 ——vuex状态管理器

nginx反向代理配置如下

upstream music_server{
    server 127.0.0.1:3000 weight=10;
    server 127.0.0.1:3001 weight=10;
}

server{
    listen       3002;
    #静态资源,包括系统所需要的图片,js、css等静态资源
    location / {
        alias E:/vue/mymusic/dist/;
    }
    location /service/ {
        proxy_pass http://music_server;
        #proxy_pass 127.0.0.1:3000;
    }
    location /static/ {
        alias E:/static/;
    }
}

后端项目和sql语句:https://github.com/wuyuanwuhui99/springboot-app-service

vue-music-app-ui's People

Contributors

wuyuanwuhui99 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.