09-Node.js—express框架

已于 2023-04-26 07:57:13 修改
阅读量2.9k 收藏 45
点赞数 7
分类专栏： Node.js笔记 文章标签： node.js express javascript
于 2023-04-25 18:00:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zhang_wang_yun/article/details/130328523
版权

目录

1、express 介绍

  • express 是一个基于 Node.js 平台的极简、灵活的 WEB应用开发框架，官方网址：https://www.expressjs.com.cn/
  • 简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）

大家都应该玩过我的世界，在我的世界中如果纯靠手去砍树或者挖矿，效率是很低的，所以我们在玩的时候会去做个斧头和⛏子，然后再去砍树和挖矿，这样提高了获取资源的效率。
我们开发web应用也是如此，如果纯靠原生去开发，效率是很低的，所以我们就需要用到一些框架来辅助我们提高开发效率。

2、express 使用

2.1 express 下载

  • express 本身是一个 npm 包，所以可以通过 npm 安装

  • 先让文件夹初始化为一个『包』， 交互式创建 package.json 文件。

    npm init

  • 安装express包

    npm i express

2.2 express 初体验

  • 大家可以按照这个步骤进行操作：
    1. 创建 JS 文件，输入如下代码
		//1、导入包
		const express = require('express')
		//2、创建应用对象
		const app= express()
		//3、创建路由规则
		app.get('/home', (req, res) => {
		    res.end('Hello Express')
		})
		//4、监听端口 启动服务
		app.listen(9000,()=>{
		    console.log('服务已启动，监听9000端口中');
		})
  1. 命令行下执行该脚本
		node <文件名>
		# 或者
		nodemon <文件名>

  1. 然后在浏览器就可以访问http://127.0.0.1:9000/home

    在这里插入图片描述

3、express 路由

3.1 什么是路由

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

    简单来说就是浏览器发送了请求，然后路由决定这个请求由谁去处理；
    它会根据请求的路径来决定哪个回调函数去执行。

3.2 路由的使用

  • 一个路由的组成有 请求方法 ， 路径 和 回调函数 组成

  • express 中提供了一系列方法，可以很方便的使用路由，使用格式如下：

    app.<method>(path，callback)

代码示例：

//1、导入包
const express = require('express')
//2、创建应用对象
const app = express()
//3、创建路由规则
//创建get路由
app.get('/home', (req, res) => {
    res.end('Hello Express')
})
// 首页路由
app.get('/', (req, res) => {
    res.setHeader('content-type', 'text/html;charset=utf-8')
    res.end('网站首页')
})
// 创建post路由
app.post('/login', (req, res) => {
    res.end('登录成功')
})
// 创建匹配所有的请求方法
app.all('/search', (req, res) => {
    res.setHeader('content-type', 'text/html;charset=utf-8')
    res.end('我爱你')
})
//自定义 404 路由
app.all('*', (req, res) => {
res.end('404 Not Found')
})
//4、监听端口 启动服务
app.listen(9000, () => {
    console.log('服务已启动，监听9000端口中');
})

3.2.1使用Ajax发送一次post请求

由于浏览器默认发送的是GET请求，所以我们需要用Ajax发送post请求。当然用form表单也可以发送post请求。

代码示例：
1.HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        button {
            width: 60px;
            height: 30px;
            background-color: aqua;
            cursor: pointer;
            border: none;
        }
    </style>
</head>
<body>
    <button class="post"></button>
    <script>
        document.querySelector('.post').addEventListener('click', () => {
            const xhr = new XMLHttpRequest()
            xhr.open("POST", " http://127.0.0.1:9000/login")
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && /^2\d{2}$/.test(xhr.status)) {
                    console.log(xhr.responseText)
                }
            }
            xhr.send()
        })
    </script>
</body>
</html>

2.使用express框架

// 导入express包
const express = require('express')
//导入cors包
const cors = require('cors')
// 创建应用对象
const app = express()
// 调用cors包解决跨域问题
app.use(cors())
// 设置路由规则
app.post('/login',(req,res)=>{
    res.end('登录成功')
})
// 监听端口，启动服务
app.listen(9000,()=>{
    console.log('服务已启动，监听9000端口中......');
})

