Node.js-Express框架基本使用

这篇具有很好参考价值的文章主要介绍了Node.js-Express框架基本使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Express介绍

Express是基于 node.js 的web应用开发框架,是一个封装好的工具包,便于开发web应用(HTTP服务)

Express基本使用

// 1.安装
npm i express
// 2.导入 express 模块
const express = require("express");
// 3.创建应用对象
const app = express();
// 4.创建路由, 根据请求url返回对应数据
// get 请求
app.get("/index", (req, res) => {
	res.send("hello express index")
})
// post 请求
app.post("/add", (req, res) => {
	res.send("hello express add")
})
// all 所有请求类型,* 代表匹配所有路由,不匹配的可以进行 404 
app.all("*", (req, res) => {
	res.send("404 Not Found")
})
// 5.监听端口
app.listen(8080, () => {
	console.log("8080端口服务已经启动...")
})

获取请求参数

// get 请求
app.get("/index", (req, res) => {
	console.log(req.path) // /index
	console.log(req.query) // 查询参数 { name: "zs", age: "18" }
	console.log(req.ip) // 获取 ip 地址
	console.log(req.get("host")) // 获取请求头中的信息
})

获取 URL 路由参数

// http://192.168.0.1:8080/123.html
// get 请求
app.get("/:id.html", (req, res) => {
	console.log(req.params.id) // 123
})

响应参数设置

app.get("/response", (req, res) => {
	res.status(200); // 设置响应状态码
	res.set("参数名", "参数值"); // 设置响应头信息
	res.send("响应内容, 中文不会乱码") // 设置响应体

	res.redirect("http://www.baidu.com"); // 重定向地址 baidu
	res.download(__dirname + "文件路径"); // 下载响应
	// json 格式响应
	res.json({
		name: "zs",
		age: "18"
	});
	// 响应文件内容, 可以将HTML内容响应到页面
	res.sendFile(path.resolve(__dirname, "文件路径"));
})

Express中间件

中间件(Middleware):是一个回调函数,像路由一样可以访问请求对象(request, response).
作用:使用函数封装公共操作,简化代码。

全局中间件

// 声明中间件函数
function recordMiddleware(req, res, next){
	// 代码逻辑
	next();
}

// 使用中间件, 每个路由都会执行
app.use(recordMiddleware)

路由中间件

// 声明中间件函数
function recordMiddleware(req, res, next){
	// 代码逻辑
	if(req.query.name === "zs"){
		// 验证成功,继续执行后面的回调函数
		next();
	}else{
		res.send("没有权限")
	}
}
// 哪个请求需要验证,为哪个添加中间件函数
app.get("/admin", recordMiddleware, (req, res) => {
	res.send("登录成功")
})

静态资源中间件

注意事项
1、index.html文件为默认打开的资源
2、如果静态资源与路由规则同时匹配,谁先匹配谁就响应
3、路由响应动态资源,静态资源中间件响应静态资源

// 页面可以访问静态资源,CSS、图片等
// 静态资源中间件的设置,将当前文件夹下的public目录作为网站的根目录
app.use(express.static(__dirname + "/public"));

防盗链

// 检测请求头中的referer,防止图片资源被别人使用
app.use((req, res, next) => {
	// 获取 referer 
	let referer = req.get("referer");
	if(referer){
		let url = new URL(referer);
		let hostname = url.hostname;
		if(hostname !=== "当前页面域名"){
			res.send("404")
			return
		}
	}
	next();
})

路由模块化

homeRouter.js

// 引入 express 模块, 封装 home 路由
const express = require("express");
// 创建路由对象
const router = express.Router();
router.get("/home", (req, res) => {
	res.send("这是home页面")
})
// 向外暴漏 router 
module.exports = router;

index.js

// 引入 express 模块
const express = require("express");
// 引入封装的 home 路由
const homeRouter = require("./router/homeRouter.js");
const app = express();
// 使用 homeRouter 路由,页面就可以访问 /home 了。
app.use(homeRouter)

ejs模板引擎

  • 安装ejs
npm i ejs
  • 设置模板引擎
app.set("view engine", "ejs");
  • 设置模板文件存放位置
const path = require("path")
app.set("views", path.resolve(__dirname, "./views"));
  • render响应
// index.js 文件
app.get("/home", (req, res) => {
	let title = "请求成功!";
	// render(模板文件名, 数据)
	res.render("home", {title: title})
})

// home.ejs 文件
// 响应的页面中就展示---请求成功!
<%= title %>

