好资源导航 » 文章资讯 » 详解nodejs通过响应回写的方式渲染页面资源

详解nodejs通过响应回写的方式渲染页面资源

2023-09-14 10:59:05 55

我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢

下面是通过node提供的异步地读取一个文件的全部内容apireadFile进行操作，代码如下：

html








Document


这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div
这是一个div

/static文件夹里面放test.js和style.css文件

div:nth-child(1){
font-size:50px;
color:red;
}

div:nth-child(3){
font-size:80px;
color:blue;
}

div:nth-child(6){
font-size:100px;
color:blueviolet;
}

app.js

//搭建服务
varhttp=require('http');
varfs=require('fs');
varserver=http.createServer();
server.on('listening',()=>{
console.log('serverstartsatlocalhost8080');
})
server.listen('8080','localhost');

//监听服务
server.on('request',(req,res)=>{
if(req.url=='/'){//渲染html文件
fs.readFile('./html/node.html',(err,info)=>{
res.write(info);
res.end();
})
}elseif(req.url.startsWith('/static')){//统一渲染html需要的static静态文件到页面
fs.readFile(__dirname+req.url,(err,info)=>{
res.write(info);
res.end();
})
}
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

详解nodejs通过响应回写的方式渲染页面资源

热门推荐

随机推荐