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
  • 相关阅读:
    ASP.NET Core 中的依赖注入 [共7篇]
    ASP.NET Core的配置(4):多样性的配置来源[下篇]
    ASP.NET Core的配置(4):多样性的配置来源[中篇]
    ASP.NET Core的配置(4):多样性的配置来源[上篇]
    ASP.NET Core的配置(3): 将配置绑定为对象[下篇]
    ASP.NET Core的配置(3): 将配置绑定为对象[上篇]
    ASP.NET Core的配置(2):配置模型详解
    ASP.NET Core的配置(1):读取配置信息
    ASP.NET Core中的依赖注入(5):ServicePrvider实现揭秘【补充漏掉的细节】
    ASP.NET Core中的依赖注入(5): ServiceProvider实现揭秘 【解读ServiceCallSite 】
  • 原文地址:https://www.cnblogs.com/lz1996/p/11901076.html
Copyright © 2011-2022 走看看