Node.js开发Web后台服务入门

布满荆棘的人生 2022-05-14 05:13 194阅读 0赞

**目录**

*  一、简介
 *  二、搭建Node.js开发环境
 *   *  2.1、安装Node.js
     *  2.2、安装IDE开发Node.js插件
 *  三、第一个Node.js程序
 *  四、NPM（Node.js包管理器）
 *   *  4.3、安装模块
     *  4.4、卸载模块
     *  4.5、模块列表
     *  4.6、更新模块
     *  4.7、搜索模块
     *  4.8、NPM 常用命令
     *  4.9、更换NPM 镜像
 *  五、Express
 *   *  5.2、Express框架核心特性
     *  5.3、安装 Express
     *  5.4、第一个Express框架实例
     *  5.5、使用Nodeclipse开发Express项目
     *  5.6、ejs基础
     *  5.7、lodash
     *  5.8、参数
     *   *  5.8.1、URL中的参数占位
         *  5.8.2、URL中的QueryString
         *  5.8.3、HTTP正文中的参数
     *  5.9、JSON
 *  六、RESTful（表述性状态转移）
 *  七、示例下载
 *  八、作业
 *  九、视频

# 一、简介 #

Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。

![63651-20161221143342354-835289664.png][]

能方便地搭建响应速度快、易于扩展的网络应用，Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。

官网：[https://nodejs.org/en/][https_nodejs.org_en]  
中文：[https://cnodejs.org/][https_cnodejs.org]、[http://nodejs.cn/][http_nodejs.cn]

API：[http://nodeapi.ucdok.com/\#/api/][http_nodeapi.ucdok.com_api]

简单说Node.js就是运行在服务器端的JavaScript，是现在流行的语言中能同时运行在前端与后台的程序语言，你可以把JavaScript想像成Java与C\#。相关技术：

数据库：MongoDB，非关系型数据库，NoSQL（Not only SQL）

MVC框架：AngularJS

Web服务器：Express

模板引擎：jade、ejs、htmljs、swig、hogan.js

# 二、搭建Node.js开发环境 #

## 2.1、安装Node.js ##

[去官网下下载最新版本的][https_nodejs.org_en]Node.js一步一步按提示安装即可，如果安装失败就手动安装，将Node.js的安装位置配置到环境变量的path中。

![63651-20161221145302776-1473642599.png][]

安装完成后启动命令行，测试：

![63651-20161221145631292-604381565.png][]

## 2.2、安装IDE开发Node.js插件 ##

如果不使用IDE开发项目效率较低，在很多主流的集成开发环境（IDE）中都可以安装插件支持Node.js开发，如Eclipse，这里我们以HBuilder为例：

启动HBuilder->工具->插件安装

![63651-20161221145946198-2017554387.png][]

安装成功后就可以新建Node.js项目了：

![63651-20161221150122276-117101583.png][]

这里选择Hello World，新建好的项目如下：

![63651-20161221150420932-1194438541.png][]

hello-world-server.js文件就是一个简单的web服务器，右键选择“运行方式”->”Node Application”

控制台提示“Server running at http://127.0.0.1:1337/”在浏览器查看的效果如下：

![63651-20161221150744167-419963852.png][]

# 三、第一个Node.js程序 #

在上面的示例中，我们是通过IDE完成编译与运行的，其实手动运行也可以，比如编写一段代码如下：

server.js

![复制代码][Image 1]

//依赖一个http模块，相当于java中的import，与C#中的using
    var http = require('http');
    
    //创建一个服务器对象
    server = http.createServer(function (req, res) {
    //设置请求成功时响应头部的MIME为纯文本
    res.writeHeader(200, {"Content-Type": "text/plain"});
    //向客户端输出字符
    res.end("Hello World\n");
    });
    //让服务器监听本地8000端口开始运行
    server.listen(8000,'127.0.0.1');
    console.log("server is runing at 127.0.0.1:8000");

![复制代码][Image 1]

在node环境下解释运行：

![63651-20161221155949714-1496765865.png][]

运行结果：

![63651-20161221160021167-1270760207.png][]

引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。  
创建服务器：服务器可以监听客户端的请求，类似于TomCat、IIS、Apache 、Nginx 等 HTTP 服务器。  
接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。

第一行请求（require）Node.js 自带的 http 模块，并且把它赋值给 http 变量。  
接下来我们调用 http 模块提供的函数： createServer 。这个函数会返回 一个对象，这个对象有一个叫做 listen 的方法，这个方法有一个数值参数， 指定这个 HTTP 服务器监听的端口号。

# 四、NPM（Node.js包管理器） #

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：  
a)、允许用户从NPM服务器下载别人编写的第三方包到本地使用。  
b)、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。  
c)、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

