Node.js 入门知识点总结

男娘i 2022-10-12 04:27 45阅读 0赞

### Noed.js 快速入门 ###

*  前言
 *  node.js 入门
 *   *  环境配置
     *  hello node.js
     *  node.js 获取参数
     *  node.js 模块系统
     *  node.js 路由
     *  node.js 文件操作
     *  使用 npm 管理模块
     *  node.js 操作 mysql
 *  node.js 框架 express
 *   *  hello express
     *  访问静态文件
     *  上传文件
     *  更多文档

> 教程来源：[how2j 的 node.js教程][how2j _ node.js]

> 以下所有代码都在 Gitee 上：[https://gitee.com/szluyu99/how2j\_front\_note/tree/master/nodejs][https_gitee.com_szluyu99_how2j_front_note_tree_master_nodejs]

# 前言 #

[how2j 的 node.js 教程][how2j _ node.js] 是比较容易入门的，但是并不是很深入的教程，目前 Node.js 并不是我学习的重点，其他技术对我来说更重要，因此我很适合这种快餐式的教程，大致学习一下这门技术，了解它能做什么（也就是入个门），等后面有需要时再自己翻文档深入学习。

# node.js 入门 #

> 所有代码：[https://gitee.com/szluyu99/how2j\_front\_note/tree/master/nodejs][https_gitee.com_szluyu99_how2j_front_note_tree_master_nodejs]

## 环境配置 ##

Node.js 官网：[https://nodejs.org/en/download/][https_nodejs.org_en_download]

> 分享一个 Node.js 安装教程：[https://www.cnblogs.com/zwjphp/p/14123746.html][https_www.cnblogs.com_zwjphp_p_14123746.html]  
>   
> 以下命令可以用于检测环境：
> 
>     node --version
>     node -v

## hello node.js ##

编写一个 server.js：

var http = require('http'); // 引入http模块
    var url = require('url'); // 引入url模块
    var querystring = require('querystring'); // 引入querystring模块
    
    function service(request, response) { 
        // 设置返回代码200, 返回格式text/plain
        response.writeHead(200, {  'Content-Type': 'text/plain' });
        // 设置返回内容
        response.end('Hello Node.js')
    }
    
    // 基于service函数来创建服务器
    var server = http.createServer(servic);
    // 服务器监听8088端口
    server.listen(8088);

在该脚本的目录下执行运行服务器的指令：

node server.js

访问该 url：`http://localhost:8088/`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70]

## node.js 获取参数 ##

var http = require('http'); // 引入http模块
    var url = require('url'); // 引入url模块
    var querystring = require('querystring'); // 引入querystring模块
    
    function service(req, response) { 
        //获取返回的url对象的query属性值
        var arg = url.parse(req.url).query;
        //将arg参数字符串反序列化为一个对象
        var params = querystring.parse(arg);
        //请求的方式
        console.log("method - " + req.method);
        //请求的url
        console.log("url - " + req.url);
        //获取参数id
        console.log("id- " + params.id);
        
        response.writeHead(200, {  'Content-Type': 'text/plain' });
        response.end('Hello Node.js');
    }
    
    var server = http.createServer(service);
    server.listen(8088);

访问：`http://127.0.0.1:8088/?id=123`  
![在这里插入图片描述][20210703221231114.png]

## node.js 模块系统 ##

编写一个 how2j.js 作为一个模块，然后在别的 js 文件中调用该模块：

how2j.js：

server.js：

var http = require('http');
    var how2j = require('./how2j');
    
    how2j.hi()
    http.createServer(how2j.service).listen(8088);

## node.js 路由 ##

业务处理模块 requestHandlers.js：

function listCategory() { 
        return "a lot of categorys";
    }
    
    function listProduct() { 
        return "a lot of products";
    }
    
    exports.listCategory = listCategory;
    exports.listProduct = listProduct;

路由模块 router.js：

服务器模块 server.js：

入口主模块 index.js：

> 与以往启动使用 server.js 不同，**带路由功能，一般都会通过 index.js 启动**

var server = require("./server");
    var router = require("./router");
    var requestHandlers = require("./requestHandlers");
    
    var handle = { }
    handle["/listCategory"] = requestHandlers.listCategory;
    handle["/listProduct"] = requestHandlers.listProduct;
    
    server.start(router.route, handle);

思路整理：

1.  通过如下方式启动服务器
    
        node index.js
2.  index.js 调用了 server.start 函数，并且传递了 router.js 里 route 函数和 handle 数组作为参数
3.  serverl.js 通过了 8088 端口启动了服务，然后用 onRequest 函数来处理业务  
    3.1 在 onRequest 中，首先获取访问路径 pathname  
    3.2 然后调用 router.js 的 route 函数，并把 pathname 和 handle 数组传递进去
4.  在 router.js 中，通过 pathname 为下标调用真正的业务函数，并把业务函数的返回值返回出去  
    如果找不到，比如访问 /listUser 这个路径就没有在 handle 数组中找到对应，那么就会返回 listUser is not defined
5.  当访问地址是 /listCategory 的时候， 真正的业务函数 requestHandlers.js 中的 listCategory() 就会被调用，并返回业务 Html 代码 : “a lots of categorys”

## node.js 文件操作 ##

该示例在之前路由的基础上进行衍生，见代码：[文件操作][Link 1]

文件操作的核心：

## 使用 npm 管理模块 ##

npm 就是用来下载别人的模块，和发布自己的模块用的工具。

> 伴随着 node 的安装， npm 是自动安装的。  
> 可以通过如下命令查看当前 npm 的版本：
> 
>     npm -v

以下操作如果不加 `-g` 则不是代表全局操作，只代表对当前项目。

> 关于修改 npm 全局安装的路径，详见：[https://www.cnblogs.com/zwjphp/p/14123746.html][https_www.cnblogs.com_zwjphp_p_14123746.html]

使用 npm 全局安装 express 模块：

npm install express -g

使用 npm 全局卸载 express 模块：

npm uninstall express -g

查看全局安装的模块：

npm list -g

--------------------

除了可以安装别人发布的模块，我们也可以自己发布模块，所有 npm 都发布在 [https://www.npmjs.com/][https_www.npmjs.com]，具体发布方法可以百度。

## node.js 操作 mysql ##

安装 mysql 相关的模块：

npm install mysql -g

数据库操作：

create database nodejs
    
    use nodejs;
       
    CREATE TABLE category_ (
      id int(11) NOT NULL AUTO_INCREMENT, # 主键自增
      name varchar(30) ,
      PRIMARY KEY (id)
    ) DEFAULT CHARSET=UTF8;
    
    insert into category_ values(null,"category1");
    insert into category_ values(null,"category2");
    insert into category_ values(null,"category3");
    insert into category_ values(null,"category4");
    insert into category_ values(null,"category5");

db.js

1.  编写函数 openConnection， 其中填写数据库链接的地址，账号，密码，数据库名称
2.  编写函数 closeConnection, 用于关闭链接
3.  编写数据库相关操作函数

在 app.js 中调用 db.js 写好的数据库相关操作：

var db = require("./db");
    
    // db.add("category test");
    // db.update(6, "category 666");
    // db.remove(1);
    db.get(2);
    db.showAll();

# node.js 框架 express #

Express 是一个方便开发者的 web 框架，可以让开发者可以方便地处理路由，Cookie, 静态文件，上传文件， RESTFULL风格等等常见操作。

> 所有代码：[https://gitee.com/szluyu99/how2j\_front\_note/tree/master/nodejs/7-express][https_gitee.com_szluyu99_how2j_front_note_tree_master_nodejs_7-express]

安装 express 框架：

npm install express -g

## hello express ##

使用如下命令创建 package.json 文件：

npm init

除了 package name 需要输入，其余全部回车即可。

在 app.js 使用 express 框架实现了简单的路由功能：

var express = require('express')
    
    var app = express()
    
    // http://localhost:8088
    app.get('/', (req, res) => { 
        res.send('Hello express')
    });
    
    // http://localhost:8088/abc
    app.get('/abc', (req, res) => { 
        res.send('abc page from express')
    });
    
    var server = app.listen(8088);

运行项目：

node app.js

分别访问：`http://127.0.0.1:8088` 和 `http://127.0.0.1:8088/abc`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 1]

## 访问静态文件 ##

默认情况下， **nodejs 不提供静态文件访问**，即在工作目录下有一个 test.html，也无法直接通过如下地址直接访问：`http://127.0.0.1:8088/test.html`。

而静态文件，比如 html css js 的访问又是 web 服务器常见的需求，通过 express 可以解决这个问题。

代码：[express 访问静态文件][express]

核心代码：

var express = require('express')
    var path = require('path')
    var app = express()
     
    // 设置静态访问目录
    // express.static 指定静态目录的位置
    // __dirname 就是工作目录
    app.use(express.static(path.join(__dirname, 'public')))
    app.listen(8088);

项目的目录结构如下，经过上面设置，public 被设置为静态目录，可以访问。  
![在这里插入图片描述][20210703230110395.png]

## 上传文件 ##

完整项目：[上传文件][Link 2]

安装模块：

npm install express -g
    npm install multer -g

核心代码：

upload.html：

<!DOCTYPE html>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <form action="uploadPhoto" method="post" enctype="multipart/form-data">
        上传图片 : <input type="file" name="image" accept="image/*" /> <br>
        <input type="submit" value="上传">
    </form>

app.js：

## 更多文档 ##

[Express 中文网][Express]

[Node.js 中文网][Node.js]

[how2j _ node.js]: https://how2j.cn/k/nodejs/nodejs-start/1760.html?p=128417
[https_gitee.com_szluyu99_how2j_front_note_tree_master_nodejs]: https://gitee.com/szluyu99/how2j_front_note/tree/master/nodejs
[https_nodejs.org_en_download]: https://nodejs.org/en/download/
[https_www.cnblogs.com_zwjphp_p_14123746.html]: https://www.cnblogs.com/zwjphp/p/14123746.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70]: /images/20221005/93b1cac6868c4cdfa8e689347769d28a.png
[20210703221231114.png]: /images/20221005/4e35af4948db49c8bbefa6d4ef4ecee3.png
[Link 1]: https://gitee.com/szluyu99/how2j_front_note/tree/master/nodejs/5-%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C
[https_www.npmjs.com]: https://www.npmjs.com/
[https_gitee.com_szluyu99_how2j_front_note_tree_master_nodejs_7-express]: https://gitee.com/szluyu99/how2j_front_note/tree/master/nodejs/7-express
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNDA5NQ_size_16_color_FFFFFF_t_70 1]: /images/20221005/f0d4f74884664c7e856fc54c378c34fa.png
[express]: https://gitee.com/szluyu99/how2j_front_note/tree/master/nodejs/7-express/2-%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6
[20210703230110395.png]: /images/20221005/a6634bbdb73a42b28590eda77484741b.png
[Link 2]: https://gitee.com/szluyu99/how2j_front_note/tree/master/nodejs/7-express/3-%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6
[Express]: https://www.expressjs.com.cn/
[Node.js]: http://nodejs.cn/