首页 / NODEJS / 【Node.js】初见Express框架

【Node.js】初见Express框架

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【Node.js】初见Express框架，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5901字，纯文字阅读大概需要9分钟。

内容图文

【Node.js】初见Express框架

Express框架

Express框架

一、基本概念

01.是什么

Express是一个基于Node平台的web应用开发框架
它提供了一系列的强大特性，帮助你创建各种Web应用我们
可以使用npm install express命令进行下载

02.特性

提供了方便简洁的路由定义方式
对获取HTTP请求参数进行了简化处理
对模板引孳支持程度高，方便渲染动态HTM页面
提供了中间件机制有效控制HTTP请求
拥有大量第三方中间件对功能进行扩展

03.下载

npm install express

04.引用

const express = require("express");

返回一个方法

05.创建网站服务器

调用这个express()方法就可以创建网站服务器
- 不需要再调用http模块
```
// 创建服务器
const app = express();
// 监听端口
app.listen(3000);
```

06.创建路由

创建路由以响应客户端请求，与router模块使用类似
```
app.get("/", (req,res) =>{
    res.send();
});
```
注意，不再使用end()方法进行响应，而是send()

send()方法：
1. 会自动检测响应内容的类型
2. 自动设置http状态码，主动设置使用res.status()
3. 设置响应的内容类型与编码
4. 可以输入对象

二、中间件

01.基本概念

概念：

中间件就是一堆方法，可以接收客户端发来的请求、可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理
组成：
中间件主要由两部分构成：
1. 中间件方法：中间件方法由Express提供，负责拦截请求
2. 请求处理函数：请求处理函数由开发人员提供，负责处理请求
处理：
1. 可以针对同一个请求设置多个中间件，对同一个请求进行多次处理
2. 默认情况下，请求从上到下依次匹配中间件，匹配成功，终止匹配
3. 可以调用next方法将请求的控制权交给下一个中间件，直到遇到结束请求的中间件

02.`app.use`中间件

app.use匹配所有的请求方式，可以直接传入请求处理函数，代表接收所有的请求

因为中间件按顺序执行，所以该中间件要放在最前面
```
app.use( (req,res,next)=>{
    next();
} );
```
app.use第一个参数可以传入请求地址
- 代表不论什么请求方式，只要是这个请求地址就接收这个请求
```
app.use("/list",(req,res,next)=>{
   next(); 
});
```

03.中间件应用

路由保护

客户端在访问需要登录的页面时，可以先使用中间件判断用户登录状态

用户如果未登录，则拦截请求，直接响应，禁止用户进入需要登录的页面
网站维护公告
在所有路由的最上面定义接收所有请求的中间件，

直接为客户端做出响应，网站正在维护中
```
res.send();
```
自定义404
```
res.status(404).send("。。。");
```

04.错误处理中间件

错误处理中间件是一个集中处理错误的地方

在程序执行的过程中，不可避免的会出现一些无法预料的错误

比如文件读取失败，数据库连接失败
```
app.get( ()=>{
    throw new Error("程序错误");
});
```
```
app.use( (err,req,res,next)=>{
    res.status(500).send(err.message);
} );
```
异步错误的处理：手动触发

当程序出现错误时，调用next()方法，并且将错误信息通过参数的形式传递给**next()方法**，即可触发错误处理中间件
```
app.get((req,res,next)=>{
    fs.readFile(" ", (err,data)=>{
        if(err){
            next(err);
        }
    });
});
```

05.捕获错误

在 node.js中，异步API的错误信息可以通过回调函数获取

支持Promise对象的异步API发生错误，可以通过catch()方法捕获

那么，异步函数执行如果发生错误要如何捕获错误呢？

try catch可以捕获异步函数以及其他同步代码在执行过程中发生的错误，但是不能其他类型的异步错误
```
app.get("", async ()=>{
 	try{
        await 可能出现错误的代码
    }catch(ex){
        next(ex);
    }    
});
```
将可能出现错误的代码放入try中，程序会尝试执行这个代码

如果没有错误，则继续执行try catch后面的代码

如果有错误，就执行catch语句中的代码，触发错误处理中间件

三、构建模块化路由

