node.js中Express简介

news2025/2/27 11:10:26

Express简介

1.什么是Express

官方给出的概念:Express是基于Node.js平台,快速、开放、极简的web开发框架。
通俗理解:Express的作用和Node.js内置的http模块类似,是专门用来创建web服务器的
Express的本质:就是一个npm上的第三方包,提供了快速创建Web服务器的便捷方法
在这里插入图片描述

2.进一步理解Express

http内置模块用起来很复杂,开发效率低,Express是基于内置的http模块进一步封装出来的,能够极大地提高开发效率
在这里插入图片描述

3.利用Express创建基本的服务器

//1.导入express
const express = require('express')
//2.创建web服务器
const app = express()
//3.调用app.listen(端口号,启动后的回调函数),启动服务器
app.listen(80, () => {
	console.log('express server running at http://127.0.0.1')
})

在这里插入图片描述

4.Express能做什么

对于前端程序员来说,最常见的两种服务器是:

  • Web网站服务器:专门对外提供Web网页资源的服务器
  • API接口服务器:专门对外提供API接口的服务器

使用Express,我们可以方便、快捷地创建web网站的服务器或 API接口服务器。

在这里插入图片描述

5.监听POST请求

//参数1:客户端请求的URL地址
//参数2:请求对应的处理函数
// req:请求对象(包含了与请求相关的属性与方法)
// res: 响应对象(包含了与响应相关的属性与方法)
app.post('请求URL', function(req,res){ /*处理函数*/ })

在这里插入图片描述

6.把内容响应给客户端

通过res.send()方法,可以把处理好的内容,发送给客户端:

app.get('/user',(req,res) => {
  //向客户端发送json对象
  res.send({name:'zs', age:20, gender:'男'})
})
app.post('/user',(req,res) => {
  //向客户端发送文本内容
  res.send('请求成功')
})

在这里插入图片描述

7.获取URL中携带的查询参数

通过req.query对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数

app.get('/',(req.res) => {
	//req.query 默认是一个空对象
	//客户端使用 ?name=zs&age=20这种查询字符串的形式,发送到服务器的参数
	//可以通过req.query对象访问例如:
	//req.query.name   req.query.age
	console.log(req.query)
})

在这里插入图片描述

8.获取URL中携带的动态参数

通过req.params对象,可以访问到URL中,通过:匹配到的动态参数:

// URL地址中,可以通过 :参数名 的形式,匹配动态参数值
app.get('/user/:id',(req,res) => {
	// req.params默认是一个空对象
	// 里面存放着通过 : 动态匹配到的参数值
	console.log(req.params)
})

在这里插入图片描述

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

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

相关文章

CSS设置背景颜色透明的两种方法

在css中设置背景颜色透明的方法有两种: 一种是通过rgba方法设置,另一种是通过backgroundh和opacity设置 下面分别是css中 两种方法实现的背景颜色透明实例 1,通过background和opacity设置背景颜色透明 background属性中属性值比较简单…

Vue+ELementUI主页布局----侧边栏布局(el-aside)

第一节Login.vue登录表单知识: Element-UIvue实现登录表单_我爱布朗熊的博客-CSDN博客 具体Element-UI地址: Element - The worlds most popular Vue UI framework 目录 一、布满整个页面 二、主页Header布局 三、主页左侧带单布局 四、axios请求…

前端练手项目合集40.0个,附源码,2022年最新

今天分享40个博主平时收集整理的前端练手项目,都是一些适合前端新手的小项目合集。 1、【网易云音乐首页制作】 2、【实战项目之今日头条】 3、【实战项目之拉勾网】 4、【ReactNative项目之美食APP】 5、【uni-APP项目实战教程】 6、【React项目管理后台系统】 7、…

uni-app 怎么实现路由拦截

前言 随着业务的需求,项目需要支持H5、各类小程序以及IOS和Android,这就需要涉及到跨端技术,不然每一端都开发一套,人力成本和维护成本太高了。团队的技术栈主要以Vue为主,最终的选型是以uni-appuview2.0作为跨端技术…

vue中实现路由跳转的三种方式(超详细整理)

vue中实现路由跳转的三种方式 一、使用vue-router vue-router 本质是一个第三方的包 用的时候需要下载 步骤 (7步法 ): 下载vue-router模块到当前工程 yarn add vue-router在main.js中引入VueRouter函数 // 引入路由 import VueRouter from…

【TypeScript】TS 看这一篇就够了

文章目录🧑‍💻TypeScript基本概念TypeScript 是什么?为什么要有typescript安装编译 TS 的工具包编译并运行 TS 代码创建基于TS的vue项目🧑‍💻TypeScript基础类型注解TypeScript类型概述TypeScript原始数据类型数组类…

