Comment appliquer la réécriture de réponse à une page rendue-js tutoriel-php.cn

Comment appliquer la réécriture de réponse à une page rendue

php中世界最好的语言

Libérer： 2018-06-11 10:06:15

original

2064 Les gens l'ont consulté

Cette fois, je vais vous montrer comment appliquer la réécriture de réponse pour afficher la page, et quelles sont les précautions à prendre pour appliquer la réécriture de réponse pour afficher la page. Ce qui suit est un cas pratique, jetons un coup d'œil.

Ce qui suit consiste à lire l'intégralité du contenu d'un fichier de manière asynchrone via l'API readFile fournie par node. 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

/static. dossier Mettez 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('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();
    })
  }
})

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article Pour plus de passionnant. contenu, veuillez faire attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Comment utiliser websocket dans nodejs (avec code)

JS utilise createElement() pour dynamiquement ajouter du HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!