脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → node.js → Node.js Express框架

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

 更新时间：2022年04月18日 08:31:52   作者：小六公子  
这篇文章主要为大家详细介绍了Node.js中的开发框架Express，利用Express框架可以快速的进行Web后端开发，感兴趣的小伙伴可以了解一下

经过前面几天对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框架内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • Ubuntu22.04系统下升级nodejs到v18版本

    Ubuntu22.04系统下升级nodejs到v18版本

    ubuntu默认安装的nodejs版本比较老,要安装到最新的,下面这篇文章主要给大家介绍了关于Ubuntu22.04系统下升级nodejs到v18版本的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-06-06
  • IDEA中配置node.js的实现步骤

    IDEA中配置node.js的实现步骤

    在IDEA中,如果要在安装在远程主机或虚拟环境中的Node.js上运行和调试应用程序,则需要配置远程Node.js解释器,本文主要介绍了IDEA中配置node.js的实现步骤,感兴趣的可以了解一下
    2023-12-12
  • 详解用node搭建简单的静态资源管理器

    详解用node搭建简单的静态资源管理器

    本篇文章主要介绍了详解用node搭建简单的静态资源管理器，主要用node的fs模块，自己手写一个简单的静态资源管理器。有兴趣的可以了解一下
    2017-08-08
  • NodeJS连接MongoDB数据库时报错的快速解决方法

    NodeJS连接MongoDB数据库时报错的快速解决方法

    下面小编就为大家带来一篇NodeJS连接MongoDB数据库时报错的快速解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考
    2016-05-05
  • Node.js中修改全局变量的方式及注意事项

    Node.js中修改全局变量的方式及注意事项

    本文详细介绍了在Node.js中如何修改全局变量,包括全局变量的定义方式、正确的修改姿势、潜在的隐患及其解决方案,以及推荐的替代方案,总结建议了在实际应用中应尽量避免使用全局变量,转而采用模块化、可维护性更高的方法,感兴趣的朋友一起看看吧
    2025-02-02
  • 如何在NestJS中添加对Shopify的WebHook验证详解

    如何在NestJS中添加对Shopify的WebHook验证详解

    这篇文章主要为大家介绍了如何在NestJS中添加对Shopify的WebHook验证详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-08-08
  • Express的HTTP重定向到HTTPS的方法

    Express的HTTP重定向到HTTPS的方法

    本篇文章主要介绍了Express的HTTP重定向到HTTPS的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • nodejs操作mongodb的增删改查功能实例

    nodejs操作mongodb的增删改查功能实例

    这篇文章主要介绍了nodejs操作mongodb的增删改查功能,简单分析了mongodb模块的安装并结合实例形式分析了nodejs操作mongodb数据库进行增删改查的相关实现技巧,需要的朋友可以参考下
    2017-11-11
  • 一步步教你使用node搭建一个小页面

    一步步教你使用node搭建一个小页面

    最近使用NodeJs搭建的小型web应用,所以下面这篇文章主要给大家介绍了关于使用node搭建一个小页面的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • node.js使用stream模块实现自定义流示例

    node.js使用stream模块实现自定义流示例

    这篇文章主要介绍了node.js使用stream模块实现自定义流,结合实例形式详细分析了node.js基于stream模块实现自定义的可读流、可写流、可读写流等相关操作技巧,需要的朋友可以参考下
    2020-02-02

最新评论