HackerNews04-将render函数挂在到res对象上|学习笔记

简介: 快速学习 HackerNews04-将render函数挂在到res对象上

开发者学堂课程【Node.js 入门与实战 HackerNews04-将render函数挂在到res对象上】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8277


HackerNews04-将 render 函数挂在到 res 象上


将 render 函数挂在到 res 对象上

Res.render = function (filename) {

fs.readFile(filename,function (err, data) {

if (err) {

res .writeHead(404,’Not Found’,{‘Content- Type’:’text/html ;charset=utf-8’});

res .end(‘404, not found.’);

return ;

}

res . setHeader(‘Content-Type’, mime . getType(req.url));

res .end(data);

});

}

将 render 函数挂载到 res 对象上,可以通过 res.render()来访问

为 res 对象添加一个 render()函数,方便后续使用

// 先根据用户请求的路径(路由),将对应的HTML页面显示出来

if (req.url ===’/’ || req.url === ‘/index ‘&& req.method === ‘get’) {

// 读取 index.html

res.render(path. join(--dirname, ‘views’,’ index.html’), ))

else if (req.url === ‘/submit’&&req.method === ‘get’) {

// 读取 submit.html 并返回

res.render(path. join(--dirname, ‘views’,’ submit.html’), ));

else if (req.url === ‘/item’ && req.method === ‘get’) {

// 读取 details.html 并返回

res.render(path. join(--dirname, ‘views’,’ details..html’), ));

else if (req.url === ‘/add’ && req.method === ‘get’) {

// 表示 get 方法提取一条新闻

else if (req.url === ‘/add’ && req.method === ‘get’) {

// 表示 post 方法提交一条新闻

else if (req.url.startsWith(‘/resources’) && req.method === ‘get’) {

//如果用户请求是以/resources 开头,并且是get请求,就认为用户是要请求静态资源

//  /resources/images/s.gif

res.render(path. join(--dirname, req.url), ));

在 cmd 下输入文件名获取地址然后在浏览器下进行验证。

相关文章
|
5月前
|
JavaScript API
Vue学习之--------列表排序(ffilter、sort、indexOf方法的使用)、Vue检测数据变化的原理(2022/7/15)
这篇博客文章讲解了Vue中列表排序的方法,使用`filter`、`sort`和`indexOf`等数组方法进行数据的过滤和排序,并探讨了Vue检测数据变化的原理,包括Vue如何通过setter和数组方法来实现数据的响应式更新。
Vue学习之--------列表排序(ffilter、sort、indexOf方法的使用)、Vue检测数据变化的原理(2022/7/15)
|
8月前
|
JavaScript 前端开发 定位技术
《vue3实战》在created生命周期中运用slice()方法结合element plus组件实现电影评价系统的分页
《vue3实战》在created生命周期中运用slice()方法结合element plus组件实现电影评价系统的分页
|
前端开发
前端学习笔记202307学习笔记第五十九天-react源码-callback函数内部this指向2
前端学习笔记202307学习笔记第五十九天-react源码-callback函数内部this指向2
56 0
|
8月前
|
前端开发
【前端学习】—let const var之间的区别(十三)
【前端学习】—let const var之间的区别(十三)
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
202 1
|
JavaScript 前端开发 程序员
|
JavaScript
热点面试题:JS 中 call, apply, bind 概念、用法、区别及实现?
热点面试题:JS 中 call, apply, bind 概念、用法、区别及实现?
|
存储 JavaScript 前端开发
web前端面试高频考点——Vue3.x升级的重要功能(emits属性、生命周期、多事件、Fragment、移出.async、异步组件写法、移出 filter、Teleport、Suspense...)
web前端面试高频考点——Vue3.x升级的重要功能(emits属性、生命周期、多事件、Fragment、移出.async、异步组件写法、移出 filter、Teleport、Suspense...)
253 0
|
前端开发
前端学习笔记202307学习笔记第五十九天-react源码-callback函数内部this指向
前端学习笔记202307学习笔记第五十九天-react源码-callback函数内部this指向
56 0
|
前端开发
每天3分钟,重学ES6-ES12(十四)async/await
每天3分钟,重学ES6-ES12(十四)async/await
81 0

热门文章

最新文章