01.构建模块化路由的基础代码

创建路由对象
```
const home = express.Router();
```
将路由和请求路径进行匹配
```
app.use("/home",home);
```
在客户端请求这个路径"/home"时，用home路由进行这个处理
在home路由下继续创建路由（二级路由）
```
home.get("/index", ()=>{
    res.send();
});
```
这是home路由下的处理

当用户访问/home时，进入home路由，然后在/home路径下访问/index路径时，就进行home路由里面的处理，

即实际客户端访问：localhost:3000/home/index时，才会进入这个路由
导出home路由
```
module.exports = home;
```

四、Express请求处理

01.GET参数的获取

Express框架中使用 req.query即可获取GET参数
- 框架内部会将GET参数转换为对象并返回
- 地址栏中问号后面的参数
```
app.get("/",(req,res)=>{
    console.log(req.query);
});
```

02.POST参数的获取

Express中接收POST请求参数需要借助第三方包 body-parser
```
const bodyParser = require("body-parser");

app.use(bodyParser.urlencoded({ extended:false }));

app.post("/", (req,res)=>{
   console.log(req.body);
});
```
bodyParser.urlencoded这个方法对请求进行处理，如果含有参数，就将参数转换为对象类型

然后为req这个请求对象添加一个body属性，并把参数对象赋值给这个属性

最后在内部调用next()方法，进行下一个中间件的执行

03.Express路由参数

语法示例
```
app.get("./find/:id",(req,res)=>{
    req.params
});
```
- 在请求地址的后面显示添加参数
  - 以冒号 : 的形式进行分隔，后面写参数
  - 这个id 是一个占位符，表示这个路由要接收一个id参数
- req.params：存储路由参数的对象
如：请求地址：

localhost:3000/find/123456

则，req.params = { “id”: “123456” };
- 可以拼接多个
```
app.get("./find/:id/:name/:age",(req,res)=>{
    req.params
});

localhost:3000/find/123456/ccc/234
```

04.静态资源的处理

通过 Express内置的 express.static可以方便地托管静态文件
- 接收静态资源目录参数
例如img、CSS、 Javascript文件等

模板页面需要静态资源的处理

这是因为模板中的相对路径，实际是相对于浏览器地址栏中的请求路径

并不是相对于模板所在路径

app.use( express.static("public") );

这样就可以直接访问public文件夹下的文件

五、模板引擎

01.express-art-template模板引擎

为了使 art-template模板引擎能够更好的和 Express框架配合，模板引擎官方在原art-template模板引擎的基础上封装了 express-art-template

需要同时下载两个模块

npm install art-template express-art-template

语法示例

// 配置：在渲染art模板时，使用express-art-template模块
app.engine("art",require("express-art-template"));
// 设置模板存放目录
app.set("views", path.join(__dirname,"views"));
// 设置模板的默认后缀，默认拼接.art后缀
app.set("view engine", "art");

app.get("/", (req,res)=>{
    // 渲染模板：模板名称+对象数据
    // 会将结果直接响应给客户端
    res.render("index");
})

当请求地址是"/“时，就渲染”/index"到页面中

02.app.locals对象

只查询公共数据一次，所有模板都可以获取数据

变量设置到 app.locals对象下面，这个数据在所有的模板中都可以获取到
语法示例
```
app.locals.users = [{...}];
```
在模板中可以直接使用模板语法以导入数据，不需要再次请求数据

内容总结

以上是互联网集市为您收集整理的【Node.js】初见Express框架全部内容，希望文章能够帮你解决【Node.js】初见Express框架所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/621145.html

来源：【匿名】

【上一篇】nodejs接口如何限流？【下一篇】node.js和php的区别有哪些？

更多 ►

【【Node.js】初见Express框架】教程文章相关的互联网学习教程文章

nodejs教程安装express及配置app.js文件的详细步骤

来自：http://www.jb51.net/article/36710.htm express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室安装express.js如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：复制代码代码如下:npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有...

让nodejs开启服务更简单--express篇【代码】【图】

