09-Node.js—express框架

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

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

    09-Node.js—express框架

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();
		}

09-Node.js—express框架

  • 应用中间件
	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 静态资源中间件练习

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

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

  • 文件目录

    09-Node.js—express框架
    代码实现:

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

09-Node.js—express框架

只要在同一个局域网里都可以访问,不过要知道你本机的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

  • EJS 是一个高效的 Javascript 的模板引擎
    • 官网: https://ejs.co/
    • 中文站:https://ejs.bootcss.com/

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 应用程序生成器

  • 通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。

  • 详情介绍官网里面都有:https://www.expressjs.com.cn/starter/generator.html文章来源地址https://www.toymoban.com/news/detail-425773.html

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

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

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

相关文章

  • Node.js毕业设计基于BS的机场安全监督系统(Express+附源码)

    本系统 (程序+源码) 带文档lw万字以上    文末可 获取 本课题的 源码和程序 选题背景: 在现代航空运输业的高速发展下,机场作为航空运输的重要节点,其安全运营至关重要。随着航班数量的增加和旅客流量的上升,机场安全管理的复杂性和难度也在不断提高。传统的机

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

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

    2024年02月17日
    浏览(67)
  • 自学WEB后端02-基于Express框架完成一个交互留言板!

    提示: 浏览器V8是JavaScript的前端运行环境 Node.js 是JavaScript 的后端运行环境 Node.js 中无法调用 DOM 和 BOM等浏览器内置 API 这个作业案例包含2部分内容, 第一部分是前端 前端完成界面内容+CSS框架 第二部分是后端 完成用户留言存储,并返回 我这里为了方便放在了后端myapp目录

    2024年02月08日
    浏览(41)
  • 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.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日
    浏览(48)
  • node.js(express.js)+mysql实现登录功能

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

    2024年01月19日
    浏览(44)
  • 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日
    浏览(60)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包