Jade를 Node.js와 함께 사용하는 방법을 이해하려고 시도합니다.

Question

저는 노드에 초보자인데 비취 엔진 템플릿 엔진을 사용하려고하며 github 페이지에서 ReadMe를 읽었습니다. 직장 :

var http = require('http'), 
    jade = require('jade'), 
fn = jade.compile('html p hello'); 

function onRequest(req, res) { 
    res.writeHead(200, {"Content-Type": "text/html"}); 
    res.write('Hello World!'); 

    fn; 


    res.end(); 
} 

http.createServer(onRequest).listen(8888); 
console.log('Server started.'); 

하지만, 내가 잘못한 것을 누군가에게 설명 할 수는 없습니까? 고마워요!

Answer 1

이 줄의 코드 :

fn; 

중 & hellip; fn를 호출하지 않습니다. 변수 fn의 값을 검색 한 다음 아무 것도하지 않고 버립니다.

res.end(fn()); 

또한, html p hello 당신이 그것을하지 생각하지 않습니다 : 대신, 당신은 그것을 호출 한 후 res.end 인수로 반환 값을 사용하려면 그것은 텍스트, 당신은 태그, html을 원하는 생각 그것에있는 p hello. 그것은 당신이 원하는 것이 아닙니다. 당신은 줄 바꿈과 올바른 들여 쓰기를 사용해야하고 그것을 작동합니다 : 당신이 옥을 사용하려고하는 경우

html 
    p hello 

을 그건 그렇고, 당신은 할 수 없습니다 할 수 외부

res.write("Hello World!"); 

Answer 2

Jade는 작업하기 위해 적절한 줄 바꿈이 필요합니다. 그리고 적절한 줄 바꿈은 인라인 자바 스크립트에서보기 흉합니다. (또한 Jade를 사용한 템플릿 적용의 이점은 코드의 뷰 로직이없는 등 관심사를 분리하는 것입니다.

이 작업을 수행하는 가장 쉬운 방법은 파일에 템플릿을 분리하는 것입니다

tpl.jade

doctype 5 
html 
    body 
    p hello 

하는 index.js

var http = require('http') 
    , jade = require('jade') 
    , path = __dirname + '/tpl.jade' 
    , str = require('fs').readFileSync(path, 'utf8') 
    , fn = jade.compile(str, { filename: path, pretty: true }); 

function onRequest(req, res) { 
    res.writeHead(200, {"Content-Type": "text/html"}); 
    res.write(fn()); 
    res.end(); 
} 

http.createServer(onRequest).listen(8888); 
console.log('Server started.');