node插件express(路由)的基本使用(一)

news2024/11/25 3:04:48

文章目录

  • 一、express的了解
    • 1.定义
    • 2.作用
    • 3.使用express的前提条件
      • (1)如果是新文件夹需要薪资package.json文件,如果有就忽略
      • (2)安装第三方依赖包
      • (3)在使用的地方导入express
  • 二、express的基本使用
  • 三、express关于路由的基本使用
    • 1.什么是路由
    • 2.路由的使用
    • 3.路由使用示例
    • 4、express中的get参数
      • (1)query参数
      • (2)params参数
      • (3)示例代码
    • 5、express中的post参数
  • 五、express托管静态资源
    • 1.了解
    • 2.基本使用
      • 3:注意点


一、express的了解

express官方中文文档:https://www.expressjs.com.cn/starter/basic-routing.html

1.定义

官网说明:Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。
简单理解:一个npm上的第三方包,提供了快捷创建Web服务器的便捷方法。

2.作用

相比于http内置模块创建web服务器而言,Express能极大的提高开发效率。

3.使用express的前提条件

(1)如果是新文件夹需要薪资package.json文件,如果有就忽略

npm init  // 生成package.json文件

(2)安装第三方依赖包

npm i express // 安装第三方依赖包

(3)在使用的地方导入express

const express = require('express')

二、express的基本使用

// 1:导入包
const express = require('express')

// 创建服务器的对象
const app = express();

// 3:创建请求路径
app.get('/home', (req, res) => {
    res.end('Hello word')
})

// 4:启动服务
app.listen(9000, () => {
    console.log('express服务器创建成功');
})

在这里插入图片描述

三、express关于路由的基本使用

1.什么是路由

路由确定了应用程序如何响应客户端对特定端点的请求

2.路由的使用

method 是方法(get、post、all)
path 是请求的路径
callback 回调函数

app.method(path, callback)

3.路由使用示例

需要注意的发送 post 方法表单和ajax,这样才会有效果。

// 1:导入包
const express = require('express')

// 创建服务器的对象
const app = express();

// 3:创建请求路径
// 3.1 get路由——匹配空路径
app.get('/', (req, res) => {
    res.end('home')
})

// 3.2 get路由——匹配home路径
app.get('/home', (req, res) => {
    res.end('Hello word')
})
// 3.3 post路由——匹配login
app.post('/login', (req, res) => {
    res.end('login')
})
// 3.4 匹配所有方法(get、post)
app.all('/test', (req, res) => {
    res.end('test')
})
// 3.5 匹配所有方法(get、post)
app.all('*', (req, res) => {
    res.end('404 found')
})

// 4:启动服务
app.listen(9000, () => {
    console.log('express服务器创建成功');
})

在这里插入图片描述

4、express中的get参数

(1)query参数

在这里插入图片描述

(2)params参数

参数中的 ? 代表 可传可不传
在这里插入图片描述

(3)示例代码



const express = require('express')

const app = express();

// 参数1:静态参数
app.get('/home', (req, res) => {
    // 请求路径:http://127.0.0.1:9000/home?name=zhangsan&pass=123456
    console.log('get参数1',req.query); // get参数1 { name: 'zhangsan', pass: '123456' }
    res.end('home')
})

// 参数2:动态参数(单个)
app.get('/home/:name', (req, res) => {
    // 请求路径: http://127.0.0.1:9000/home/zhangsan/
    console.log('get参数2',req.params); //get参数2 { name: 'zhangsan' }
    res.end('home')
})
// 参数3:动态参数(多个)
// ?表示可以忽略该参数
app.get('/home/:name?/:pass', (req, res) => {
    // 请求路径: http://127.0.0.1:9000/home/zhangsan/123456
    console.log('get参数3',req.params); // get参数3 { name: 'zhangsan', pass: '123456' }
    res.end('home')
})

app.listen(9000, () => {
    console.log('get启动')
})

5、express中的post参数

// node 中使用post参数的逻辑
const express = require('express')