官网：[https://www.npmjs.com/][https_www.npmjs.com]

4.1、查看npm版本  
由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

![63651-20161221160443714-1386711931.png][]

4.2、升级npm

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级

npm install npm -g

![63651-20161221160840839-1029712927.png][]

## 4.3、安装模块 ##

npm install <Module Name> -参数

如果带参数-g表示全局安装，否则只是安装到某个目录下。

以下实例，我们使用 npm 命令安装常用的 Node.js web框架模块 express

![63651-20161221161000557-462930371.png][]

## 4.4、卸载模块 ##

我们可以使用以下命令来卸载 Node.js 模块。  
npm uninstall <Module Name>

如先使用安装指令安装bootstrap:

npm install bootstrap

再使用卸载指令删除模块：

npm uninstall bootstrap

可以到 /node\_modules/ 目录下查看包是否还存在

## 4.5、模块列表 ##

使用模块列表命令可以方便的看到当前项目中依赖的包：  
npm ls

![63651-20161222085514886-1084643876.png][]

## 4.6、更新模块 ##

我们可以使用以下命令更新模块：  
npm update 模块名称  
npm up -g 模块名称

## 4.7、搜索模块 ##

npm search 模块名称

## 4.8、NPM 常用命令 ##

除了本章介绍的部分外，NPM还提供了很多功能，package.json里也有很多其它有用的字段。  
除了可以在npmjs.org/doc/查看官方文档外，这里再介绍一些NPM常用命令。  
NPM提供了很多命令，例如install和publish，使用npm help可查看所有命令。  
NPM提供了很多命令，例如install和publish，使用npm help可查看所有命令。  
使用npm help <command>可查看某条命令的详细帮助，例如npm help install。  
在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序，可用于发布前的本地测试。  
使用npm update <package>可以把当前目录下node\_modules子目录里边的对应模块更新至最新版本。  
使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版。  
使用npm cache clear可以清空NPM本地缓存，用于对付使用相同版本号发布新版本代码的人。  
使用npm unpublish <package>@<version>可以撤销发布自己发布过的某个版本代码。

## 4.9、更换NPM 镜像 ##

因为npm的服务器在国外，在网络状态不好的情况下引入一个模块会因为网络延迟而失败，可以更换成国内速度更快的镜像服务器，这里以使用淘宝 NPM 镜像（[http://npm.taobao.org/][http_npm.taobao.org]）为例：

npm install -g cnpm –registry=https://registry.npm.taobao.org

![63651-20161222091410089-1439890158.png][]

这样就可以使用 cnpm 命令来安装模块了：  
＄ cnpm install \[name\]

![63651-20161222092002261-143474328.png][]

这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

如是安装失败，可以试试：

![复制代码][Image 1]

alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"

\# Or alias it in .bashrc or .zshrc $ echo ‘ \\n\#alias for cnpm\\nalias cnpm=”npm –registry=https://registry.npm.taobao.org \\ –cache=$HOME/.npm/.cache/ cnpm \\ –disturl=https: // npm.taobao.org/dist \\ –userconfig=$HOME/.cnpmrc ” ’ >> ~/.zshrc && source ~/.zshrc

![复制代码][Image 1]

# 五、Express #

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。  
使用 Express 可以快速地搭建一个完整功能的网站。使用Node.js作为AngularJS开发Web服务器的最佳方式是使用Express模块。

Express官网： [http://expressjs.com/][http_expressjs.com]

Express4.x API：[http://expressjs.com/zh-cn/4x/api.html][http_expressjs.com_zh-cn_4x_api.html]

![63651-20161222113905667-121619780.png][]

## **5.2、Express框架核心特性** ##

可以设置中间件来响应 HTTP 请求。

定义了路由表用于执行不同的 HTTP 请求动作。

可以通过向模板传递参数来动态渲染 HTML 页面。

丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件，让你创建健壮、友好的 API 变得既快速又简单。

Express 不对 Node.js 已有的特性进行二次抽象，我们只是在它之上扩展了 Web 应用所需的基本功能。

## **5.3、安装 Express** ##

安装 Express 并将其保存到依赖列表中：

npm install express –save

![63651-20161222093851261-1136882037.png][]

以上命令全局安装express。也可安装时指定安装中间件。

body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。

cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie，并把它们转成对象。

multer - node.js 中间件，用于处理 enctype=”multipart/form-data”（设置表单的MIME编码）的表单数据。

＄ npm install body-parser –save  
＄ npm install cookie-parser –save  
＄ npm install multer –save

默认这些模块都已经添加。

## 5.4、第一个Express框架实例 ##

接下来我们使用 Express 框架来输出 “Hello World”。  
以下实例中我们引入了 express 模块，并在客户端发起请求后，响应 “Hello World” 字符串。

创建一个目录，如Project，进入命令行：

使用npm install express 导入express模块。

在目录下创建hello.js文件，如下所示：

![复制代码][Image 1]

//引入express模块
    var express = require('express');
    //创建一个app对象，类似一个web 应用（网站）
    var app = express();
    //接受指定路径的请求，指定回调函数
    app.get('/', function (req, res){
    res.send('Hello World');
    });
    //创建一个web服务器，可以认为就是web服务器对象
    //监听8081端口，当监听成功时回调
    var server = app.listen(8081, function () {
       var host = server.address().address;  //地址
       var port = server.address().port;  //端口
        console.log("应用实例，访问地址为 http://%s:%s", host, port);
    });
    })

![复制代码][Image 1]

使用node执行js：

![63651-20161222095627698-863156491.png][]

运行结果：

![63651-20161222095652042-170402518.png][]

## 5.5、使用Nodeclipse开发Express项目 ##

如果直接使用记事本效率会不高，nodeclipse插件可以方便的创建一个Express项目，步骤如下：

![63651-20161222095037417-402222278.png][]

创建好的项目如下：

![63651-20161222101411276-1040342301.png][]

app.js是网站：

![复制代码][Image 1]

![复制代码][Image 1]

bin\\www是web服务器：

![复制代码][Image 1]

#!/usr/bin/env node
    
    /**
     * 依赖模块，导入
     */
    
    var app = require('../app');
    var debug = require('debug')('nodejsexpress:server');
    var http = require('http');
    
    /**
     * 从上下文环境中获得监听端口，如果空则3000
     */
    
    var port = normalizePort(process.env.PORT || '3000');
    app.set('port', port);
    
    /**
     * 创建Web服务器
     */
    
    var server = http.createServer(app);
    
    /**
     * 开始监听
     */
    
    server.listen(port);
    server.on('error', onError);  //指定发生错误时的事件
    server.on('listening', onListening);  //当监听成功时的回调
    
    /**
     * 规范化端口
     */
    
    function normalizePort(val) {
      var port = parseInt(val, 10);
    
      if (isNaN(port)) {
        // named pipe
        return val;
      }
    
      if (port >= 0) {
        // port number
        return port;
      }
    
      return false;
    }
    
    /**
     *错误事件监听
     */
    
    function onError(error) {
      if (error.syscall !== 'listen') {
        throw error;
      }
    
      var bind = typeof port === 'string'
        ? 'Pipe ' + port
        : 'Port ' + port;
    
      //错误处理
      switch (error.code) {
        case 'EACCES':
          console.error(bind + ' requires elevated privileges');
          process.exit(1);  //结束程序
          break;
        case 'EADDRINUSE':
          console.error(bind + ' is already in use');
          process.exit(1);
          break;
        default:
          throw error;
      }
    }
    
    /**
     * 当用户访问服务器成功时的回调
     */
    
    function onListening() {
      var addr = server.address();
      var bind = typeof addr === 'string'
        ? 'pipe ' + addr
        : 'port ' + addr.port;
      debug('Listening on ' + bind);
    }

![复制代码][Image 1]

routers/index.js路由，有点类似控制器或Servlet：

![复制代码][Image 1]

var express = require('express');
    var router = express.Router();
    
    /* 获得首页 */
    router.get('/', function(req, res, next) {
      res.render('index', { title: 'Express' });
    });
    
    module.exports = router;

![复制代码][Image 1]

views/index.ejs首页视图：

![复制代码][Image 1]

<!DOCTYPE html>
    <html>
      <head>
        <title><%= title %></title>
        <link rel='stylesheet' href='/stylesheets/style.css' />
      </head>
      <body>
        <h1><%= title %></h1>
        <p>Welcome to <%= title %></p>
      </body>
    </html>

![复制代码][Image 1]

在www上右键选择“运行方式”->“Node Application”运行结果：

![63651-20161222102937776-605885718.png][]

![63651-20161222103103417-546409240.png][]

## 5.6、ejs基础 ##

ejs是一个Express Web应用的模板引擎，在NodeJS开发中可以选择的模板引擎可能是所有Web应用开发中范围最广的，如jade、ejs、htmljs、swig、hogan.js，但ejs是最容易上手的，与jsp,asp,php的原始模板引擎风格很像。

官网：[http://www.embeddedjs.com/][http_www.embeddedjs.com]

添加一个product.js路由：

![复制代码][Image 1]

![复制代码][Image 1]

在views目录下添加product.ejs视图，这里是一个简单的MVC：

![复制代码][Image 1]

<!DOCTYPE html>
    <html>
    
        <head>
            <title>
                <%= title %>
            </title>
            <link rel='stylesheet' href='/stylesheets/style.css' />
        </head>
    
        <body>
            <h1><%= title %> - 产品列表</h1>
            <table border="1" width="80%">
                <tr>
                    <th>序号</th>
                    <th>名称</th>
                    <th>价格</th>
                </tr>
                <%pdts.forEach(function(pdt,index){
       %>
                <tr>
                    <td>
                        <%=index+1%>
                    </td>
                    <td>
                        <%=pdt.name%>
                    </td>
                    <td>
                        <%=pdt.price%>
                    </td>
                </tr>
                <%});%>
            </table>
    
            <ul>
                <% for(var i=0; i<pdts.length; i++) {
       %>
                <li>
                    <%=pdts[i].name%>
                </li>
                <% } %>
        </body>
    
    </html>

![复制代码][Image 1]

修改app，注册定义好的模块product：

![复制代码][Image 1]

var index = require('./routes/index');
    var users = require('./routes/users');
    var pdts = require('./routes/product');
    
    var app = express();
    
    //指定视图引擎为ejs
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'ejs');
    
    // uncomment after placing your favicon in /public
    //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
    app.use(logger('dev'));
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(cookieParser());
    app.use(express.static(path.join(__dirname, 'public')));
    
    app.use('/', index);
    app.use('/users', users);
    app.use('/pdt', pdts);

![复制代码][Image 1]

运行结果：

![63651-20161222111322307-1520056404.png][]

## 5.7、lodash ##

这是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。可以非常方便的操作json。

官网：[http://lodashjs.com/][http_lodashjs.com]

安装：

npm i -g npm

npm i –save lodash

安装时先用cd切换到当前项目下。

如果浏览器使用可以直接引入：

添加lodash依赖：

![63651-20180108095145269-2008121533.png][]

依赖成功后会在package.json中添加引用：

![63651-20180108095316347-2135414031.png][]

后台Node.js使用，可以引入模块：

![复制代码][Image 1]

//导入lodash模块
    var _= require('lodash');
    
    var products=[];
    products.push({name:"ZTE U880",price:899.8});
    products.push({name:"HuWei 荣耀8",price:1899.8});
    products.push({name:"iPhone 7 Plus 128G",price:5899.8});
    
    //1、取出第一个元素
    var obj1=_.first(products);
    console.log(obj1.name);  //ZTE U880
    
    //2、取出最后一个元素
    var obj2=_.last(products);
    console.log(obj2.name);  //iPhone 7 Plus 128G
    
    //3、指定查找条件返回符合条件的索引
    var obj3=_.findIndex(products,function(obj){
        return obj.price>=1000&&obj.name.indexOf("7")>0;
    });
    console.log(obj3);  //2
    
    //4、指定查找条件返回查找到的对象
    var obj4=_.find(products,function(obj){
        return obj.price>=1000&&obj.name.indexOf("7")>0;
    });
    console.log(obj4);  //{ name: 'iPhone 7 Plus 128G', price: 5899.8 }
    
    //5、排序
    var obj5=_.orderBy(products,["price","name"],["desc","asc"]);
    console.log(obj5); 
    
    //[ { name: 'iPhone 7 Plus 128G', price: 5899.8 },
    //{ name: 'HuWei 荣耀8', price: 1899.8 },
    //{ name: 'ZTE U880', price: 899.8 } ]
    
    //6、查找价格为1899.8的产品的key
    var obj6=_.findKey(products,{price:1899.8});
    console.log(obj6);   //1

![复制代码][Image 1]

API的使用非常简单，但需要注意版本，可以现查现用，API地址：[https://lodash.com/docs/4.17.2 ][https_lodash.com_docs_4.17.2]

## 5.8、参数 ##

### 5.8.1、URL中的参数占位 ###

Checks route params (req.params), ex: /user/:id

127.0.0.1:3000/index，这种情况下，我们为了得到index，我们可以通过使用req.params得到，通过这种方法我们就可以很好的处理Node中的路由处理问题，同时利用这点可以非常方便的实现MVC模式；

//获得产品根据Id
    router.get('/:id/:category',function(request,res,next){
        res.send(request.params.id+","+request.params.category);
    });

运行结果：

![63651-20161222144548511-613760100.png][]

### 5.8.2、URL中的QueryString ###

Checks query string params (req.query), ex: ?id=12

127.0.0.1:3000/index?id=12，这种情况下，这种方式是获取客户端get方式传递过来的值，通过使用req.query.id就可以获得，类似于PHP的get方法；

router.get('/:id',function(request,res,next){
        res.send("name:"+request.query.name);
    });

运行结果：

![63651-20161222150043479-170783647.png][]

### 5.8.3、HTTP正文中的参数 ###

在post请求中获得表单中的数据。

Checks urlencoded body params (req.body), ex: id=

127.0.0.1：300/index，然后post了一个id=2的值，这种方式是获取客户端post过来的数据，可以通过req.body.id获取，类似于PHP的post方法；

![63651-20161222150412682-243382356.png][]

页面：

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

<!DOCTYPE html>
    <html>
    
        <head>
            <title>
                <%= title %>
            </title>
            <link rel='stylesheet' href='/stylesheets/style.css' />
        </head>
    
        <body>
            <h1><%= title %> - 产品列表</h1>
            <table border="1" width="80%">
                <tr>
                    <th>序号</th>
                    <th>名称</th>
                    <th>价格</th>
                </tr>
                <%pdts.forEach(function(pdt,index){
        %>
                <tr>
                    <td>
                        <%=index+1%>
                    </td>
                    <td>
                        <%=pdt.name%>
                    </td>
                    <td>
                        <%=pdt.price%>
                    </td>
                </tr>
                <%});%>
            </table>
    
            <ul>
                <% for(var i=0; i<pdts.length; i++) {
        %>
                <li>
                    <%=pdts[i].name%>
                </li>
                <% } %>
            </ul>
    <p>
                <%if(typeof msg!="undefined"){
        %>
                    <%=msg%>
                <%}%>
    </p>
            <form action="pdt/add" method="post">
                <p>
                    名称：<input name="name" />
                </p>
                <p>
                    价格：<input name="price" />
                </p>
                <button>添加</button>
            </form>
    
    
    
    
        </body>
    
    </html>

代码：

![复制代码][Image 1]

router.post('/add',function(request,res,next){
        var entity={name:request.body.name,price:request.body.price};
        products.push(entity);
          //将product视图与指定的对象渲染后输出到客户端
          res.render('product', { title: '天狗商城', pdts:products,msg:"添加成功"});
    });

![复制代码][Image 1]

结果：

![63651-20161222151340745-1374859267.png][]

## 5.9、JSON ##

如果需要Node.js向外提供返回JSON的接口，Express也是非常方便的，可以使用原来在浏览器中使用到的JSON对象，这是一个浏览器内置对象在服务可以直接使用：

将对象序列化成字符：

![复制代码][Image 1]

//对象
                var rose={"name":"Rose","weight":"65"};
                //序列化成字符串
                var str=JSON.stringify(rose);
                alert(str);

![复制代码][Image 1]

结果：

![63651-20161222151858839-27300214.png][]

反序列化，将字符转换成对象：

//将字符串转换成JavaScript对象
                var markStr='{"name":"mark","weight":"188"}';
                var mark=JSON.parse(markStr);
                alert(mark.name+"，"+mark.weight);

结果：

![63651-20161222152634417-1260078212.png][]

Express已经封装了一个json方法，直接调用该方法就可以序列化对象：

/* 产品 */
    router.get('/rest', function(req, res, next) {
      res.json(products);
    });

运行结果：

![63651-20161222152914276-1587553101.png][]

# 六、RESTful（表述性状态转移） #

REST是英文Representational State Transfer的缩写，中文称之为“表述性状态转移”  
基于HTTP协议  
是另一种服务架构  
传递是JSON、POX（Plain Old XML）而不是SOAP格式的数据  
充分利用HTTP谓词（Verb）  
侧重数据的传输，业务逻辑交给客户端自行处理

REST是一种分布式服务架构的风格约束，像Java、.Net（WCF、WebAPI）都有对该约束的实现，使URL变得更加有意义，更加简洁明了，如：

http://www.zhangguo.com/products/1 get请求 表示获得所有产品的第1个

http://www.zhangguo.com/products/product post请求 表示添加一个产品

http://www.zhangguo.com/products/1/price get请求 表示获得第1个产品的价格

http://www.zhangguo.com/products/1 delete请求 删除编号为1的产品

REST设计需要遵循的原则  
网络上的所有事物都被抽象为资源（resource）；  
每个资源对应一个唯一的资源标识符（resource identifier）；  
通过通用的连接器接口（generic connector interface）对资源进行操作；  
对资源的各种操作不会改变资源标识符；  
所有的操作都是无状态的（stateless）

谓词  
GET  
表示查询操作，相当于Retrieve、Select操作  
POST  
表示插入操作，相当于Create，Insert操作  
PUT  
表示修改操作，相当于Update操作  
DELETE  
表示删除操作，相当于Delete操作

其它还有：

![63651-20161223101344557-1727952968.png][]

NodeJS+Express可以很容易的实现REST

application/x-www-form-urlencoded

multipart/form-data

application/json

res.setHeader(‘Content-Type’, ‘application/json;charset=utf-8’);

示例代码cars.js：

![复制代码][Image 1]

![复制代码][Image 1]

示例代码app.js：

![复制代码][Image 1]

![复制代码][Image 1]

/\* Get \*/  
/\*获得所有汽车\*/  
/\*url /cars/\*/

![63651-20161223100830448-2076876806.png][]

/\*Get\*/  
/\*获得汽车通过id\*/  
/\*url：/cars/:id \*/

![63651-20161223101030042-1011736087.png][]

/\*Post\*/  
/\*添加汽车\*/  
/\*url：/cars/car \*/

![63651-20161223103714276-2008195573.png][]

![63651-20161223103745714-149868509.png][]

参数中的json格式一定要使用标准格式，注意引号，注意Content-Type，默认的Content-Type类型是：application/x-www-form-urlencoded

/\*Put\*/  
/\*修改汽车\*/  
/\*url：/cars/car \*/

![63651-20161223104653026-375693413.png][]

![63651-20161223104632151-1638726484.png][]

/\*Delete\*/  
/\*删除汽车\*/  
/\*url：/cars/:id \*/

![63651-20161223105104432-1823460558.png][]

![63651-20161223105030745-492987203.png][]

**node.js跨域**

修改app.js文件拦截所有的请求，修改头部

![复制代码][Image 1]

app.use(logger('dev'));
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(cookieParser());
    app.use(express.static(path.join(__dirname, 'public')));
    app.all('*', function(req, res, next) {
        res.header("Access-Control-Allow-Origin", "*");
        res.header("Access-Control-Allow-Headers", "content-type");
        res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
        res.header("X-Powered-By", ' 3.2.1');
        res.header("Content-Type", "application/json;charset=utf-8");
        if(req.method == "OPTIONS") {
            res.send("200");
        } else {
            next();
        }
    });

![复制代码][Image 1]

结果：

![63651-20180108142729785-1121920664.png][]

# 七、示例下载 #

git：[https://coding.net/u/zhangguo5/p/NodeJS001/git][https_coding.net_u_zhangguo5_p_NodeJS001_git]

git：[https://coding.net/u/zhangguo5/p/NodeJSExpress/git][https_coding.net_u_zhangguo5_p_NodeJSExpress_git]

# 八、作业 #

8.1、请安装好node.js环境，测试版本，在控制台写一个方法用于计算1-100间的所有能被3整除的数，并调用。

8.2、请将8.1中的方法单独存放到一个math.js文件中，同时在math.html页面与node的控制台中调用

8.3、在开发工具IDE中集成node.js开发环境，创建一个node.js项目，向控制台输出“Hello World!”

8.4、使用记事本在c:\\根目录下写一个server.js文件实现一个最简单的web服务器，请求时响应当前系统时间。

8.5、将8.4的功能在IDE中完成，请注意端口号不能被占用，如果提示占用错误可以修改端口号为1025-65535之间

8.6、完成一个图书管理的功能，图书包含（编号，名称，作者，图片，价格），实现：

a)、非AJAX的CRUD，使用Node.js+Express+ejs的动态技术。

b)、AJAX的CRUD，使用Node.js+Express+jQuery+HTML技术实现。当然也可以使用Vue2+axios。

c)、使用RestFul风格的服务完成第个作业，get,post,delete,put请。

![63651-20161230140932101-1105720214.png][]

# 九、视频 #

[https://www.bilibili.com/video/av17977069/][https_www.bilibili.com_video_av17977069]

https://www.cnblogs.com/best/p/6204116.html

[63651-20161221143342354-835289664.png]: /images/20220514/bd36009c3a3242768a0e61f588007105.png
[https_nodejs.org_en]: https://nodejs.org/en/
[https_cnodejs.org]: https://cnodejs.org
[http_nodejs.cn]: http://nodejs.cn/
[http_nodeapi.ucdok.com_api]: http://nodeapi.ucdok.com/#/api/
[63651-20161221145302776-1473642599.png]: /images/20220514/309287b5cd3846daa3d261f074d332c5.png
[63651-20161221145631292-604381565.png]: /images/20220514/2eeaa02438ab4652bae65fdd56747630.png
[63651-20161221145946198-2017554387.png]: /images/20220514/771900c5e41f48bf88ab1ea1953f2c97.png
[63651-20161221150122276-117101583.png]: /images/20220514/3830b1bf8ebd466d84a8d1c213298c35.png
[63651-20161221150420932-1194438541.png]: /images/20220514/ec59b2dc464646fe80400c77ab0a6f5d.png
[63651-20161221150744167-419963852.png]: /images/20220514/21ab77482aae4e5098fe141afadafa51.png
[Image 1]: 
[63651-20161221155949714-1496765865.png]: /images/20220514/d5abf004e3fe4f22adf865c4d63b4f20.png
[63651-20161221160021167-1270760207.png]: /images/20220514/f2255b8ae7ba4424ab7402743fc8e1fc.png
[https_www.npmjs.com]: https://www.npmjs.com/
[63651-20161221160443714-1386711931.png]: /images/20220514/052eb657cb5742c3aa48845211677162.png
[63651-20161221160840839-1029712927.png]: /images/20220514/cca7cc33a00741a791accc9a933821c7.png
[63651-20161221161000557-462930371.png]: /images/20220514/948315debc5e49abbd056a72bb0ce5ca.png
[63651-20161222085514886-1084643876.png]: /images/20220514/22aa29c263c849969e2dd7a4e34c67c6.png
[http_npm.taobao.org]: http://npm.taobao.org/
[63651-20161222091410089-1439890158.png]: /images/20220514/c3a4a211e28e49b58d9e6d3f3199c802.png
[63651-20161222092002261-143474328.png]: /images/20220514/4e031fccbd534f519bc024d977ac0583.png
[http_expressjs.com]: http://expressjs.com/
[http_expressjs.com_zh-cn_4x_api.html]: http://expressjs.com/zh-cn/4x/api.html
[63651-20161222113905667-121619780.png]: /images/20220514/5bab67f3a97e4124bae09e17aa1eadfe.png
[63651-20161222093851261-1136882037.png]: /images/20220514/b3f3c6aa983b45688bf527e624c1c4f4.png
[63651-20161222095627698-863156491.png]: /images/20220514/334315e1beb0438396b17162c8b1a2bb.png
[63651-20161222095652042-170402518.png]: /images/20220514/de2f28d2e5d246b8949d02a0d8e3741e.png
[63651-20161222095037417-402222278.png]: /images/20220514/e28cb70bcb9140a6a684c8dcc8c026e5.png
[63651-20161222101411276-1040342301.png]: /images/20220514/1fa53efcbf494898a9206cd96f952f7c.png
[63651-20161222102937776-605885718.png]: /images/20220514/8b53d5b1726e46c2b513fd1ed1a12250.png
[63651-20161222103103417-546409240.png]: /images/20220514/87c58f5ae9b24b4da185684f36bda215.png
[http_www.embeddedjs.com]: http://www.embeddedjs.com/
[63651-20161222111322307-1520056404.png]: /images/20220514/9bb6ea5bf8524b2888ed89018c395fef.png
[http_lodashjs.com]: http://lodashjs.com/
[63651-20180108095145269-2008121533.png]: /images/20220514/4064e0a1984a474e87775eedf40a9f0e.png
[63651-20180108095316347-2135414031.png]: /images/20220514/4152be82996d4e26acd040e441f4c0d1.png
[https_lodash.com_docs_4.17.2]: https://lodash.com/docs/4.17.2%20
[63651-20161222144548511-613760100.png]: /images/20220514/052cda119bdd4785907a41a75c58ef62.png
[63651-20161222150043479-170783647.png]: /images/20220514/75ec7caf7b7a4c80bbd2e7f6632e0c15.png
[63651-20161222150412682-243382356.png]: /images/20220514/acb3ebfb645446bbbf3eb4e07de0c15b.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20220514/641f908001234b4191834b4ddd52cc4e.png
[63651-20161222151340745-1374859267.png]: /images/20220514/5e12aec362b44291818aa91f4214bc96.png
[63651-20161222151858839-27300214.png]: /images/20220514/4762b9927153465ca5d12047193c3416.png
[63651-20161222152634417-1260078212.png]: /images/20220514/48d2aed0aae74fd98f551aba61e8ce1e.png
[63651-20161222152914276-1587553101.png]: /images/20220514/b7c840532c094ce68c407f5ca4aeacb1.png
[63651-20161223101344557-1727952968.png]: /images/20220514/7b737d42d92c46619e0b18c6980af308.png
[63651-20161223100830448-2076876806.png]: /images/20220514/844144e16d0c4e36815f543c494450c8.png
[63651-20161223101030042-1011736087.png]: /images/20220514/65ed0afc05c2459eb08698087bdc9eea.png
[63651-20161223103714276-2008195573.png]: /images/20220514/f861058cb887428980d040732fd71641.png
[63651-20161223103745714-149868509.png]: /images/20220514/8bd590b1389f4f32983c0e3241582b30.png
[63651-20161223104653026-375693413.png]: /images/20220514/966a82c528184d339ccbfff253600fb2.png
[63651-20161223104632151-1638726484.png]: /images/20220514/4a8e4df27b554d52ba28574147d3376e.png
[63651-20161223105104432-1823460558.png]: /images/20220514/4fc80d88afc544c6a653e90e7fede130.png
[63651-20161223105030745-492987203.png]: /images/20220514/6dcffd42a6084d63aaf57685315995cc.png
[63651-20180108142729785-1121920664.png]: /images/20220514/3c3131a56bdc4368935e9592cf18b422.png
[https_coding.net_u_zhangguo5_p_NodeJS001_git]: https://coding.net/u/zhangguo5/p/NodeJS001/git
[https_coding.net_u_zhangguo5_p_NodeJSExpress_git]: https://coding.net/u/zhangguo5/p/NodeJSExpress/git
[63651-20161230140932101-1105720214.png]: /images/20220514/9f00b3a64b31485695f6f1132adf7c5a.png
[https_www.bilibili.com_video_av17977069]: https://www.bilibili.com/video/av17977069/