Detaillierte Erläuterung der Schritte für NodeJS zum Rendern einer Seite durch Antwort-Writeback-js-Tutorial-php.cn

Detaillierte Erläuterung der Schritte für NodeJS zum Rendern einer Seite durch Antwort-Writeback

php中世界最好的语言

Freigeben： 2018-05-02 10:23:15

Original

1873 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich, wie NodeJS eine Seite durch Antwort-Writeback rendern kann. Was sind die Vorsichtsmaßnahmen für NodeJS, um eine Seite durch Antwort-Writeback darzustellen? , lass uns einen Blick darauf werfen.

Wir betreiben das Rendern von Seiten im Allgemeinen über die vom Node-Framework bereitgestellte API. Wie kann ich die ursprüngliche Rückschreibmethode verwenden, um dieselbe Funktion zu erreichen? Knoten bereitgestellt Alle Inhalte der API readFile funktionieren, der Code lautet wie folgt:

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>

Nach dem Login kopieren

/static Ordner legt die Dateien test.js und style.css ab

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So verwenden Sie Angular2-Module und gemeinsam genutzte Module

So erhalten Sie das größte Element in einer Zahl Typ-Array

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte für NodeJS zum Rendern einer Seite durch Antwort-Writeback. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!