Nodejs에서 템플릿 엔진을 사용하는 방법은 무엇입니까? 템플릿 엔진을 사용하여 HTML을 렌더링하는 방법은 무엇입니까?

이 글에서는 브라우저에서 템플릿 엔진을 사용하는 방법, Node에서 템플릿 엔진을 사용하는 방법, 템플릿 엔진을 사용하여 케이스를 통해 HTML을 렌더링하는 방법을 소개합니다.

【추천 학습: "nodejs tutorial"】

readdir을 사용하여 지정된 경로 아래의 모든 파일 이름을 가져옵니다

파일 구조

구현 코드

르르레

코드 출력 e

const fs = require('fs');

fs.readdir('G:/pink_code/Node_Study/02',(err,list) => {
    if (!err) {
        console.log(list);
    }
})

브라우저에서 템플릿 엔진 사용

1. art-testrreeee

2. Script 태그를 통한 Art-Template 소개

[ '01_http-helloWorld.js', '02_使用readdir获取指定路径下的所有文件名.js', 'www' ]

3 . 호출할 템플릿 엔진 구문

npm install art-template

Node

1. 템플릿을 사용해야 하는 모듈에 art-template

<script src="./node_modules/art-template/lib/template-web.js"></script>

을 설치합니다. engine

3.문서를 확인하고 템플릿 엔진 API를 사용하세요

Node에서 템플릿 엔진을 사용하는 작은 사례

<script src="./node_modules/art-template/lib/template-web.js"></script>


<script>
    const test = template(&#39;tpl&#39;,{
        name: &#39;China&#39;
    });
    console.log(test);
</script>

결과 출력

npm install art-template

사용하는 작은 사례 HTML Case

HTML 구조

const template = require('art-template');

const test = template.render('hello {{name}}',{
    name: 'NodeJs'
})

console.log(test);

노드 코드

hello NodeJs

성취 효과

를 렌더링하는 템플릿 엔진 관련 지식이 있으면 다음을 방문하세요:

소개 프로그래밍

까지! !

위 내용은 Nodejs에서 템플릿 엔진을 사용하는 방법은 무엇입니까? 템플릿 엔진을 사용하여 HTML을 렌더링하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!