3.3 获取请求参数

  • express 框架封装了一些 API 来方便获取请求报文中的数据，并且兼容原生 HTTP 模块的获取方式
	//导入 express
	const express = require('express')
	//创建应用对象
	const app = express()
	//获取请求的路由规则
	app.get('/path', (req, res) => {
	    //1. 获取报文的方式与原生 HTTP 获取方式是兼容的
	    // 获取请求方法
	    console.log(req.method);
	    //获取url
	    console.log(req.url);
	    // 获取版本号
	    console.log(req.httpVersion);
	    // 获取请求头
	    console.log(req.headers);
	    //2. express 独有的获取报文的方式
	    // 获取路径
	    console.log(req.path);
	    // 获取查询字符串
	    console.log(req.query);
	    // 获取ip
	    console.log(req.ip);
	    // 获取请求头
	    console.log(req.headers);
	    // 获取指定的请求头
	    console.log(req.get('host'));
	    res.end('hello')
	})
	// 监听端口，启动服务
	app.listen(9000, () => {
	    console.log('服务已启动，监听端口9000中.....');
	})

3.4 获取路由参数

  • 路由参数指的是 URL 路径中的参数（数据）
	// 导入express包
	const express = require('express')
	// 创建应用对象
	const app = express()
	// 设置路由规则
	// :id占位符
	app.get('/:id', (req, res) => {
	    res.setHeader('content-type', "text/html;charset=utf-8")
	    res.end(`商品详情,商品的id为${req.params.id}`)
	})
	// params用来存储所有的路由参数
	// 监听端口，启动服务
	app.listen(9000, () => {
	    console.log('服务已启动，监听9000端口中......');
	})

3.5 路由参数练习

  • 要求：根据路由参数响应歌手的信息
	路径结构如下
	
	/singer/1.html
	
	显示歌手的`姓名`和`图片`
	
	//json文件
	{
	  "singers": [
	    {
	      "singer_name": "周杰伦",
	      "singer_pic": "http://y.gtimg.cn/music/photo_new/T001R150x150M0000025NhlN2yWrP4.webp",
	      "other_name": "Jay Chou",
	      "singer_id": 4558,
	      "id": 1
	    },
	    {
	      "singer_name": "林俊杰",
	      "singer_pic": "http://y.gtimg.cn/music/photo_new/T001R150x150M000001BLpXF2DyJe2.webp",
	      "other_name": "JJ Lin",
	      "singer_id": 4286,
	      "id": 2
	    },
	    {
	      "singer_name": "G.E.M. 邓紫棋",
	      "singer_pic": "http://y.gtimg.cn/music/photo_new/T001R150x150M000001fNHEf1SFEFN.webp",
	      "other_name": "Gloria Tang",
	      "singer_id": 13948,
	      "id": 3
	    },
	    {
	      "singer_name": "薛之谦",
	      "singer_pic": "http://y.gtimg.cn/music/photo_new/T001R150x150M000002J4UUk29y8BY.webp",
	      "other_name": "",
	      "singer_id": 5062,
	      "id": 4
	    }
	  ]
	}
  • 代码实现：
	// 导入express包
	const express = require('express')
	//导入json文件
	const { singers } = require('./singers.json')
	// 创建应用服务
	const app = express()
	// 设置路由规则
	app.get('/singer/:id.html', (req, res) => {
	    let { id } = req.params
	    let result = singers.find(item => {
	        if (item.id === Number(id)) {
	            return true
	        }
	    })
	    if (!result) {
	        req.statusCode = 404
	        res.end('404 Not Found')
	        return
	    }
	    res.end(`
	    <!DOCTYPE html>
	    <html lang="en">
	    <head>
	        <meta charset="UTF-8">
	        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	        <title>Document</title>
	    </head>
	    <body>
	        <div>${result.singer_name}</div>
	        <div><img src="${result.singer_pic}" alt=""></div>
	    </body>
	    </html>`)
	
	    })
	//监听端口，启动服务
	app.listen(9000, () => {
		 console.log('服务已启动，监听9000端口中.....');
		})

