vue学习【第三篇】：vue之node.js的简单介绍

 

什么是node.js#

它是可以运行JavaScript的服务平台，可以吧它当做一门后端程序，只是它的开发语言是JavaScript

安装node.js#

node.js的特性#

?
1
2
- 非阻塞IO模型
- 时间驱动

运用的场景#

?
1
2
3
- 高并发低业务
- 实时场景
- 聊天、电子商务、视频直播等

安装地址#

?
1
2
3
4
http://nodejs.cn/
判断是否安装成功  node -v
进入编辑状态:node+回车，可以进行一些运算
退出编辑模式：ctrl+d或者ctrl+c两次

npm是一个包管理器，其实是一个命令。使用它来安装或者卸载包#

 首先进行项目初始化：npm init (快速初始化：npm init -y)，会生成文件：package.json

?
1
2
3
4
5
npm install 包的名字 --save-dev
npm install express --save-dev:吧依赖包增加到开发环境下
 
npm install express
npm install express --save :吧依赖包增加到运行环境下

简单使用#

模板化开发：

stu.js

?
1
2
3
var man="帮助";
module.exports = man;  //对外开放接口
console.log(man);

stu2.js

var temps = require("./stu.js");  //引用文件，在js文件中加个./代表是同级目录
console.log(temps);

那么如何执行文件呢？  node b.js =====》node 文件名

用node.js简单的做一个登录#

 login.html

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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

posted @   鲸鱼的海老大  阅读(368)  评论(0)  编辑  收藏  举报
编辑推荐：
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示
AI IDE Trae
CONTENTS
✕