上一篇文章说到，nodejs获取客户端请求需要我们自己去处理请求参数、请求方式等，而在express框架内部集成了很多好用的方法，我们不需要从0开始编写各种处理逻辑，这样可以极大提高我们的开发效率~ 通过引入 express ，再执行express函数，生成的app对象通过中间件来进行各种操作。const express = require(‘express‘) const app = express()app.post(‘/home‘, (req, res, next)=>{res.end(‘hello express‘) })app.listen(‘...

安装nodeJs静态服务器（NodeJs Express MVC 框架）【图】

安装 NodeJs Express MVC 框架新建项目文件夹打开cmd 执行以下操作：一、使用Express框架1)安装express3 $: npm install -g express@32)目录下新建工程 $: express -e staticServer3)安装所需模块 $: cd staticServer && npm install这部执行完毕即可启动服务器 $: node appexpress默认public目录为静态资源目录，可在浏览器中访问http://localhost:3000/images/******对应资源创建完成后：1、新建wwwroot文件夹2、修改根目录下...

二：nodejs+express+redis+bootstrap table+jquery UI【代码】

介绍：做一个量化投资的实时系统。综合：添加记录，顺序改变的话，refresh之后，能正常刷新吗？可以正常刷新，只是顺序又变回去。express中用fs readfile 时，需要用path.join来写路径，如果用路由的话，会读出来数字。json的读取和存储，JSON.parse(data);会变为一个json对象； JSON.stringify(data);把json变为字符串，如果这时候写入.json中，则不会有合适的缩进。所以需要JSON.stringify(data, function(key, value){return v...

windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本【图】

最近在和几个同事研究mean（mongodb+express+angularjs+nodejs），这个框架看了个皮毛，但是安装部分基本上已经掌握了，目前还没有找到好的一键部署方案，所以我给同事们做了一个基础部署的脚本，本来想的很好，但是一次次的测试也比较浪费时间，基本功能完成之后，就没有再进一步的优化，先放出来大家看看吧，用某前辈的话说：这个东西不算脚本，只能算“顺溜”，一步步完成安装和配置。系统环境：650) this.width=650;" src="/up...

Nodejs学习笔记（六）—Node.js + Express 构建网站预备知识【代码】【图】

前言　　前面经过五篇Node.js的学习，基本可以开始动手构建一个网站应用了，先用这一篇了解一些构建网站的知识！　　主要是些基础的东西...　　如何去创建路由规则、如何去提交表单并接收表单项的值、如何去给密码加密、如何去提取页面公共部分（相当于用户控件和母版页）等等...　　下面就一步步开始吧^_^!...新建express项目并自定义路由规则　　1.首先用命令行express+ejs创建一个项目sampleEjsPrecd 工作目录 express -e samp...

nodejs的web开发框架之express【图】

express框架实际上就是对nodejs上面1~6那些底层的api做了一层新的封装，形成了一些api，使基于nodejs开发web更方便快速最简单案例　　express框架实现服务器功能　　express框架静态资源（html css js 图片等资源）的托管功能---从代码上看非常简单　　express框架的路由处理（服务器动态资源（由服务器动态生成的内容）请求一般都不对应一个特定的文件名称而是只有一个路径，这种路径的处理就叫路由）　　express框架的提供的中...

nodejs框架express4.2 简单入门【图】

Perface今天看了一些nodejs，《nodejs开发指南》。看到了expres的时候，由于那本书用的express版本号跟我的不一样。导致非常多功能不能实现。所以就各种google，如今就把这个流程记录下来。遇见的bug和一些原理。要玩express就要装nodejs，假设你的操作系统是centos6.5能够參考我之前写的博客centos6.5安装nodejs。其它操作系统也大同小异。能够看Node InstallationBug1 Express Command not found最初操作：跟着《nodejs开发指南...

nodejs+express+jade配置

1、安装nodejs，比如安装在E:\program files\nodejs(这是本人的安装路径)。确保有两个环境变量用户环境变量：C:\Users\Administrator\AppData\Roaming\npm 系统环境变量：e:\program files\nodejs2、安装Express，用稳定版3.5.0，网上资料也大多以这个版本为主，不指定版本的话，默认安装最新版　　运行cmd -> npm install -g express@3.5.0 　　如果是4.X版本，再安装npm install -g express-generator（如果不装会报”...

Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（二）---安装Express，ejs【图】

安装Express，ejs的前提是一定要先安装nodejs，具体安装方法请查看http://www.cnblogs.com/tfiremeteor/p/8973105.html安装Express和ejs的前提是先要创建一个项目，因为我采用的并不是全局安装的方式，顺序为，创建项目，安装Express，再安装ejs。一. 准备工作。关于Nodejs的所有操作都必须通过命令行来实现，并且需要进入项目所在的目录。所以，首先运行cmd，打开命令提示符。如下图这个是默认的路径，现在要进入项目路径，我的项...

nodejs小问题：express不是内部或外部命令【图】

一时兴起想学习点东西,准备在heroku上部署一个Node.js的小程序.公司电脑之前没有装Node.js,于是下载最新版本的Node.js,当我安装express之后发现居然提示express不是内部或外部命令.然后经过我不懈努力,终于发现端倪,下面分享给大家(我是在Windows上用的Node.js).工具/原料 Node.js安装包方法/步骤首先下载Node.js安装包,此处我用的是官方最新的v0.10.2732位版:http://nodejs.org/dist/v0.10.27/node-v0.10.27-x86.msi 64位版:ht...

CentOS安装NodeJS及Express开发框架

本文演示在Linux上安装NodeJS及Express开发框架注：本人在http://www.nodejs.org/官网上下载了nodejs最新版本号NodeJS v0.10.29 可是在./configure的时候，说没有找到路径，无奈之下。仅仅好将nodejs版本号减少到v0.10.24。如今讲执行步骤记下。以免将来忘掉，安装步骤例如以下：Step 1、确认server有nodejs编译及依赖相关软件，假设没有可通过执行下面命令安装。[root@BobServerStation local]# yum -y install gcc gcc-c++ opens...

nodejs+express开发blog（2）【代码】

npm install -g nodemon1，把ejs文件修改为html文件app.engine(‘.html‘, require(‘ejs‘).__express);app.set(‘view engine‘, ‘html‘);注意：修改views下面的后缀名，并且并且不要忘记index.html里引入的原文：http://www.cnblogs.com/holdon521/p/5307999.html

win7下安装配置nodejs、使用npm安装express

1.下载nodehttp://nodejs.cn/download/ 这里下载自己需要的我的环境是win764，下载地址是：https://nodejs.org/dist/v6.2.0/win-x64/node.exe它就一个exe文件，想要使用还要配置下环境变量win7:“我的电脑”右键点击“我的属性”，点击左边的‘高级系统设置’，在打开的系统属性面板，点击选项卡‘高级’--面板底部的‘环境变量’在系统变量找到PATH,在变量值后面，追加上‘D:\node;’ （这是存放node.exe的地方）这里顺便讲下添加...

Nodejs架构之Express初体验【代码】

参考：http://www.cnblogs.com/Darren_code/p/express4.html本文是基于node 0.12.7express 4.13.11）安装npm install -g express npm install -g express-generator2）创建项目express myapp cd myapp && npm install npm start3）目录结构app.js，程序启动文件 bin，创建项目时已经提到，是真实的执行程序 node_modules, 存放所有的项目依赖库 package.json，项目依赖配置及开发者信息 public，静态文件(css,js,img) routes，路由...

首页 / NODEJS / 【Node.js】初见Express框架

【Node.js】初见Express框架

内容导读

内容图文

【Node.js】初见Express框架

Express框架

一、基本概念

01.是什么

02.特性

03.下载

04.引用

05.创建网站服务器

06.创建路由

二、中间件

01.基本概念

02.app.use中间件

03.中间件应用

04.错误处理中间件

05.捕获错误

三、构建模块化路由

01.构建模块化路由的基础代码

四、Express请求处理

01.GET参数的获取

02.POST参数的获取

03.Express路由参数

04.静态资源的处理

五、模板引擎

01.express-art-template模板引擎

02.app.locals对象

内容总结

内容备注

内容手机端

【【Node.js】初见Express框架】教程文章相关的互联网学习教程文章

框架 - 相关标签

NODEJS - 技术教程分类

NODEJS - 最新教程

NODEJS - 最热教程

02.`app.use`中间件