https://blog.****.net/weixin_33901641/article/details/85967847 vue之node.js的简单介绍
http://nodejs.cn/
http://www.runoob.com/nodejs/nodejs-express-framework.html
cmd ->
node -v
npm -v
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<title>Title</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<style>
span{
color: rgb(, , );
}
</style>
</head>
<body>
<div>
<form action="" method="post">
<p>用户名：<input type="text" placeholder="username" id="username"></p>
<p>密码：<input type="password" placeholder="password" id="password"></p>
<input type="submit" value="提交" onclick="login()">
<span></span>
</form>
</div>
<script>
function login() {
var username = $("#username").val();
var password = $("#password").val();
var url = "http://localhost:8080/login";
console.log(username,password);
$.post(url, {username,password}, function (response) {
console.log(response);
if (response){
alert("登陆成功")
}else{
alert("登录失败")
} }) } </script>
</body>
</html>
server.js
var express = require("express"); //引用包 npm install express --save
var query = require("querystring");
var app = express(); //初始化
app.listen("",function () { //监听
console.log("服务已经启动，端口是8080")
});
var data2="";
app.post(
'/login',
function (request,response) {
response.header("Access-Control-Allow-Origin", "*");
request.on("data",function (datas) { //接收用户发来的数据,里面的data是不变的，就得叫data
data2 = "";
// console.log(datas) ; //<Buffer 75 73 65 72 6e 61 6d 65 3d 26 70 61 73 73 77 6f 72 64 3d
// >这样打印的结果是Buffer 类型的，所以我们得拼接一下,用querystring这个模块转成字符串
data2+=datas;
});
request.on("end",function () { //接收用户发来的数据之后开始解析
console.log(query.parse(data2)); //{ username: '海燕', password: '123' }
var username = query.parse(data2).username;
var password = query.parse(data2).password;
if (username == "海燕" && password == ""){
response.send(true)//如果登录成功就把数据返回给前端
}else{
response.send(false)
}
})
}
);
直接运行html