4、express 响应设置

  • express 框架封装了一些 API 来方便给客户端响应数据，并且兼容原生 HTTP 模块的获取方式
	// 导入express包
	const express = require('express')
	// 创建应用对象
	const app = express()
	// 设置路由规则
	
	app.get('/response', (req, res) => {
	    /*  
	    // 1. express 中设置响应的方式兼容 HTTP 模块的方式
	     // 设置状态码
	     res.statusCode = 404
	     // 设置响应状态码描述
	     res.statusMessage = 'I love you'
	     // 设置响应头
	     res.setHeader('server','Node.js')
	     // 设置响应体
	     res.write('I love love love ')
	     res.end(`hello response`) */
	    //2. express 的响应方法
	    // 设置响应状态码
	    /* res.status(404)
	    // 设置响应头
	    res.set('server','Node.js')
	    // 设置响应体
	    res.send('I love you 我爱你') */
	    //send会自动加上Content-Type: text/html; charset=utf-8解决中文乱码问题
	    // 这些方法可以进行连贯操作
	    res.status(404).set('server','Node.js').send('I love you 我爱你')
	    //3. 其他响应
	})
	// 监听端口，启动服务
	app.listen(9000, () => {
	    console.log('服务已启动，监听9000端口中......');
	})
  • 其他响应
	// 导入express包
	const express = require('express')
	const path = require('path')
	// 创建应用对象
	const app = express()
	// 设置路由规则
	app.get('/response', (req, res) => {
	    //其他响应
	    // 1.重定向也称//跳转响应
	    // res.redirect('http://baidu.com')
	    //2.下载响应
	    // res.download(path.resolve(__dirname + '/1.html'))
	    //3.响应JSON
	    /* res.json({
	        name: '张三',
	        age: 18
	    }); */
	    //4.响应文件内容
	    res.sendFile(path.resolve(__dirname + '/1.html'))
	})
	// 监听端口，启动服务
	app.listen(9000, () => {
	    console.log('服务已启动，监听9000端口中......');
	})

5、express 中间件

5.1 什么是中间件

  • 中间件（Middleware）本质是一个回调函数
  • 中间件函数可以像路由回调一样访问 请求对象（request） ， 响应对象（response）

5.2 中间件的作用

  • 中间件的作用 就是 使用函数封装公共操作，简化代码

5.3 中间件的类型

  • 全局中间件
  • 路由中间件

5.4 全局中间件

  • 每一个请求 到达服务端之后 都会执行全局中间件函数

5.4.1定义全局中间件

  • 声明中间件函数
		let recordMiddleware = function(request,response,next){
		//实现功能代码
		//.....
		//执行next函数(当如果希望执行完中间件函数之后，仍然继续执行路由中的回调函数，必须调用next)
		next();
		}

在这里插入图片描述

  • 应用中间件
	app.use(recordMiddleware);
  • 声明时可以直接将匿名函数传递给 use
	app.use(function (request, response, next) {
	console.log('定义第一个中间件');
	next();
	})

5.4.2 多个全局中间件

  • express 允许使用 app.use() 定义多个全局中间件
	app.use(function (request, response, next) {
	console.log('定义第一个中间件');
	next();
	})
	app.use(function (request, response, next) {
	console.log('定义第二个中间件');
	next();
	})

5.4.3 具体实现全局中间件

// 导入express包
const express = require('express')
const path = require('path')
const fs = require('fs')
// 创建应用对象
const app = express()
// 声明全局中间件函数
function recordMiddleware(req, res, next) {
    // 记录url和ip
    let { url, ip } = req;
      //将信息保存在文件中 access.log日志里面
    fs.appendFileSync(path.resolve(__dirname + '/access.log'), `${new Date().toLocaleString()}  ${url} ${ip}\r\n`)
    next()
}
//调用全局中间件函数
app.use(recordMiddleware)
// 设置路由规则
app.get('/home', (req, res) => {
    res.send('前台首页')
})
app.get('/admin', (req, res) => {
    res.send('后台首页')
})
app.all('*', (req, res) => {
    res.send('<h1>404NotFound</h1>')
})
// 监听端口，启动服务
app.listen(9000, () => {
    console.log('服务已启动，监听9000端口中......');
})

5.5 路由中间件

  • 如果 只需要对某一些路由进行功能封装 ，则就需要路由中间件

