什么是node.js

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

安装node.js

node.js的特性

- 非阻塞IO模型

- 时间驱动

运用的场景

- 高并发低业务

- 实时场景

- 聊天、电子商务、视频直播等

安装地址

http://nodejs.cn/

判断是否安装成功  node -v

进入编辑状态:node+回车，可以进行一些运算

退出编辑模式：ctrl+d或者ctrl+c两次

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

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

login.html

<!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

vue学习【第三篇】：vue之node.js的简单介绍的更多相关文章

  1. Vue学习记录第一篇——Vue入门基础

    前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深, ...

  2. vue之node.js的简单介绍

    一.什么是node.js? 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript 二.安装 1.node.js的特性: - 非阻塞IO模型 - ...

  3. vue之 node.js 的简单介绍

    一.什么是 node.js? 它是可以运行在JavaScript的服务平台 二.安装 1.node.js的特性 - 非阻塞IO模型 - 时间驱动 2.运用场景 - 高并发低业务 - 实时场景 - 聊天 ...

  4. 3.VUE前端框架学习记录三：Vue组件化编码1

    VUE前端框架学习记录三:Vue组件化编码1文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  5. vue学习【二】vue结合axios动态引用echarts

    大家好,我是一叶,本篇是vue学习的第二篇,本篇将要讲述vue结合axios动态引用echarts. 在vue中,异步刷新使用的是axios,类似于大家常用的ajax,其实axios已经是vue的第二 ...

  6. Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例

    目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装项目其它需要包 清除冗余文件并重新规划项目目录 配置文件 规划示例路由,并新建相关文件 实现数据访问和业务逻辑相关方法 编写mys ...

  7. [转]Nodejs学习笔记（十五）--- Node.js + Koa2 构建网站简单示例

    本文转自:https://www.cnblogs.com/zhongweiv/p/nodejs_koa2_webapp.html 目录 前言 搭建项目及其它准备工作 创建数据库 创建Koa2项目 安装 ...

  8. Nodejs学习笔记（十五）—Node.js + Koa2 构建网站简单示例

    前言 前面一有写到一篇Node.js+Express构建网站简单示例:http://www.cnblogs.com/zhongweiv/p/nodejs_express_webapp.html 这篇还 ...

  9. Node.js学习笔记（1）：Node.js快速开始

    Node.js学习笔记(1):Node.js快速开始 Node.js的安装 下载 官方网址:https://nodejs.org/en/ 说明: 在Windows上安装时务必选择全部组件,包括勾选Ad ...

随机推荐

  1. 总结docker常用命令

    docker 1docker pull 镜像 2docker ps -a 查看所有容器docker image 查看镜像 3docker rm 容器id 删除容器 docker rm 一次可以指定多个 ...

  2. DataGridView控件用法一：数据绑定

    使用DataGridView控件,可以显示和编辑来自多种不同类型的数据源的表格数据. 将数据绑定到DataGridView控件非常简单和直观,在大多数情况下,只需设置DataSource属性即可.在绑 ...

  3. Python底层库的函数中from __future__ import absolute_import的作用

    在查看TensorFlow的底层优化器时候看到from __future__ import absolute_import 查找相关资料后发现 这个语句的意思是加入绝对引用的特征 直白的意思是,比如: ...

  4. callback源码分析——callbacks

    uvm的callback必须是提供者有预见性的留一些方法在function前后,这样在使用的时候,进行遍历调度即可 设计者,需要从uvm_callback定义一个基类,只定义function原型,定义 ...

  5. 《大话设计模式》c++实现 工厂模式

    工厂模式 工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一.这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式. 在工厂模式中,我们在创建对象时不会对客户端 ...

  6. SpringMVC探究-----常用获取传递参数的方法

       1.@RequestParam @RequestParam 常用来映射请求参数,它有三个属性可以配置: value 值即请求参数的参数名 required 该参数是否必须. 默认为 true d ...

  7. xpath ,css

    https://docs.scrapy.org/en/latest/intro/tutorial.html xpath @选择属性  .当前目录下选择 //任意路径选择 /bookstore/book ...

  8. 多线程：Operation(一)

    1. 进程和线程 1.1 进程 进程:正在运行的应用程序叫进程 进程之间都是独立的,运行在专用且受保护的内存空间中 两个进程之间无法通讯 通俗的理解,手机上同时开启了两个App.这两个App肯定是在不 ...

  9. python基础之可变数据类型与不可变数据类型

    一.什么可变数据类型和不可变数据类型 可变数据类型:value值改变,id值不变:不可变数据类型:value值改变,id值也随之改变. 二.如何确定一种数据类型是可变的还是不可变的 根据可变数据类型与 ...

  10. npm 代理的设置和取消

    管理员权限下的控制台输入: 设置代理 npm config set proxy=http://127.0.0.1:8080 npm config set registry=http://registr ...