Nodejs 之 Express框架

最新推荐文章于 2025-02-19 23:16:37 发布

loey_ln

最新推荐文章于 2025-02-19 23:16:37 发布

阅读量373

点赞数

分类专栏： # nodejs 文章标签： javascript node.js

本文链接：https://blog.youkuaiyun.com/loeyln/article/details/115507233

版权

nodejs 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了Node.js的Express框架，从Express的基本概念到路由、资源访问、请求和响应方法属性，涵盖CommonJs、自启动工具supervisor、EJS模板等内容，帮助读者深入理解并掌握Express开发Web应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Express简单介绍

Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用
Express 官网：
英语官网：http://expressjs.com
中文官网：http://www.expressjs.com.cn/
Express 安装使用
npm init --yes
npm i express --save
–save 参数，表示自动修改 package.json 文件，自动添加依赖项

1 CommonJs

JavaScript标准定义的 API 是为了构建基于浏览器的应用程序。并没有制定一个用于更广泛的应用程序的标准库。
CommonJS 规范的提出,主要是为了弥补当前 JavaScript 没有标准库的缺陷。它的终极目标就是：提供一个类似 Python，Ruby 和 Java 语言的标准库,而不只是让 JavaScript 停留在小脚本程序的阶段。
用 CommonJS API 编写出的应用，不仅可以利用 JavaScript 开发客户端应用，而且还可以编写以下应用。
- 服务器端 JavaScript 应用程序。（nodejs）
- 命令行工具。
- 桌面图形界面应用程序。

CommonJS 就是模块化的标准，nodejs 就是 CommonJS（模块化）的实现。

一个文件就是一个模块
变量的作用范围就在文件中
module.expors = {}, 将一些变量，方法暴露出去
require引入另一个文件
nodejs是commonjs规范的一种具体实现

特点：

所有代码都运行在模块作用域，不会污染全局作用域。
模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。
模块加载的顺序，按照其在代码中出现的顺序。

2 自启动工具 supervisor

supervisor 会不停的 watch 你应用下面的所有文件，发现有文件被修改，就重新载入程序文件这样就实现了部署，修改了程序文件后马上就能看到变更后的结果

首先安装 supervisor
npm install -g supervisor
使用 supervisor 代替 node 命令启动应用
supervisor app.js

二、路由

2.1 路由概述

路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求。
路由是由一个 URI、HTTP 请求（GET、POST等）和若干个句柄组成，它的结构如下： app.METHOD(path, [callback...], callback)， app 是 express 对象的一个实例， METHOD 是一个 HTTP 请求方法， path 是服务器上的路径， callback 是当路由匹配时要执行的函数。
简单的路由配置
当用 get 请求访问一个网址的时候，做什么事情
app.get("网址",function(req,res){ });
当用 post 访问一个网址的时候，做什么事情：
app.post("网址",function(req,res){ });
user 节点接受 PUT 请求
app.put('/user', function (req, res) { res.send('Got a PUT request at /user'); });
user 节点接受 DELETE 请求
app.delete('/user', function (req, res) { res.send('Got a DELETE request at /user'); });

2.2 通配符

*表示0~∞ 个字符
?表示0或1个字符
+表示1~∞个字符

let express = require("express") ;
let app = express() ;
app.get("/a*",(req,res)=>{
    res.send("*通配符。。。" + Math.random())
})
app.listen(3500);

在这里插入图片描述

2.3 参数传递

方式一：值直接在地址后附加, eg : /abc/:id/:age id是临时定义的变量的名字
客户端传递示例：localhost：3500/abc/100/200
在服务端获取数据： req.params['id'] : req.params['age']
方式二：以键值对的方式传递 eg : /abc
客户端发送请求： localhost:3500?name=张三&age=20
在服务端获取数据： req.query.name ： req.query.age

三、资源访问

3.1 静态资源的访问

想要访问静态资源，那么需要在服务端指定静态资源的位置，采用use方法来指定
app.use(express.static('public')) ; 表明静态资源在工程目录下的public文件夹下面

//静态资源的托管
const express = require('express' )
let path = require('path')
let app = express();

//写法一
//指定静态资源的位置
app.use(express.static(path.join(__dirname,'public')));
//console.log(path.join(__dirname,'public'))

//写法二:访问所有静态资源前必须加demo
app.use('/demo',express.static(path.join(__dirname,'public')))
//console.log(path.join(__dirname,'public'))

app.listen(4000);

文件目录：
在这里插入图片描述
写法一：

写法二：

3.2 动态页面的访问

3.2.1 ejs模板

Express 中 ejs 的安装：
npm install ejs --save
Express 中 ejs 的使用：

var express = require("express"); 
var app = express(); 

