2022-02-24 Node.js Express框架学习笔记(一) Express介绍,Express安装,中间件安装和第一个例子

本文链接：https://blog.csdn.net/rowlet/article/details/123122117

本文介绍了Express，一个基于Node.js的web应用开发框架。它用于快速构建功能丰富的网站。主要内容包括Express的概念、常见用途、特点，以及如何安装Express、重要的中间件如body-parser、cookie-parser和multer的安装与使用。通过示例代码helloworld.js，展示了如何启动一个简单的Express应用并输出'hello world'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

概念

什么是Express?

express是基于node.js的一个快速极简的web应用开发框架,
利用express可以创建web应用,http工具

常见用途

使用 Express 可以快速地搭建一个完整功能的网站。

express的特点

1.可以设置中间件,来响应http请求
2.可以定义路由表,用于执行不同的http请求动作
3.可以通过向模板传参,来动态渲染html页面

学习手册

官网
 菜鸟

express安装

在单独文件夹下打开终端或cmd,初始化:npm init
生成package.json文件
输入安装命令:npm i express --save
看到package.json更新如下代码

  "dependencies": {
    "express": "^4.18.2"
  }

或输入命令 express --version能查到版本号即安装成功

安装成功后当前文件夹下会出现一个子文件夹:node_modules

重要模块(中间件)安装

body-parser :处理JSON和URL数据

node.js 中间件，用于处理 JSON 和 URL 编码的数据。

cookie-parser :解析cookie转成对象

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

multer :处理表单数据

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

安装命令

$ cnpm install body-parser --save
$ cnpm install cookie-parser --save
$ cnpm install multer --save

helloworld.js

// 引入express
var express = require('express'); //express对象
var app = express(); //express对象的一个实例,可以用来注册中间件
// 创建服务器
app.get("/", function(req, res) { //根目录
    // express封装的方法
    res.send(`<html><h1>hello world</h1></html>`);
});
app.get("/login", function(req, res) { //login子路径
    // node的res方法
    res.writeHead(200, { 'Content-Type': 'text/html;charset=UTF8' });
    res.write(`<html><h1>我是登录页面</h1></html>`);
    res.end();
});
// 设置监听
var server = app.listen(8081, function(host, port) {
    host = server.address().address;
    port = server.address().port;
    console.log(host, port);
});

输入命令:nodemon helloworld.js(不用关闭和开启服务器)
输出::: 8081
浏览器地址输入:http://127.0.0.1:8081/
输出:hello world 你好世界
浏览器地址输入:http://127.0.0.1:8081/login
输出:我是登录页面…