5.5.1 定义路由中间件

  • 要求：针对 /admin /setting 的请求, 要求 URL 携带 code=521 参数, 如未携带提示『暗号错误』
  • 具体实现：
	
	//导入 express
	const express = require('express');
	
	//创建应用对象
	const app = express();
	
	//创建路由
	app.get('/home', (req, res) => {
	    res.send('前台首页');
	});
	
	//声明路由中间件
	function routeMiddleware(req, res, next) {
	    if (req.query.code === '521') {
	        next()
	    } else {
	        res.send('暗号错误')
	    }
	}
	
	//后台
	app.get('/admin', routeMiddleware, (req, res) => {
	    res.send('后台首页');
	});
	
	//后台设置
	app.get('/setting', routeMiddleware, (req, res) => {
	    res.send('设置页面');
	});
	
	app.all('*', (req, res) => {
	    res.send('<h1>404 Not Found</h1>')
	})
	
	//监听端口, 启动服务
	app.listen(9000, () => {
	    console.log('服务已经启动, 端口 3000 正在监听中....')
	})

5.6 静态资源中间件

  • express 内置处理静态资源的中间件
	//引入express框架
	const express = require('express');
	//创建服务对象
	const app = express();
	//静态资源中间件的设置，将当前文件夹下的public目录作为网站的根目录
	app.use(express.static('./public')); //当然这个目录中都是一些静态资源
	//如果访问的内容经常变化，还是需要设置路由
	//但是，在这里有一个问题，如果public目录下有index.html文件，单独也有index.html的路由，
	//则谁书写在前，优先执行谁
	app.get('/index.html',(request,response)=>{
	respsonse.send('首页');
	});
	//监听端口
	app.listen(3000,()=>{
	console.log('3000 端口启动....');
	});

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

5.6.1 静态资源中间件练习

  • 要求：局域网内可以访问品优购的网页

  • 品优购项目在我主页的资源里可以下载。

  • 文件目录

    在这里插入图片描述
    代码实现：

    //导入 express
const express = require('express');
//创建应用对象
const app = express();
//设置静态资源中间件
app.use(express.static(__dirname + '/shoping'));
//一句话搞定
//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})

在这里插入图片描述

只要在同一个局域网里都可以访问，不过要知道你本机的IP地址是多少。
我的IP地址是 192.168.154.16
如手机访问：192.168.154.16:3000就可以了，大家可自行测试。

5.7 获取请求体数据 body-parser

  • 获取请求体数据 body-parser
  • 第一步：安装
	npm i body-parse
  • 第二步：导入 body-parser 包
	const bodyParser = require('body-parser');
  • 第三步：获取中间件函数
	//处理 querystring 格式的请求体
	let urlParser = bodyParser.urlencoded({extended:false}));
	//处理 JSON 格式的请求体
	let jsonParser = bodyParser.json();
  • 第四步：设置路由中间件，然后使用 req.body 来获取请求体数据
	app.post('/login', urlParser, (req,res)=>{
	//获取请求体数据
	//console.log(req.body);
	//用户名
	console.log(req.body.username);
	//密码
	console.log(req.body.userpass);
	response.send('获取请求体数据');
	});
  • 获取到的请求体数据：
	[Object: null prototype] { username: 'admin', userpass: '123456' }

5.7.1 练习

  • 要求：
	 * 按照要求搭建 HTTP 服务
	 * GET   /login  显示表单网页
	 * POST  /login  获取表单中的『用户名』和『密码』
  • 代码实现：
	// 导入express包
	const express = require('express')
	// 导入path模块
	const path = require('path')
	// 导入body-parser包
	const bodyParser = require('body-parser')
	//解析 JSON 格式的请求体的中间件
	// const jsonParser = bodyParser.json()
	//解析 querystring 格式请求体的中间件
	const urlencodedParser = bodyParser.urlencoded({ extended: false })
	// 创建应用对象
	const app = express()
	// 设置get路由规则
	app.get('/login', (req, res) => {
	    // res.send('表单页面')
	   //响应 HTML 文件内容
	    res.sendFile(path.resolve(__dirname + '/1.html'))
	})
	//设置post路由规则
	app.post('/login', urlencodedParser, (req, res) => {
	  //获取 用户名 和 密码
	  console.log(req.body);
	  res.send('获取用户的数据')
	});
	// 监听端口，启动服务
	app.listen(9000, () => {
	    console.log('服务已启动，监听端口9000中.....');
	})

6、防盗链

6.1 什么是防盗链

