Express框架、Webstorm中创建Express项目

目录

一、初识Express

1、Express的基础知识

2、安装Express

3、利用Express搭建Web服务器

二、Express中间件

1、组成

2、常用的中间件方法

3、利用中间件处理静态资源

4、利用中间件处理错误

三、Express模块化路由

四、Express接收请求参数

1、 Express接收GET请求参数

2、Express接收POST请求参数

3、Express接收路由参数

六、Webstorm中创建Express项目

---

一、初识Express

1、Express的基础知识

封装了http模块,并对http进行了扩展。简化了基于NodeJS的Web服务器端的开发。可以方便的获取请求参数和进行路由处理。

优势:

（1）简洁的路由定义方式。

（2）简化HTTP请求参数的处理。

（3）提供中间件机制控制HTTP请求。

（4）拥有大量第三方中间件。

（5）支持多种模版引擎。

2、安装Express

（1）项目初始化：npm init ---->生成配置文件

 （2）安装express模块：npm install express --save

 （3）查看express模块的版本号：npm list express  （验证express是否安装成功）

3、利用Express搭建Web服务器

利用Express搭建Web服务器的基本步骤：

◼ 引入express模块；

◼ 调用express()方法创建服务器对象app；

◼ 调用get()方法定义GET路由；

◼ 调用listen()方法监听端口。

//1、引入express模块
const express = require('express')
//2、创建Web服务器对象
const app = express();
//3、创建get路由：接收客户端的get请求
app.get('/',(req,res)=>{
    res.end('Hello Express!')
})
app.get('/list',(req,res)=>{
    res.end('Hello ListPage!')
})
//4、启动监听
app.listen(3000)

console.log("服务器运行在3000端口上")

  

 

二、Express中间件

Express通过中间件接收客户端发来的请求，并对请求做出响应，也可以将请求交给下一个中间件继续处理。

中间件（Middleware）是指业务流程的中间处理环节。可以把中间件理解为处理客户端请求的一系列方法。如果把请求比作水流，那么中间件就是阀门，阀门可以控制水流是否继续向下流动，也可以在当前阀门处对水流进行排污处理，处理完成后再继续向下流动。

 中间件机制可以实现哪些应用？

路由保护：当客户端访问登录页面时，可以先使用中间件判断用户的登录状态，如果用户未登录，则拦截请求，直接响应提示信息，并禁止用户跳转到登录页面。

维护公告：在所有路由的最上面定义接收所有请求的中间件，直接为客户端做出响应，并提示网站正在维护中。

自定义404页面：在所有路由的最上面定义接收所有请求的中间件，直接为客户端做出响应，并提示404页面错误信息。

1、组成

中间件主要由中间件方法和请求处理函数这两个部分构成。

（1）中间件方法：由Express 提供，负责拦截请求。

（2）请求处理函数：由开发人员编写，负责处理请求。

2、常用的中间件方法

常用的中间件方法有app.get()、app.post()、app.use()，其基本语法形式如下：