응답 쓰기 저장을 통해 페이지 리소스를 렌더링하기 위해 nodejs를 작동하는 방법

이번에는 응답 쓰기 저장을 통해 페이지 리소스를 렌더링하기 위해 nodejs를 작동하는 방법과 응답 쓰기 저장을 통해 페이지 리소스를 렌더링하기 위해 nodejs를 작동할 때 어떤 노트가 있는지 보여드리겠습니다. 다음은 실제 사례입니다.

다음은 node에서 제공하는 api readFile을 통해 파일의 전체 내용을 비동기적으로 읽어오는 코드입니다.

html

 nbsp;html>


  <meta>
  <meta>
  <meta>
  <link>
  <title>Document</title>


  <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></script>
 

test.js, style.css 파일을 /static 폴더에 넣어주세요.

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

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

JS를 사용하여 숫자 유형 배열의 최대 요소를 찾는 방법

vue를 사용하여 드롭다운 목록 기능을 구현하는 방법

위 내용은 응답 쓰기 저장을 통해 페이지 리소스를 렌더링하기 위해 nodejs를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!