详解nodejs通过响应回写的方式渲染页面资源
更新时间：2018年04月07日 17:08:39 作者：凌云
本篇文章主要介绍了详解nodejs通过响应回写的方式渲染页面资源，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下：
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="./static/style.css" rel="external nofollow" /> <title>Document</title> </head> <body> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <div>这是一个div </div> <script type="text/javascript" src="./static/test.js"></script> </body> </html>
/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
// 搭建服务
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();
})
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要给大家总结了下nodejs爬虫抓取数据乱码问题的相关资料,需要的朋友可以参考下2015-07-07
本篇文章主要介绍了学习 NodeJS 第八天：Socket 通讯实例，非常具有实用价值，需要的朋友可以参考下。2016-12-12
大家有没有遇到过在开启本地服务时，有这么一种情况：当前端口已经被另一个项目使用了，导致服务开启失败。那么接下来，我们通过简简单单的示例代码来检测端口是否已经被占用。有需要的朋友们可以参考借鉴。2016-09-09
这篇文章主要为大家详细介绍了node+express实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要介绍了探索node之事件循环的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了详解Node.js 中使用 ECDSA 签名遇到的坑，主要是使用 Node.js 的 Crypto 模块无法校验网络传输过来的签名结果，感兴趣的小伙伴们可以参考一下2018-11-11
要用nodejs开发接口，实现远程调用，如果裸奔太危险了，就在网上找了一下nodejs的加密，感觉node-rsa挺不错的，下面来总结一下简单的rsa加密解密用法，需要的朋友可以参考下2018-10-10
这篇文章主要介绍了nodejs中实现修改用户路由功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了把Node.js程序加入服务实现随机启动,本文使用qckwinsvc实现这个需求,讲解了qckwinsvc的安装和使用,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了Nest.js鹅湖使用multer实现文件上传功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-03-03
最新评论