suchen

Heim >Web-Frontend >js-Tutorial >So bedienen Sie NodeJS, um Seitenressourcen durch Antwort-Writeback zu rendern

So bedienen Sie NodeJS, um Seitenressourcen durch Antwort-Writeback zu rendern

php中世界最好的语言
php中世界最好的语言Original
2018-05-26 14:52:211585Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie NodeJS zum Rendern von Seitenressourcen durch Antwort-Writeback verwenden. Hier ist ein praktischer Fall ein Blick. Im Folgenden wird der gesamte Inhalt einer Datei asynchron über die vom Knoten bereitgestellte readFile-API gelesen. 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 Put test im Ordner .js und style.css-Dateien

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

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen erhalten Sie zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So verwenden Sie JS, um das maximale Element eines Arrays vom Typ „Zahl“ zu finden


So verwenden Sie vue zur Implementierung der Dropdown-Listenfunktion

Das obige ist der detaillierte Inhalt vonSo bedienen Sie NodeJS, um Seitenressourcen durch Antwort-Writeback zu rendern. 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：So implementieren Sie die Dropdown-Listenfunktion mit VueNächster Artikel：So implementieren Sie die Dropdown-Listenfunktion mit Vue

In Verbindung stehende Artikel

Mehr sehen