vue之node.js的简单介绍

╰半橙微兮° 2023-06-11 10:28 14阅读 0赞

一、什么是node.js？

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

二、安装

1、node.js的特性：

- 非阻塞IO模型
    - 时间驱动

2、运用的场景：

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

3、安装地址：

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

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

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

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

三、简单使用

模板化开发：

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 文件名

![1184802-20180128153041647-1941418851.png][]

四、用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

注意：启动的时候  ===>node server.js

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[1184802-20180128153041647-1941418851.png]: /images/20230531/0b73d7947cd34e5a9434baabe11cd921.png