经过前面几天对Node.js的学习，基本的开发知识已经逐渐掌握，所谓工欲善其事必先利其器，今天进一步学习Node.js的开发框架Express。利用Express框架可以快速的进行Web后端开发，本文仅供学习分享使用，如有不足之处，还请指正。
Express简介
Express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，目前最新版本是4.17.2。Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。
具体可参考Express中文网。
Express生成器
1. 什么是Express生成器
通过应用生成器工具 express-generator 可以快速创建一个基于Express的应用程序的骨架。
2. 安装Express生成器
全局安装 express-generator ，可以通过在命令行工具执行以下命令进行：
cnpm i -g express-generator
安装过程，如下所示：
注意：全局安装npm的模块目录：C:\Users\Alan.hsiang\AppData\Roaming\npm 。
创建Express项目
Exress生成器安装成功后，就可以通过命令创建Express项目，如下所示：
切换到项目所在目录，通过以上命令，自动创建一个Express项目：
express -e 项目名称
创建过程，如下所示：
注意：如果已经手动创建项目目录，则可以通过express -e 创建默认项目。
创建成功后，在文件夹里面打开，默认目录结构如下所示：
安装项目依赖
在创建默认项目后，还需要安装依赖模块，才可以运行程序，如下所示：
cnpm i
安装过程，如下所示：
依赖安装成功后，即可在文件夹中查看，多出来一个目录【node_modules】，如下所示：
运行Express项目
在项目所在的命令行窗口，输入以下命令，即可启动项目：
npm start
启动过程，如下所示：
在浏览器中输入网址【http://localhost:3000/】，即可打开项目。具体如下所示：
以上就表示Express安装创建成功。
Express目录结构说明
关于Exress生成器默认创建的项目，目录结构如下所示：
创建一个新路由模块
以创建一个新闻模块为例，步骤如下所示：
1. 创建ejs模块文件
在views目录下，创建news目录，然后创建list.ejs和detail.ejs，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新闻列表页</title>
</head>
<body>
<h3>新闻列表</h3>
<ul>
<li>第一条新闻</li>
<li>第二条新闻</li>
<li>第三条新闻</li>
<li>第四条新闻</li>
</ul>
</body>
</html>新闻详细页：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新闻详细页</title>
</head>
<body>
<h3>新闻详细页</h3>
</body>
</html>注意：本示例只是为了说明原理，所以都是简单的html页面代码。
2. 创建路由文件
在routes目录下，创建一个news.js文件，并添加代码，做为news模块的路由文件。如下所示：
var express = require('express');
var router = express.Router();
/* GET news listing. */
router.get('/list.html', function(req, res, next) {
res.render('news/list',{});
});
router.get('/detail.html', function(req, res, next) {
res.render('news/detail',{});
});
module.exports = router;3. 在app.js中引入路由
在app.js中添加如下两行代码，即可引入新的路由，如下所示：
4. 运行项目
在命令行中运行项目，如下所示：
在浏览器中，输入网址，如下所示：
以上，则表示express项目模块成功运行。
到此这篇关于Node.js中Express框架的使用教程详解的文章就介绍到这了,更多相关Node.js Express框架内容请搜索Devmax以前的文章或继续浏览下面的相关文章希望大家以后多多支持Devmax！