Explication détaillée des ressources de la page de rendu nodejs via l'écriture de réponse-js tutoriel-php.cn

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

亚连

Libérer： 2018-05-26 13:58:59

original

1315 Les gens l'ont consulté

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>

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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.