Maison >interface Web >js tutoriel >Explication détaillée des ressources de la page de rendu nodejs via l'écriture de réponse

Explication détaillée des ressources de la page de rendu nodejs via l'écriture de réponse

亚连original: 2018-05-26 13:58:591283parcourir

Cet article présente principalement l'explication détaillée des ressources de la page de rendu nodejs via l'écriture de réponse. Maintenant, je le partage avec vous et le donne comme référence.

Nous opérons généralement le rendu des pages via l'API fournie par le framework de nœuds. Comment utiliser la méthode de réécriture d'origine pour obtenir la même fonction

Ce qui suit est la lecture asynchrone d'un fichier via le ? nœud fourni Tout le contenu de l'API readFile fonctionne, le code est le suivant :

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>

/le dossier statique contient les fichiers test.js et style.css

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles Liés

Voir plus