跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

Node.js中Express框架的使用教程详解

目录 Express简介 Express生成器 1. 什么是Express生成器 2. 安装Express生成器 创建Express项目 安装项目依赖 运行Express项目 Express目录结构说明 创建一个新路由模块 1. 创建ejs模块文件 2. 创建路由文件 3. 在app.js中引入路由 4. 运行项目 经过前面几天对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,如下所示: 新闻列表页

新闻列表

  • 第一条新闻
  • 第二条新闻
  • 第三条新闻
  • 第四条新闻
新闻详细页: 新闻详细页

新闻详细页

注意:本示例只是为了说明原理,所以都是简单的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框架内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家! 您可能感兴趣的文章: node.js中koa和express的差异对比 Node.js中Express框架使用axios同步请求(async+await)实现方法 node.js使用express-jwt报错:expressJWT is not a function解决 Node.js使用express写接口的具体代码 Node.js express中的身份认证的实现 使用Express+Node.js对mysql进行增改查操作 node.js三个步骤实现一个服务器及Express包使用 node.js+express留言板功能实现示例 node.js使用express-fileupload中间件实现文件上传 Node.js+express+socket实现在线实时多人聊天室 Express框架实现简单拦截器功能示例

相关文章