一、什么是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 文件名

四、用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----node.js的简单介绍的更多相关文章

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

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

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

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

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

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

  4. 前端框架vue.js系列（9）：Vue.extend、Vue.component与new Vue

    前端框架vue.js系列(9):Vue.extend.Vue.component与new Vue 本文链接:https://blog.csdn.net/zeping891103/article/det ...

  5. vue+node.js+webpack开发微信公众号功能填坑——v -for循环

    页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入 修改部门代码 app.vue <yd-flexbox&g ...

  6. Centos7 中 Node.js安装简单方法

    最近,我一直对学习Node.js比较感兴趣.下面是小编给大家带来的Centos7 中 Node.js安装简单方法,在此记录一下,方便自己也方便大家,一起看看吧! 安装node.js 登陆Centos ...

  7. 总结Vue第一天：简单介绍、基本常用知识、辅助函数

    总结Vue第一天:简单介绍.基本常用知识.辅助函数 中文官网:https://cn.vuejs.org/v2/guide/syntax.html 遇到不熟悉的可以先看一下官网,然后再看一下一些别人写的 ...

  8. 创建node.js一个简单的应用实例

    在node.exe所在目录下,创建一个叫 server.js 的文件,并写入以下代码: //使用 require 指令来载入 http 模块 var http = require("http ...

  9. 小白学习VUE第二课：环境搭建 VUE Node.js VSCode template模板

    环境搭建 VUE Node.js VSCode template模板: 首先安装node:http://www.runoob.com/nodejs/nodejs-install-setup.html ...

  10. mongodb & vue & node.js

    mongodb mongodb & vue & node.js https://docs.mongodb.com/manual/tutorial/install-mongodb-on- ...

随机推荐

  1. eslint 代码规范

    官网:https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md JavaScript Standard Style Eng ...

  2. C++读取dll文件所在目录

    ////保证config.txt从本DLL目录位置读取 //获取DLL自身所在路径(此处包括DLL文件名) }; GetModuleFileNameA((HINSTANCE)&__ImageB ...

  3. （转）RBAC权限表的设计

    RBAC(Role-Based Access Control,基于角色的访问控制),就是用户通过角色与权限进行关联.简单地说,一个用户拥有若干角色,每一个角色拥有若干权限.这样,就构造成“用户-角色- ...

  4. response的contentType的类型值Response.ContentType

    MIME类型的含义 MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开.多用于指定一些客户端自定义的文件名,以及一些媒体 ...

  5. svn加锁设置

    SVN 的锁定与解锁 简单的说,如果压根没有锁lock,那么每个人都拥有一个本地copy,每个人都能自由地对本地copy编辑edit并提交commit,这样可能会导致冲突conflict,最后不得不合 ...

  6. JAVA编程思想学习笔记2-chap4-6-斗之气2段

    1.foreach:只能用于数组与容器 2.this指针:内部有个指针指向自己 3.super指针:内部有个指针指向父类部分 4.方法存放于代码区:方法调用时,a.fun()可能会被转换为fun(a) ...

  7. 从零开始一起学习SLAM | 为啥需要李群与李代数？

    很多刚刚接触SLAM的小伙伴在看到李群和李代数这部分的时候,都有点蒙蒙哒,感觉突然到了另外一个世界,很多都不自觉的跳过了,但是这里必须强调一点,这部分在后续SLAM的学习中其实是非常重要的基础,不信你 ...

  8. unity3d-代码控制游戏角色控制器移动

    先上一个gif看看效果.因为图片大小限制.所以录制的比较小.个人认为效果比较牵强.特别是里面的逻辑代码. 不过我还是认为一切是为了先实现,因为我是刚接触的新手. 工程结构图 这次实现的效果是: 1:摄 ...

  9. Nodejs中原生遍历文件夹

    最近在听老师讲的node课程,有个关于把异步变为同步读取文件夹的知识点做一些笔记, 让迭代器逐个自执行.

  10. nodejs中&#x5B89;&#x5353;&#x7AEF;的编码如何转换为中文

    借助一些模块来转换,比如,html-entities Github var Entities = require('html-entities').XmlEntities; entities = ne ...