zoukankan      html  css  js  c++  java
  • node.js的简单介绍

    一、什么是node.js?

         它是可以运行JavaScript的服务平台,

         可以吧它当做一门后端程序,只是它的开发语言是JavaScript

    二、安装

    1、node.js的特性:

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

    2、运用的场景:

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

    3、安装地址:

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

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

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

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

    三、简单使用

    模板化开发:

    stu.js

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

    stu2.js

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

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

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

    login.html

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4     <meta charset="UTF-8">
      5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
      6     <meta name="viewport" content="width=device-width">
      7     <title>Title</title>
      8     <script src="jquery.js"></script>
      9     <style>
     10         span{
     11             color: red;
     12         }
     13     </style>
     14 </head>
     15 <body>
     16 <div>
     17     <form action="" method="post">
     18         <p>用户名:<input type="text" placeholder="username" id="username"></p>
     19         <p>密码:<input type="password" placeholder="password" id="password"></p>
     20         <input type="submit" value="提交" onclick="login()">
     21         <span></span>
     22     </form>
     23 </div>
     24 <script>
     25     function login() {
     26         var username = $("#username").val();
     27         var password = $("#password").val();
     28         var url = "http://localhost:8080/login";
     29         console.log(username,password);
     30         $.post(url, {username,password}, function (response) {
     31             console.log(response);
     32             if (response){
     33                 $("span").html("登陆成功")
     34             }else{
     35                 $("span").html("登录失败")
     36             }
     37 
     38         })
     39 
     40     }
     41 
     42 </script>
     43 </body>
     44 </html>

    server.js


      1 var express = require("express"); //引用包
      2 var query = require("querystring");
      3 
      4 var app = express();  //初始化
      5 app.listen("8080",function () {  //监听
      6     console.log("服务已经启动,端口是8080")
      7 });
      8 
      9 var data2="";
     10 app.post(
     11   '/login',
     12   function (request,response) {
     13       response.header("Access-Control-Allow-Origin", "*");
     14       request.on("data",function (datas) {   //接收用户发来的数据,里面的data是不变的,就得叫data
     15           data2 = "";
     16           // console.log(datas)  ; //<Buffer 75 73 65 72 6e 61 6d 65 3d 26 70 61 73 73 77 6f 72 64 3d
     17                                 // >这样打印的结果是Buffer 类型的,所以我们得拼接一下,用querystring这个模块转成字符串
     18           data2+=datas;
     19       });
     20       request.on("end",function () {  //接收用户发来的数据之后开始解析
     21           console.log(query.parse(data2));  //{ username: '海燕', password: '123' }
     22           var username = query.parse(data2).username;
     23           var password = query.parse(data2).password;
     24           if (username == "海燕" && password == "123"){
     25               response.send(true)//如果登录成功就把数据返回给前端
     26           }else{
     27               response.send(false)
     28           }
     29       })
     30 
     31   }
     32 );

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



    归类 : VUE
  • 相关阅读:
    168. Excel Sheet Column Title
    171. Excel Sheet Column Number
    264. Ugly Number II java solutions
    152. Maximum Product Subarray java solutions
    309. Best Time to Buy and Sell Stock with Cooldown java solutions
    120. Triangle java solutions
    300. Longest Increasing Subsequence java solutions
    63. Unique Paths II java solutions
    221. Maximal Square java solutions
    279. Perfect Squares java solutions
  • 原文地址:https://www.cnblogs.com/lz1996/p/11901076.html
Copyright © 2011-2022 走看看