php渲染nodejs api,nodejs通过响应回写渲染页面步骤详解

本文详细介绍了如何使用Node.js通过原始回写方式实现页面渲染。通过监听'http'模块创建服务器,结合'fs'模块异步读取HTML文件内容,将内容响应给客户端。同时,对于静态文件如JS和CSS,也展示了如何统一处理并返回给客户端。通过这个案例,读者可以了解Node.js处理HTTP请求和静态资源的基本方法。
摘要由CSDN通过智能技术生成

这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

html

Document

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

这是一个p

/static 文件夹里面放test.js 和 style.css 文件p:nth-child(1){

font-size: 50px;

color: red;

}

p:nth-child(3){

font-size: 80px;

color: blue;

}

p:nth-child(6){

font-size: 100px;

color: blueviolet;

}

app.js// 搭建服务

var http = require('http');

var fs = require('fs');

var server = http.createServer();

server.on('listening',()=> {

console.log('server starts at localhost 8080');

})

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

})

} else if(req.url.startsWith('/static')) {//统一渲染html需要的static静态文件到页面

fs.readFile(dirname + req.url,(err,info) =>{

res.write(info);

res.end();

})

}

})

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值