Home > Article > Web Front-end > Detailed explanation of the steps for nodejs to render a page through response writeback
This time I will bring you a detailed explanation of the steps for nodejs to render a page through response writeback. What are the precautions for nodejs to render a page through response writeback. Here is a practical case, let's take a look.
We generally operate page rendering through the api provided by the node framework. How to use the original write-back method to achieve the same function?
The following is asynchronously reading a file through the node provided All content api readFile operates, the code is as follows:
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> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <p>这是一个p </p> <script type="text/javascript" src="./static/test.js"></script> </body> </html>
/static folder contains test.js and style.css files
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(); }) } })
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading:
How to use angular2 module and shared module
How to get the largest element in a Number type array
The above is the detailed content of Detailed explanation of the steps for nodejs to render a page through response writeback. For more information, please follow other related articles on the PHP Chinese website!