suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung des Renderns von Seitenressourcen durch NodeJS durch Antwort-Writeback

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

亚连
亚连Original
2018-05-26 13:58:591284Durchsuche

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>

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

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

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispielcode für die Vue-Dropdown-ListenfunktionNächster Artikel：Beispielcode für die Vue-Dropdown-Listenfunktion

In Verbindung stehende Artikel

Mehr sehen