> 웹 프론트엔드 > JS 튜토리얼 > Nodejs에서 템플릿 엔진을 사용하는 방법은 무엇입니까? 템플릿 엔진을 사용하여 HTML을 렌더링하는 방법은 무엇입니까?

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

青灯夜游
풀어 주다: 2021-08-11 10:21:25
앞으로
2600명이 탐색했습니다.

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

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

【추천 학습: "nodejs tutorial"】

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

파일 구조

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

구현 코드

르르레

코드 출력 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(&#39;art-template&#39;);

const test = template.render(&#39;hello {{name}}&#39;,{
    name: &#39;NodeJs&#39;
})

console.log(test);
로그인 후 복사

노드 코드

hello NodeJs
로그인 후 복사

성취 효과

Nodejs에서 템플릿 엔진을 사용하는 방법은 무엇입니까? 템플릿 엔진을 사용하여 HTML을 렌더링하는 방법은 무엇입니까?를 렌더링하는 템플릿 엔진 관련 지식이 있으면 다음을 방문하세요:

소개 프로그래밍

까지! !

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

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