Heim > Artikel > Web-Frontend > Detaillierte Erläuterung des Renderns von Seitenressourcen durch NodeJS durch Antwort-Writeback
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('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(); }) } })
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 EigenschaftenressourcendateidatenAjax-Methode zum regelmäßigen Aktualisieren eines bestimmten Inhalts auf der Seite Ajax-Methode zum Abrufen der Länge des AntwortinhaltsDas 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!