1. Python技术站首页
  2. node js

nodejs express路由匹配控制及Router模块化使用详解

• node js

针对“nodejs express路由匹配控制及Router模块化使用详解”的完整攻略，我会分为以下几个方面进行详细说明：

  1. 路由匹配控制
  2. Router模块化使用
  3. 示例说明

1. 路由匹配控制

在Node.js的Express框架中，路由控制是指将请求映射到指定的路由处理函数（controller）上。

主要通过app对象的路由apr()方法将处理方法与路由匹配。

app.get('/', (req, res) => {
  res.send('Hello World!')
})

上述代码表示当访问网站根目录时，返回'Hello World!'

除了app.get()方法还有其他的请求方法，如app.post()、app.delete()、app.put()等。

在上述例子中，'/'是路由路径，(req, res) => {...}是路由处理函数。

路由路径可以是字符串、字符串模式、正则表达式，例如：

app.get('/about', (req, res) => {
  res.send('About Page')
})

app.get('/users/:id', (req, res) => {
  const id = req.params.id
  res.send(`User ${id}`)
})

app.get(/.*fly$/, (req, res) => {
  res.send('I am a butterfly')
})

2. Router模块化使用

在Express中，Route是指将相同前缀的路由放在一个Route对象下，来增加代码的可读性和维护性。在Route对象中，可以设置路由路径和路由处理函数。

要使用Route，需要通过Express.Router()创建一个Router实例，然后通过app.use()将路由器分配到特定路径上。

const express = require('express')
const app = express()
const router = express.Router()

router.get('/', (req, res) => {
  res.send('Home Page')
})

router.get('/about', (req, res) => {
  res.send('About Page')
})

router.get('/contact', (req, res) => {
  res.send('Contact Page')
})

app.use('/pages', router)

app.listen(3000, () => console.log('Server running on port 3000))

上述例子表示：

  • 创建了一个包含三个路由的Router实例，路由包含：'/'、'/about'、'/contact'
  • 通过app.use('/pages', router)，将路由器分配到'/pages'路径下
  • 所有的'/pages'路由都指向Router实例

3. 示例说明

接下来，我通过两个示例来详细讲解一下路由匹配控制和Router模块化使用。

示例一

实现一个简单的博客系统，包含以下功能：

  • 首页（/）：显示所有博客文章的列表
  • 博客文章详情页（/posts/:postId）：显示对应postId的博客文章详情
  • 发布新博客（/posts/new）：渲染一个包含表单的页面，用户可以填写博客文章的内容
  • 提交新博客（/posts）：接收表单提交的数据，将博客文章保存在数据库中

首先，我们需要安装一些需要用到的依赖：

npm install express --save
npm install body-parser --save
npm install pug --save
npm install mongoose --save

接下来，创建一个文件夹，命名为blog，并在其中创建以下文件：

app.js // express 主文件
controllers // 注册控制器
  |-- post.js
  |-- home.js
middleware // 中间件
models // 注册数据库模型
routes // 注册路由
views // 视图
  |-- home.pug
  |-- post.pug
  |-- new_post.pug

app.js主文件内容如下：

const express = require('express')
const bodyParser = require('body-parser')
const mongoose = require('mongoose')

const app = express()

mongoose.Promise = global.Promise
mongoose.connect('mongodb://localhost:27017/blog', {
  useNewUrlParser: true,
  useUnifiedTopology: true
})

app.set('views', './views')
app.set('view engine', 'pug')

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended: true}))

app.use('/', require('./routes/home'))
app.use('/posts', require('./routes/post'))

app.listen(3000, () => {
  console.log('Server is running at http://localhost:3000')
})

home.js路由控制器内容如下：

const express = require('express')
const router = express.Router()
const Post = require('../models/post')

router.get('/', async (req, res) => {
  const posts = await Post.find().exec();
  res.render('home', {title: 'Home - Blog', posts: posts})
})

module.exports = router

post.js路由控制器内容如下：

const express = require('express')
const router = express.Router()
const Post = require('../models/post')

router.get('/:id', async (req, res) => {
  const post = await Post.findById(req.params.id).exec()
  res.render('post', {title: 'Post - Blog', post: post})
})

router.get('/new', (req, res) => {
  res.render('new_post', {title: 'New Post - Blog'})
})

router.post('/', async (req, res) => {
  const post = new Post({
    title: req.body.title,
    content: req.body.content
  })

  await post.save()

  res.redirect('/')
})

module.exports = router

home.pug内容如下：

html
  head
    title= title
  body
    h1= title
    a(href="/posts/new") Add New Post
    ul
      each post in posts
        li
          a(href="/posts/#{post.id}") #{post.title}

post.pug内容如下：

html
  head
    title= title
  body
    h1= post.title
    p= post.content

new_post.pug内容如下：

html
  head
    title= title
  body
    h1 New Post
    form(method='POST', action='/posts')
      label Title
      br
      input(type='text', name='title', required)
      br
      label Content
      br
      textarea(name='content', required)
      br
      button(type='submit') Create Post

示例二

实现一个基于Router模块化开发的REST API，包含以下功能：

  • 获取用户列表：GET /api/v1/users
  • 获取指定用户信息：GET /api/v1/users/:id
  • 创建新用户：POST /api/v1/users
  • 更新指定用户信息：PUT /api/v1/users/:id
  • 删除指定用户：DELETE /api/v1/users/:id

首先，我们需要安装一些需要用到的依赖：

npm install express --save
npm install body-parser --save

接下来，创建一个文件，命名为index.js，主要内容如下：

const express = require('express')
const bodyParser = require('body-parser')
const app = express()

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))

const usersRouter = require('./routes/users');
app.use('/api/v1/users', usersRouter);

app.listen(3000, () => console.log('App is running at http://localhost:3000'))

