node实现网易云音乐项目前后端连接

1完善网易云音乐。读取静态资源。实现用户登录以后，登录的内容转换成欢迎XXXX登录

后台文件代码

const fs=require('fs');
const http=require('http');
const path=require('path');
const url=require('url');
const querystring=require('querystring');
const { type } = require('os');
let server=http.createServer((req,res)=>{if(req.url=='./favicon.ico') return;if(req.url.startsWith('/music')){fs.readFile(path.join(__dirname,'www',req.url),(err,data)=>{if (err) throw err;res.end(data);})}else if(req.url.startsWith('/submit')){    let allData="";req.on('data',(chunk)=>{// chunk代表的是前端发送过来的数据allData+=chunk})req.on('end',()=>{//先将user=xxx&password=xxx，转化为对象，又因为res.end的参数不能为对象,所以再将//对象转化为字符串let newData=JSON.stringify(querystring.parse(allData));res.end(newData)})}else{res.end("404")}
})
server.listen('8988');

前端处理后台返回数据代码

$.ajax({url:"/submit",type:"post",data:{users:user,password:psw},success:function(data){let res=JSON.parse(data)$('#userLogin,.shade').css('display','none');$('.login').text(`你好,${res.users}`);flag=true},error:function(err){console.log(err)}})

最后结果

node实现网易云音乐项目前后端连接相关推荐

Vue3+node.js网易云音乐实战项目(五)
推荐歌单详细页面顶部 1.推荐歌单详细页面 1.1.导航条和背景 1.2.头像和简介 1.3.头部完整代码 1.4.链接实现效果 1.推荐歌单详细页面 1.1.导航条和背景推荐歌单页面做好后,我们 ...
Vue3+node.js网易云音乐实战项目(三)
页面一.头部导航栏布局二.轮播图的实现三.请求网易的banner图四链接一.头部导航栏布局首先我们看最上面这里的布局,大致可分为三个模块,顶部左边,顶部中间,顶部右边那么我们在comp ...
Vue3+node.js网易云音乐实战项目(八)
播放界面实现 1.准备工作 2.顶部布局 3.中部唱片部分布局 4.底部部分布局最后一个页面还没写完,由于我要去比赛,所以暂时先写到这,等放假了再写其他页面可以看我页面专栏 Vue3实战项目-网易 ...
angular8 | 网易云音乐项目实战（一）
angular8 网易云音乐项目实战(一) 视频教程原地址:https://www.bilibili.com/video/av70355308 本文为学习笔记从github上clone相关源码 cs ...
Vue2 - 网易云音乐项目笔记（基于Vant UI组件库）
目录一.项目技术二.准备工作 1.初始化Vue项目 2.配置Vant UI组件库 3.下载并使用vue-router库 4.接口API 5.postcss插件三.分析页面实现功能 1.路由页面准 ...
Android项目实战之高仿网易云音乐项目介绍
这一节我们来讲解这个项目所用到的一些技术,以及一些实现的效果图,让大家对该项目有一个整体的认识,推荐大家收藏该文章,因为我们发布文章后会在该文章里面加入链接,这样大家找着就很方便. 目录第1章前期 ...
React实现(Web端)网易云音乐项目(一),错过了真的可惜呀
首先肯定是搭建项目的结构了,通过脚手架安装这部分我就不说了首先看项目的目录结构 assets:放我们的静态资源,图片,字体和公共初始样式等 common:放我们公共的JS文件 components: ...
React实现(Web端)网易云音乐项目(三)，错过了真的可惜呀
接着前面的继续写了,这篇博客就写这两个页面,下一篇就主要讲歌曲播放功能,进度条拉伸以及歌曲时间的变化了先完成新碟上架Demo 一.第一步不用说肯定是先获取我们这个数据对吧去到我们services文 ...
[项目] 网易云音乐项目总结
最近准备把之前做的一个仿网易云音乐的自制音乐网页播放器项目做一个总结. 相关功能如下: 通过后台页面上传歌曲.编辑歌曲功能. 前端页面自动更新播放热度高的歌曲在线听歌.查看歌词.且配有相应的播放动画 ...

node实现网易云音乐项目前后端连接

node实现网易云音乐项目前后端连接相关推荐

最新文章

热门文章