防盗链其实就是采用服务器端编程，通过url过滤技术实现的防止盗链的软件。

  • 比如：xxxxxxxxxxxxx 这个下载地址，如果没有装防盗链，别人就能轻而易举的在他的网站上引用这个地址。

6.2 防盗链的实现

  • 要实现防盗链，我们就必须先理解盗链的实现原理，提到防盗链的实现原理就不得不从HTTP协议说起，在HTTP协议中，有一个表头字段叫referer，采用URL的格式来表示从哪儿链接到当前的网页或文件。
  • 换句话说，通过referer，网站可以检测目标网页访问的来源网页，如果是资源文件，则可以跟踪到显示它的网页地址。
  • 有了referer跟踪来源就好办了，这时就可以通过技术手段来进行处理，一旦检测到来源不是本站即进行阻止或者返回指定的页面

6.3 具体实现

//导入 express
const express = require('express');

//创建应用对象
const app = express();

//声明中间件
app.use((req, res, next) => {
  //检测请求头中的 referer 是否为 127.0.0.1
  //获取 referer
  let referer = req.get('referer');
  console.log(referer);
  if(referer){
    //实例化,得到referer的url
    let url = new URL(referer);
    console.log(url);
    //获取 hostname
    let hostname = url.hostname;
    //判断
    if(hostname !== '127.0.0.1'){
      //响应 404 
      res.status(404).send('<h1>404 Not Found</h1>');
      return;
    }
  }
  next();
});

//静态资源中间件设置
app.use(express.static(__dirname + '/public'));

//监听端口, 启动服务
app.listen(9000, () => {
  console.log('服务已经启动, 端口 9000 正在监听中....')
})

7、Router

7.1 什么是 Router

  • express 中的 Router 是一个完整的中间件和路由系统，可以看做是一个小型的 app 对象。

7.2 Router 作用

  • 对路由进行模块化，更好的管理路由

7.3 Router 使用

  • 创建独立的 JS 文件（homeRouter.js）
	//1. 导入 express
	const express = require('express');
	//2. 创建路由器对象
	const router = express.Router();
	//3. 在 router 对象身上添加路由
	router.get('/', (req, res) => {
	res.send('首页');
	})
	router.get('/cart', (req, res) => {
	res.send('购物车');
	});
	//4. 暴露
	module.exports = router;
  • 主文件
	const express = require('express');
	const app = express();
	//5.引入子路由文件
	const homeRouter = require('./routes/homeRouter');
	//6.设置和使用中间件
	app.use(homeRouter);
	app.listen(3000,()=>{
	console.log('3000 端口启动....');
	})

8、EJS 模板引擎

8.1 什么是模板引擎

  • 模板引擎是分离 用户界面和业务数据 的一种技术。
  • 简单来说就是：分离HTML和JS

注：分离的是服务端的JS而不是浏览器端的JS

8.2 什么是 EJS

8.3 EJS 初体验

  • 下载安装EJS

    npm i ejs --save

    代码示例:
    html文件

	<!DOCTYPE html>
	<html lang="en">
	<head>
	  <meta charset="UTF-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	  <title>Document</title>
	</head>
	<body>
	  //<%= %> 是ejs解析内容的标记，作用是输出当前表达式的执行结构
	  <h2>我爱你 <%= china %></h2>
	  <p><%= weather %></p>
	</body>
	</html>

`js文件`

	 //1. 安装 EJS
	//2. 导入 EJS
	const ejs = require('ejs');
	const fs = require('fs');
	//字符串
	let china = '中国';
	let weather = '今天天气不错~';
	//声明变量
	let str = fs.readFileSync('./01_html.html').toString();
	//使用 ejs 渲染
	let result = ejs.render(str, {china, weather});
	console.log(result);

8.4 EJS 常用语法

  • 执行JS代码

    <% code %>

  • 输出转义的数据到模板上

    <%= code %>

  • 输出非转义的数据到模板上

    <%- code %>

