Detaillierte Erläuterung des Renderns von Seitenressourcen durch NodeJS durch Antwort-Writeback-js-Tutorial-php.cn

Detaillierte Erläuterung des Renderns von Seitenressourcen durch NodeJS durch Antwort-Writeback

亚连

Freigeben： 2018-05-26 13:58:59

Original

1314 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die detaillierte Erklärung zum Rendern von Seitenressourcen durch Antwortrückschreiben vorgestellt. Jetzt teile ich ihn mit Ihnen und gebe ihn als Referenz.

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(&#39;http&#39;);
var fs = require(&#39;fs&#39;);
var server = http.createServer();
server.on(&#39;listening&#39;,()=> {
  console.log(&#39;server starts at localhost 8080&#39;);
})
server.listen(&#39;8080&#39;,&#39;localhost&#39;);

//监听服务
server.on(&#39;request&#39;,(req,res)=>{
  if(req.url == &#39;/&#39;) {//渲染html文件
    fs.readFile(&#39;./html/node.html&#39;,(err,info)=>{
       res.write(info);
       res.end();
    })
  } else if(req.url.startsWith(&#39;/static&#39;)) {//统一渲染html需要的static静态文件到页面
    fs.readFile(__dirname + req.url,(err,info) =>{
      res.write(info);
      res.end();
    })
  }
})

Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax-Methode zum Lesen von Eigenschaftenressourcendateidaten

Ajax-Methode zum regelmäßigen Aktualisieren eines bestimmten Inhalts auf der Seite

Ajax-Methode zum Abrufen der Länge des Antwortinhalts

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Renderns von Seitenressourcen durch NodeJS durch Antwort-Writeback. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!