express generator 应用程序生成器

可以快速创建一个应用的骨架,将文件结构和基础代码搭建出来。文章来源地址https://www.toymoban.com/news/detail-663298.html

// 1. 安装 express generator 应用程序生成器
npm i -g express-generator
// 2. 创建 ejs 项目文件夹
npm -e ejs项目名称
// 3. 安装依赖包
npm i

到了这里,关于Node.js-Express框架基本使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 自学WEB后端01-安装Express+Node.js框架完成Hello World!

    前端         前端开发主要涉及用户界面(UI)和用户体验(UX),负责实现网站的外观和交互逻辑。前端开发使用HTML、CSS和JavaScript等技术来构建网页,并通过各种工具和框架(如React、Vue.js、Angular等)来简化开发过程。前端开发关注于网页设计、布局、样式、动画效果以及

    2024年02月07日
    浏览(64)
  • Node.js、Express框架之获取客户端IP地址,并获取IP对应的城市名「简单好用,收藏不亏」

    在进入正题之前,我们先来了解一下IP地址对我们开发者来说都有哪些重要的作用: IP地址是我们用来记录用户访问日志的一个重要标识。 一方面,我们可以用来防止某一个IP地址带来的大量DDOS攻击,通过判断IP地址来阻止此IP继续访问攻击; 另外一个用途是用来定位,通过

    2024年02月17日
    浏览(67)
  • node中间件-express框架

    方式一 : express提供的脚手架,直接创建一个应用的骨架 安装脚手架npm install -g express-generator 创建项目 express express-demo 安装依赖npm install 启动项目 node bin/www 方式二 : 从零搭建自己的express应用结构; 初始化项目 npm init 安装express npm i express 导入–创建–监听 使用参考文档 中

    2024年02月16日
    浏览(57)
  • Node服务器-express框架

    1 Express认识初体验 2 Express中间件使用 3 Express请求和响应 4 Express路由的使用 5 Express的错误处理 6 Express的源码解析 1、在项目文件的根目录创建package.json文件 2、下载express 3、基本使用 4、运行服务器 先要下载nodemon 中间件在express就是post或者get里面的回调函数(req,res,next)

    2024年02月01日
    浏览(43)
  • node.js中Express简介

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

    2024年02月08日
    浏览(55)
  • 【Node.js】Express-Generator:快速生成Express应用程序的利器

    在Node.js世界中,Express是一个广泛使用的、强大的Web应用程序框架。它为开发者提供了一系列的工具和选项,使得创建高效且可扩展的Web应用程序变得轻而易举。然而,对于初学者来说,配置和初始化Express应用程序可能会有些困难。为了解决这个问题,Express团队推出了一款名

    2024年02月10日
    浏览(55)
  • node.js(express.js)+mysql实现注册功能

    /utils/db.js文件的代码如下: 项目安装指定版本bcryptjs库 再插入新用户时输入中文username mysql会 出现字符集不匹配的情况 报错情况如下: ER_CANT_AGGREGATE_2COLLATIONS: Illegal mix of collations (latin1_swedish_ci,IMPLICIT) and (utf8_general_ci,COERCIBLE) for operation ‘=’ 原因: mysql数据库建表的时候采

    2024年01月18日
    浏览(47)
  • node.js(express.js)+mysql实现登录功能

    实现步骤 1.检测表单数据是否合法 2.根据用户名查询用户的数据 3.判断用户输入的密码是否正确 4.生成JWT 的 Token 字符串 登录接口完整代码如下:controllers/user.js文件 一、检测登录表单的数据是否合法 1)安装 jOi 包,为表单中携带的每个数据项,定义验证规则: (2)安装 @e

    2024年01月19日
    浏览(43)
  • node.js项目express的初始化

    👍 点赞,你的认可是我创作的动力! ⭐️ 收藏,你的青睐是我努力的方向! ✏️ 评论,你的意见是我进步的财富! 在D盘新建一个文件夹,文件夹命名为api 将文件夹拖拽到vscode上面进行打开 新建一个终端 输入 npm init -y,初始化包管理工具 输入npm i express,安装express框架

    2024年01月18日
    浏览(56)
  • Node.js: express + MySQL实现修改密码

            实现修改密码,本篇文章实现修改密码只考虑以下几个方面:         (1),获取旧密码         (2),获取新密码         (3),将获取到的旧密码与数据库中的密码进行比对(避免修改错用户)         (4),新密码与进密码进行比对,新密码和旧密码不

    2024年02月16日
    浏览(59)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包