8.5 EJS 渲染列表

  • js文件
	// 导入ejs包
	const ejs = require('ejs')
	//西游记
	const xy = ['唐僧', '孙悟空', '猪八戒', '沙僧'];
	/* // 原生js渲染
	let str = `<ul>`
	xy.forEach(item => {
	    str += `<li>${item}</li>`
	})
	str += '</ul>'
	console.log(str); */
	
	// ejs渲染
	/* let html = ejs.render(`
	<ul>
	<% xy.forEach(item=>{%>
	    <Li><%= item%></Li>
	<%})%>
	</ul>`,{xy})
	console.log(html); */
	//外链HTML文件ejs实现
	const fs = require('fs');
	let html = fs.readFileSync('./02.html').toString()
	let result = ejs.render(html, { xy })
	console.log(result);
  • html文件
	<!DOCTYPE html>
	<html lang="en">
	
	<head>
	    <meta charset="UTF-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <title>Document</title>
	</head>
	
	<body>
	    <ul>
	        <% xy.forEach(item=>{%>
	            <Li>
	                <%= item%>
	            </Li>
	            <%})%>
	    </ul>
	</body>
	
	</html>

8.6 ejs条件渲染

  • 要求：
	 * 通过 isLogin 决定最终的输出内容
	 * true   输出『<span>欢迎回来</span>』
	 * false  输出『<button>登录</button>  <button>注册</button>』

  • 代码实现：

  • js文件

	// 导入ejs包
	const ejs = require('ejs')
	const fs = require('fs')
	let isLogin = true
	/* // 原生js渲染
	if (isLogin) {
	    console.log(`<span>欢迎回来</span>`);
	} else {
	    console.log(`<button>登录</button>  <button>注册</button>`);
	} */
	// ejs实现
	
	/* let html = ejs.render(`
	<%if(isLogin) {%>
	    <span>欢迎回来</span>
	    <%}else {%>
	        <button>登录</button>  <button>注册</button>
	    <%}%>
	`,{isLogin:isLogin})
	console.log(html); */
	// 外链HTML ejs实现
	let body = fs.readFileSync('./03.html').toString()
	let html = ejs.render(body,{isLogin:isLogin})
	console.log(html);
  • html文件
	<!DOCTYPE html>
	<html lang="en">
	
	<head>
	    <meta charset="UTF-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <title>Document</title>
	</head>
	
	<body>
	    <%if(isLogin) {%>
	        <span>欢迎回来</span>
	        <%}else {%>
	            <button>登录</button> <button>注册</button>
	            <%}%>
	</body>
	
	</html>

8.7 express中使用ejs

  • js文件
	//导入 express
	const express = require('express');
	//导入 path
	const path = require('path');
	//创建应用对象
	const app = express();
	//1. 设置模板引擎
	app.set('view engine', 'ejs');// pug  twing
	//2. 设置模板文件存放位置   模板文件: 具有模板语法内容的文件
	app.set('views', path.resolve(__dirname, './view'));
	
	//创建路由
	app.get('/home', (req, res) => {
	  //3. render 响应
	  // res.render('模板的文件名', '数据');
	  //声明变量
	  let title = '云翔集团 - 让天下没有难学的技术';
	  res.render('home', {title});
	  //4. 创建模板文件
	});
	
	//监听端口, 启动服务
	app.listen(9000, () => {
	  console.log('服务已经启动, 端口 9000 正在监听中....')
	})
  • ejs文件
	<!DOCTYPE html>
	<html lang="en">
	<head>
	  <meta charset="UTF-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	  <title>Document</title>
	</head>
	<body>
	  <h2><%= title %></h2>
	</body>
	</html>

9、Express 应用程序生成器

