How to operate nodejs to render page resources through response writeback-JS Tutorial-php.cn

How to operate nodejs to render page resources through response writeback

php中世界最好的语言

Release： 2018-05-26 14:52:21

Original

1565 people have browsed it

This time I will show you how to operate nodejs to render page resources through response writeback, and how to operate nodejs to render page resources through response writeback. What are the precautions?The following is a practical case, let's take a look .

The following is to read the entire content of a file asynchronously through the api readFile provided by node. 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>

Copy after login

/static Put test in the folder .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;
}

Copy after login

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

Copy after login

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!