接下来，再创建一个文件夹，命名为routes，并在其中创建一个文件users.js，主要内容如下：

const express = require('express');
const router = express.Router();

const users = [
  {id:1, name: 'Tom', age: 18},
  {id:2, name: 'Jerry', age: 20},
  {id:3, name: 'Bob', age: 22}
]

router.get('/', (req, res) => {
  res.json(users)
})

router.get('/:id', (req, res) => {
  const id = Number(req.params.id);
  const user = users.find(user => user.id === id);

  if (user) {
    res.json(user)
  } else {
    res.status(404).json({ message: `User ${id} not found` });
  }
})

router.post('/', (req, res) => {
  const { name, age } = req.body;
  const newUserId = users.length + 1;
  const newUser = { id: newUserId, name, age };
  users.push(newUser);
  res.status(201).json(newUser)
})

router.put('/:id', (req, res) => {
  const id = Number(req.params.id);
  const user = users.find(user => user.id === id);

  if (user) {
    user.name = req.body.name;
    user.age = req.body.age;
    res.json(user);
  } else {
    res.status(404).json({ message: `User ${id} not found` });
  }
})

router.delete('/:id', (req, res) => {
  const id = Number(req.params.id);
  const userIndex = users.findIndex(user => user.id === id);

  if (userIndex !== -1) {
    users.splice(userIndex, 1);
    res.status(204).end();
  } else {
    res.status(404).json({ message: `User ${id} not found` });
  }
})

module.exports = router;

总结

通过本文的介绍，希望你能够了解完整的“nodejs express路由匹配控制及Router模块化使用详解”的攻略，掌握路由匹配控制和Router模块化使用的基本原理和实际应用。对于以上两个示例，你可以通过命令行运行，然后访问相应的路径体验一下。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：nodejs express路由匹配控制及Router模块化使用详解 - Python技术站

赞 (0)
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年6月8日
下一篇 2023年6月8日

相关文章

  • javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

    下面是关于“javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】”的完整攻略： AJAX简介 AJAX（Asynchronous JavaScript and XML）指的是利用JavaScript在不刷新整个页面的情况下向服务器发送请求和获取响应数据，在前端页面进行异步数据交互的技术。 AJAX 的优点有：用户体验好，可以实现…

    node js 2023年6月8日
    00

  • express+multer上传图片打开乱码问题及解决

    首先，我们需要明确一下什么是“乱码”问题。在计算机领域，乱码通常指的是字符集不匹配或者编码格式错误导致的文本显示异常。在网站开发中，上传图片并展示时，会遇到乱码问题，这可能是因为图片编码格式的问题导致的。 针对该问题，我们可以使用express和multer解决。以下是具体的解决方法： 1. 安装multer 我们首先需要安装multer依赖包，可以使用以下…

    node js 2023年6月8日
    00

  • node.js处理前端提交的GET请求

    要讲解如何用 Node.js 处理前端提交的 GET 请求，需要以下步骤： 创建 Node.js 服务器 接收前端发来的 GET 请求 解析 GET 请求参数 处理请求并返回响应数据 下面我们详细讲解如何用 Node.js 实现以上步骤： 创建 Node.js 服务器 首先需要安装 Node.js，然后打开命令提示符或终端，进入你的项目目录并执行以下命令创建…

    node js 2023年6月8日
    00

  • npm start运行项目过程package.json字段详解

    下面我来详细讲解如何理解和使用 npm start 命令来启动项目，并深入剖析 package.json 文件中的相关字段。 什么是npm start命令？ 在使用 npm 来管理Node.js项目时，我们经常会用到 npm start 命令来启动项目。它的作用实际上就是通过执行 package.json 文件中 “scripts” 对象中的 “start”…

    node js 2023年6月8日
    00

  • 使用node.js 制作网站前台后台

    使用Node.js制作网站前台后台是非常流行的Web开发技术，它可以帮助我们简化网站开发过程，提高开发效率和用户体验。下面是具体步骤： 确定网站开发需求与预期 在开始开发Node.js的网站前台后台之前，需要认真考虑网站的开发需求和预期。确定这些需求和预期可以帮助我们更好的规划开发流程，从而避免在后期开发过程中浪费时间和精力。 确定后端技术框架 如果要使用N…

    node js 2023年6月8日
    00

  • Node.js中process模块常用的属性和方法

    接下来我将为您详细讲解“Node.js中process模块常用的属性和方法”的完整攻略。 1. process模块介绍 process模块是Node.js内置模块之一，用于提供有关当前Node.js进程的信息以及控制Node.js进程。 2. process模块常用属性 2.1 process.env process.env属性是一个对象，包含有关当前She…

    node js 2023年6月8日
    00

  • 通过实例了解Nodejs模块系统及require机制

    让我来详细讲解“通过实例了解Nodejs模块系统及require机制”的完整攻略。我会通过两个示例来说明。 一、Node.js 模块系统 在 Node.js 中，模块是一个具有封装性和复用性的单位，它将包含 JavaScript 函数或对象的单个文件定义为独立的模块。这里我们通过一个实例来了解 Node.js 的模块系统。 首先，创建一个名为 math.js…

    node js 2023年6月8日
    00

  • koa-router路由参数和前端路由的结合详解

    koa-router路由参数和前端路由的结合详解 前置知识 在讲解ko-router路由参数和前端路由的结合前，需要先了解以下三个基本概念： 路由：路由是指根据URL不同返回不同的内容。 前端路由：前端路由是指前端通过操作URL实现切换页面、传递参数等功能的方式。 koa-router：koa-router是koa框架中常用的路由中间件。 路由参数 路由参数…

    node js 2023年6月8日
    00
合作推广
合作推广
分享本页
返回顶部