app.set("view engine","ejs"); 
app.get("/",function(req,res){
	res.render("news",{ "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"] }); 
}); 
app.listen(3000);

指定模板位置，默认模板位置在 views

app.set('views', __dirname + '/views');

Ejs 引入模板
<%- include (‘header.ejs’) %>
Ejs 绑定数据
<%=h%>
Ejs 绑定 html 数据
<%-h%>
Ejs 模板判断语句

<% if(true){ %> 
   <div>true</div> 
      <%} else{ %> 
    <div>false</div> 
     <%} %>

Ejs 模板中循环数据

	<%for(var i=0;i<list.length;i++) { %> 
		<li><%=list[i] %></li> 
               <%}%>

3.2.2 访问动态页面

动态页面：指的是页面上的数据是不固定的
显示动态数据必须要有一个模板，所谓的模板就是一个表达式语言，它可以动态来显示数据
ejs模板使用的页面后缀名也是ejs。如：index.ejs
虽然页面的后缀名是ejs，但内容仍然是html
重新定义个文件夹views来放置ejs页面

js文件：

let express = require("express") ;
let path = require("path") ;
let ejs = require('ejs') ;
let app = express() ;

//指定解析页面的引擎
app.set("view engine","ejs") ;

//指定动态页面的位置
app.set("views",__dirname + "/views") ;  //表明要访问的动态页面(ejs页面)在views文件夹下面

app.get("/user",(req,res) =>{
    res.render('index',{"name":"娜娜子","address":"中国"})  ;   
    //render方法就是转向动态页面。有两个参数，第一个是页面的名字(不要加后缀名)，
    //第二个参数是要传递到页面上的数据（json格式）
})

app.listen(5000) ;

ejs文件：

<body>
    欢迎你，这是我的个人网站！！<br>
    <%=name%> : <%=address%>
</body>

文件目录：
在这里插入图片描述

3.2.3 Ejs 后缀修改为 Html

如果看着.ejs 的后缀总觉得不爽，使用如下方法，可以将模板文件的后缀换成我们习惯的.html。
1. 在 app.js 的头上定义 ejs:,代码如下:
var ejs = require('ejs');
2. 注册 html 模板引擎代码如下：
app.engine('html',ejs.__express);
3. 将模板引擎换成 html 代码如下:
app.set('view engine', 'html');
4. 修改模板文件的后缀为.html。

const express = require('express' )
let path = require('path')
let app = express();
let ejs = require('ejs')

//指定解析页面引擎
app.engine('html',ejs.__express);
app.set("view engine","html")

//动态页面的位置
app.set("views",__dirname+"/views")

app.get("/admin",(req,res)=>{
    res.render("admin",{"name":"parkchanyeol","address":"Korea"});  //转向动态页面
})

app.listen(5000)

在这里插入图片描述

四、express框架中请求方法属性

req.app：当callback为外部文件时，用req.app访问express的实例
req.baseUrl：获取路由当前安装的URL路径
req.body / req.cookies：获得「请求主体」/ Cookies
req.fresh / req.stale：判断请求是否还「新鲜」
req.hostname / req.ip：获取主机名和IP地址
req.originalUrl：获取原始请求URL
req.params：获取路由的parameters
req.path：获取请求路径
req.protocol：获取协议类型
req.query：获取URL的查询参数串
req.route：获取当前匹配的路由
req.subdomains：获取子域名
req.accepts()：检查可接受的请求的文档类型
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一个可接受字符编码
req.get()：获取指定的HTTP请求头
req.is()：判断请求头Content-Type的MIME类型

五、express框架中响应方法属性

res.app：同req.app一样
res.append()：追加指定HTTP头
res.set()：在res.append()后将重置之前设置的头
res.cookie(name，value [，option])：设置Cookie opition: domain / expires / httpOnly / maxAge / path / secure / signed
res.clearCookie()：清除Cookie
res.download()：传送指定路径的文件
res.get()：返回指定的HTTP头
res.json()：传送JSON响应
res.jsonp()：传送JSONP响应
res.location()：只设置响应的Location HTTP头，不设置状态码或者close response
res.redirect()：设置响应的Location HTTP头，并且设置状态码302
res.render(view,[locals],callback)：渲染一个view，同时向callback传递渲染后的字符串，如果在渲染过程中有错误发生next(err)将会被自动调用。callback将会被传入一个可能发生的错误以及渲染后的页面，这样就不会自动输出了。
res.send()：传送HTTP响应
res.sendFile(path [，options] [，fn])：传送指定路径的文件 -会自动根据文件extension设定Content-Type
res.set()：设置HTTP头，传入object可以一次设置多个头
res.status()：设置HTTP状态码
res.type()：设置Content-Type的MIME类型