const app = express();
// post 请求参数
app.post('/login/:name?/:pass' ,(req, res) => {
    console.log('post参数',req.params); // post参数 { name: 'zhagnsan', pass: '123456' }
    res.end('home')
})

app.listen(9000, () => {
    console.log('post参数启动')
})

在这里插入图片描述

五、express托管静态资源

1.了解

express.static(root, [options])
app.use(express.static(‘文件路径’))

在这里插入图片描述

2.基本使用

const express = require('express')

const app = express();

// 以前:获取url路径、拼接url路径,读取文件,写入文件......(现在一行即可)
app.use(express.static(__dirname + '/public'))

app.get('/home', (req, res) => {
    res.end('首页')
})

app.listen(9000, () => {
    console.log('服务器启动');
})

在这里插入图片描述

3:注意点

如果要使用多个静态资源目录,请多次调用 express.static 中间件函数

app.use(express.static('public'))
app.use(express.static('files'))

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1171003.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

原地封神!一个只用套模板即可制作电子相册的网站

对于忙碌的年轻人来说,一键操作的模板意味着无需复杂的操作步骤,就能轻松制作出精美的电子相册。 但是一个好的工具也是事关重要,最近发现了一款非常适合年轻人的模板---FLBOOK在线制作电子杂志平台,只需要找到合适的模板即可制作…

【leetcode】26. 删除有序数组中的重复项(图解)

目录 1. 思路(图解)2. 代码 题目链接: leetcode 26. 删除有序数组中的重复项 题目描述: 注意返回的是去重后的数组长度,但是输出的是去重后的数组元素。 1. 思路(图解) 思路:快慢…

【数据结构】深入浅出理解快速排序背后的原理 以及 版本优化【万字详解】(C语言实现)

快速排序 快速排序递归实现前言一、Hoare版本(一)算法运行图例(二)算法核心思路(三)算法实现步骤(1)单趟(2)多趟 (四)码源详解 递归实…

Servlet对象生命周期

Servlet 生命周期包括加载与实例化、初始化、服务请求、销毁等阶段。 ervlet 的生命周期包括以下阶段: 加载与实例化:当容器启动或者第一次请求到达时,Servlet 容器加载 Servlet 类并创建 Servlet 实例。 初始化:在 Servlet 实例…

线性回归与线性拟合的原理、推导与算法实现

关于回归和拟合,从它们的求解过程以及结果来看,两者似乎没有太大差别,事实也的确如此。从本质上说,回归属于数理统计问题,研究解释变量与响应变量之间的关系以及相关性等问题。而拟合是把平面的一系列点,用…

UUNet训练自己写的网络

记录贴写的很乱仅供参考。 自己写的Unet网络不带深度监督,但是NNUNet默认的训练方法是深度监督训练的,对应的模型也是带有深度监督的。但是NNUNetV2也贴心的提供了非深度监督的训练方法在该目录下: 也或者说我们想要自己去定义一个nnUNWtTra…

pyusb环境搭建和无法发包问题

pyusb环境搭建和无法发包问题 项目需要对usb设备进行开发调试,选择搭建pyusb环境进行调试测试,这里记录下完整流程和中间解决的一些问题。 我使用的环境是window10 64bit, vscode 1.84.0 , Python 3.11.6 1 安装流程 参考github上的 https://github.…

实用篇-MQ消息队列

一、初识MQ 通讯分为同步通讯和异步通讯,同步通讯就比如我们日常生活中的打电话,看直播,能够得到及时的反馈。而异步通讯则类似于聊天软件聊天,不需要建立实时的连接,并且可以进行建立多个业务一起异步执行 1. 同步通…

关于SNAP的Biophysical Processor模块的计算准确率以及大厂10月种植情况

关于SNAP的Biophysical Processor模块的计算准确率 在处理河北省2022年的10月6日影像,使用SNAP的Biophysical Processor计算LAI时 发现很多农田地块出现了缺失值,但其实就是0值 SNAP的这个模块基于PROSAIL物理模型反演。不得不说,还是挺准…

AI:56-基于深度学习的微表情识别