东方青云、
关注
  • 7
    点赞
  • 踩
  • 45
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
ExpressJs框架
yu_qin_的博客
12-25 459
express是一个基于Node.js平台的极简,灵活的WEB应用开发框架简单来说，express是一个封装好的工具包，封装了很多功能，便于我们开发WEB应用（HTTP服务）官方定义：路由确定了应用程序如何响应客户端对特定端点的请求。
【Node系列】Express 框架
日常笔记/总结/系列知识梳理
02-05 1031
在 Express.js 中，路由是一个非常重要的概念，它决定了如何响应对特定端点的客户端请求。res.render(view,[locals],callback)：渲染一个view，同时向callback传递渲染后的字符串，如果在渲染过程中有错误发生next(err)将会被自动调用。通过将参数插入到路由路径中，Express 将自动将与该路径匹配的请求的相应部分提取出来，并将其传递给处理程序函数。在 Express 中，路由的处理顺序是根据定义的顺序进行的，因此，在匹配请求时，会按照定义的顺序进行匹配。
node.js的Express框架的介绍 与 安装详细教程
最新发布
2301_76669854的博客
05-15 1627
node.js的Express框架介绍与安装详细教程
Node.js之Express详解
热门推荐
WikY
11-11 1万+
Express Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架 使用 Express，我们可以方便、快速的创建 Web 网站的服务器或 API 接口的服务器。 express的基本使用 安装 npm install express npm i express@最新版本号 创建基本的web服务器 导入express模块 创建web服务器 调用app.listen()函数启动服务器 //1.导入express模块 const express = require('ex
Nodejs—Express
m0_59451453的博客
06-02 3736
官方给出的概念：Express 是基于 Node.js 平台快速、开放、极简的Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。
node.js中Express简介
weixin_44860226的博客
10-12 8749
官方给出的概念：Express是基于Node.js平台，快速、开放、极简的web开发框架。通俗理解：Express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的Express的本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。
基于Node.js-http模块的Express框架
NOfighting的博客
12-11 528
Express 能做什么 对于前端程序员来说，最常见的两种服务器，分别是: Web 网站服务器:专门对外提供 Web 网页资源的服务器 API 接口服务器:专门对外提供API 接口的服务器 使用Express，我们可以方便、快速的创建 Web 网站的服务器或API 接口的服务器
nodejs---Express架构
weixin_48675760的博客
02-04 497
express是nodejs最常见的web server框架。
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
Rest-APIs-node.js-express.js
05-14
标题中的"Rest-APIs-node.js-express.js"指的是使用Node.js和Express.js框架构建RESTful API的实践。在IT行业中，REST（Representational State Transfer）是一种网络应用程序的设计风格和开发方式，常用于创建Web...
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Node.js-Node.js-Express-MongoDB构建simpleblog
08-09
在本项目中，我们主要探讨如何使用Node.js、Express框架以及MongoDB数据库来构建一个简单的博客系统，即"simple_blog"。这个项目是初学者掌握Web开发基础的绝佳实践，同时也适合那些希望深入理解Node.js全栈开发的...
Node.js-node.jsexpressmongodb小电商项目实战
08-09
在本项目"Node.js-node.jsexpressmongodb小电商项目实战"中，我们将深入探讨如何使用Node.js、Express框架以及MongoDB数据库构建一个小型电子商务平台。这个实战教程将涵盖多个关键知识点，帮助开发者从零开始搭建...
前端Node.js实战--使用express搭建后端服务
黑马程序员官方博客
07-04 3541
作为前端开发，Nodejs已经成了很多公司对我们这一岗位的硬性要求，而 Express 框架则是其中知名度最高、也是最受欢迎的Nodejs开发框架，它帮助我们封装了Nodejs底层的API，屏蔽了大量的繁琐的细节，让我们只需要关注业务开发就行了，极大的降低了学习的成本。路由中间件静态文件服务模板引擎。
Node.js Express框架
上庸者-不服周
06-12 2695
中间件Express
Express框架的安装和使用
前端卷王小白的博客
05-05 2988
express框架的安装,express框架的使用,包文件的描述
Node.js——Express框架初体验
m0_63498249的博客
09-16 391
Express 框架 1 Express简介 2 安装Express 3 第一个 Express 框架实例 4 请求和响应 5 路由 6 静态文件 7 GET方法 8 POST 方法 9 文件上传
Node.js-Express框架
m0_53456432的博客
05-30 520
Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架 ，用来快速搭建Web服务。 Express 是一个第三方模块，有丰富的 API 支持，强大而灵活的中间件特性。 Express 不对 Node.js已有的特性进行二次抽象，只是在它之上扩展了 Web 应用所需的基本功能 1.安装 使用 npm init 命令为应用程序创建 package.json 文件。 npm init -y(如果文件夹的名字是中文可以直接输入‘npm init’，手动输入name) 做项
nodeJS 系列四 Express基本使用；路由的概念；中间件；跨域资源共享问题；
m0_55170432的博客
04-28 818
------------------------- Express -------------------------- 1.1 Express 简介 官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。 通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。 1. Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。 Express 的中文官网： ht

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

东方青云、

你的鼓励将是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值