vue之node.js的簡單介紹

時間 2019-11-08

原文原文鏈接

vue之node.js的簡單介紹

1、什麼是node.js？html

　　它是能夠運行JavaScript的服務平臺，能夠吧它當作一門後端程序，只是它的開發語言是JavaScript前端

2、安裝vue

一、node.js的特性：node

- 非阻塞IO模型
- 時間驅動

二、運用的場景：jquery

- 高併發低業務

- 實時場景

- 聊天、電子商務、視頻直播等

三、安裝地址：express

http://nodejs.cn/
判斷是否安裝成功  node -v
進入編輯狀態:node+回車，能夠進行一些運算
退出編輯模式：ctrl+d或者ctrl+c兩次

四、npm是一個包管理器，實際上是一個命令。使用它來安裝或者卸載包npm

首先進行項目初始化：npm init (快速初始化：npm init -y)，會生成文件：package.jsonjson

npm install 包的名字 --save-dev
npm install express --save-dev:把依賴包增長到開發環境下

npm install express
npm install express --save :把依賴包增長到運行環境下

3、簡單使用後端

模板化開發：併發

stu.js

var man="海燕";
module.exports = man;  //對外開放接口
console.log(man);

stu2.js

var temps = require("./stu.js");  //引用文件，在js文件中加個./表明是同級目錄
console.log(temps);

那麼如何執行文件呢？ node b.js =====》node 文件名

4、用node.js簡單的作一個登陸

<!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 src="jquery.js"></script>
    <style>
        span{
            color: red;
        }
    </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){
                $("span").html("登錄成功")
            }else{
                $("span").html("登陸失敗")
            }

        })

    }

</script>
</body>
</html>

server.js

var express = require("express"); //引用包
var query = require("querystring");

var app = express();  //初始化
app.listen("8080",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 == "123"){
              response.send(true)//若是登陸成功就把數據返回給前端
          }else{
              response.send(false)
          }
      })

  }
);

注意：啓動的時候 ===>node server.js