🚀 本文选自专栏:AI领域专栏 从基础到实践,深入了解算法、案例和最新趋势。无论你是初学者还是经验丰富的数据科学家,通过案例和项目实践,掌握核心概念和实用技能。每篇案例都包含代码实例,详细讲解供大家学习。 📌📌📌在这个漫长的过程,中途遇到了不少问题,但是…

聚观早报 |盒马参战双11;真我GT5 Pro将压轴登场

【聚观365】11月4日消息 盒马参战双11 真我GT5 Pro将压轴登场 奇瑞汽车10月销量创新高 iQOO 12系列将首发电竞芯片Q1 苹果CEO库克称正改善供需平衡 盒马参战双11 不少消费者反映,今年盒马的双11已悄然开始:10月20日起,盒马APP很多商品页…

COE文件之读写操作

在Xilinx的FIR、Block Memory等 IP核的配置中,需要使用COE(Coefficient)文件来进行初始化。 写COE文件 一般是通过Matlab设计好参数后,再生成COE文件。具体代码如下。 x 1:512; fid fopen(test.coe,w); fprintf(fid, memory_…

MachineLearning 14. 机器学习之集成分类器(AdaBoost)

这期介绍一下NB的最佳集成分类方法之一 AdaBoost,并实现在具体数据集上的应用,尤其是临床数据。 简 介 Adaboost是Adaptive Boosting的缩写,使用一组简单的弱分类器,通过强调被弱分类器错误分类的样本来实现改进的分类器。AdaBoo…

Java金字塔、空心金字塔、空心菱形

Java金字塔 public class TestDemo01 {public static void main(String[] args){//第一个for用于每行输出 从i1开始到i<5,总共5行for(int i1;i<5;i){//每行前缀空格&#xff0c;这个for用于表示每行输出*前面的空格//从上面规律可得,每行输出的空格数为总层数&#xff0c…

【计算机网络】金管局计算机岗位——计算机网络(⭐⭐⭐⭐)

计算机网络知识点 计算机网络基础知识计算机网络的定义与组成、分类网络的发展、常识&#xff08;⭐⭐⭐⭐&#xff09;计算机网络的定义计算机网络的功能计算机网络的组成计算机网络的分类计算机网络的性能指标主要包括&#xff08;⭐⭐⭐⭐&#xff09; 网络体系结构OSI模型定…

英伟达发布 Windows 版 TensorRT-LLM 库

导读英伟达发布了 Windows 版本的 TensorRT-LLM 库&#xff0c;称其将大模型在 RTX 上的运行速度提升 4 倍。 GeForce RTX 和 NVIDIA RTX GPU 配备了名为 Tensor Core 的专用 AI 处理器&#xff0c;正在为超过 1 亿台 Windows PC 和工作站带来原生生成式 AI 的强大功能。 Tens…

Python笔记——linux/ubuntu下安装mamba,安装bob.learn库

Python笔记——linux/ubuntu下安装mamba&#xff0c;安装bob.learn库 一、安装/卸载anaconda二、安装mamba1. 命令行安装&#xff08;大坑&#xff0c;不推荐&#xff09;2. 命令行下载guihub上的安装包并安装&#xff08;推荐&#xff09;3. 网站下载安装包并安装&#xff08;…

R语言中的自带的调色板--五种--全平台可用

R语言中的自带的调色板–五种–全平台可用

YOLOv5论文作图教程(2)— 软件界面布局和基础功能介绍

前言:Hello大家好,我是小哥谈。通过上一节课的学习,相信大家都已成功安装好软件了,本节课就给大家详细介绍一下Axure RP9软件的界面布局及相关基础功能,希望大家学习之后能够有所收获!🌈 前期回顾: YOLOv5论文作图教程(1)— 软件介绍及下载安装(包括软件包+下载安…

Java字符串常用函数 详解5000字 (刷题向 / 应用向)

1.直接定义字符串 直接定义字符串是指使用双引号表示字符串中的内容&#xff0c;例如"Hello Java"、"Java 编程"等。具体方法是用字符串常量直接初始化一个 String 对象&#xff0c;示例如下&#xff1a; 1. String str"Hello Java"; 或者 …