Vue实现登录功能全套详解(含封装axios)

目录 Vue项目中实现登录大致思路: 用到的关键文件 一、安装插件 二、创建store 三、封装axios qs vue 插件 api.js的作用 四、路由拦截 五、登录页面实际使用 Vue项目中实现登录大致思路: 1、第一次登录的时候,前端调后端的登陆接…

vite入门/徒手搭建vite/配置vite/使用vite脚手架/vite步骤

以下内容全部以图片形式展示(自己动手尝试一下印象岂不是更深?) 当然啦,也有完整的,自己拉代码https://github.com/ispaomoya/build-vite.git 文章有点长,你忍一下 目录 一、了解一下webpack和vite 二、…

node.js安装及环境配置超详细教程【Windows系统安装包方式】

文章目录Step1:下载安装包Step2:安装程序Step3:查看Step4:环境配置最后补充:Step1:下载安装包 https://nodejs.org/zh-cn/download/ 根据自己电脑系统及位数选择,我的电脑是Windows系统、64位…

微信小程序登录方法,授权登陆及获取微信用户手机号

✅作者简介: 大家好五一快乐,我是痴心阿文,你们的学友哥,今天给大家分享微信小程序登录方法! 📃个人主页:痴心阿文的博客_CSDN博客-TypeScript.js,笔记,CSS领域博主 🔥本文前言&…

微信小程序获取当前的位置

微信小程序获取位置信息的方式有两种,一种是调用微信官方的接口来获取,如getLocation,这种方式只能获取经纬度 微信官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html 另一种是使用的第三方平台的&#xff0…

Web前端 | HTML引入CSS样式的三种方式

✅作者简介:一位材料转码农的选手,希望一起努力,一起进步! 📃个人主页:每天都要敲代码的个人主页 🔥系列专栏:Web前端 目录 一:CSS 1. CSS概述 2. HTML引入CSS样式的…

Vue2.0搭建脚手架(vue-cli)

目录 前言 一、npm安装 二、搭建脚手架 1.安装脚手架vue-cli 2.搭建项目 前言 vue大概内容: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上…

前端+后端项目 - 论坛信息管理系统(Web+servlet+MySQL+JDBC)

🤞目录🤞 💖一. 准备工作 💎1) 创建 web 项目 💎2) 创建目录结构 💎3) 配置 pom.xml 💖二. 数据库操作代码 💎1. 数据库设计 1.1 ER图 1.2 ER图转化为关系模型并优化 1.3 创…

(全网最详细!!)npm:无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

文章目录问题概述一、分析原因二、解决办法1.安装node.js(1)下载并安装(2)配置环境(3)打开CMD,检查是否正常path路径是否正常。(4)安装完成后测试下nodejs和npm是否安装成…

前端js调用后端API获取数据的三种方法(2022.7.25)

前端js调用后台API获取数据的三种方法(2022.7.25)前言需求分析一个Get实例浏览器请求SoapUI软件请求一个Post实例浏览器请求SoapUI软件请求1、Http简介(Browser / Server)1.1 六个主流的浏览器1.2 HTTP请求(Get & …

java后端+前端使用WebSocket实现消息推送

java后端前端使用WebSocket实现消息推送(流程详细代码)创建WebSocket的简单实例操作流程1.引入Websocket依赖2.创建配置类WebSocketConfig3.创建WebSocketServer4.websocket调用前端WebSocket连接OK,下课!!!在项目的开…

【uploader】表格化自整理vue-simple-uploader的文档(超详细)

文章目录1.vue-simple-uploader介绍2.安装和配置3. 组件标签的文档整理3.1 uploader标签3.2 uploader-btn标签3.3 uploader-drop标签3.4 uploader-list标签3.5 uploader-file标签3.6 uploader-unsopport标签4.请求中的参数轮子的github链接:两个项目的文档要结合着看…

HTML可用于情侣表白的爱心代码~,赶紧跟着操作,让她也拥有属于你的爱心吧。

文章目录前言一、效果图二、操作步骤第一步第二步第三步第四步第五步第六步源码前言 最近随着电视剧《点燃我温暖你》的火热播出,剧中帅气学霸李洵的炫酷爱心代码也迅速火出了圈,爱心素材也异常火爆,我在这里整理了一份大家有需自取哦~ 可用于…

【React Router 6 快速上手一】重定向Navigate / useRoutes路由表 / 嵌套路由Outlet

前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 之前学习了react-router-dom5版本的相关内容 参考文章👉🏻React路由(详解版)和 路由的模糊匹配,重定向以及嵌套…