예비 프레임 워크를 표현

사용은 예비 프레임 워크를 표현

var에 특급은 =은 (필요 ' 익스프레스 ' );
 var에 EJS을 = (가) (필요 ' EJS ' );
 var에 응용 = 새로운 새로운 애 썼는데 (); 
. 앱 SET ( " 보기 엔진 " , " EJS " ) 
. 응용 프로그램의 GET ( ' / 인덱스 ' , 기능 (REQ, RES) { 
    res.render ( ' tianwadi ' , {}); 
}); // 기본 디렉토리 파일 .ejs 사용하여 뷰 표현 

app.listen ( 8888를 , ' 127.0.0.1 ' ) ;

표현하고 템플릿 디렉토리 템플릿 엔진을 설정

var에 특급 =은 (필요 ' 익스프레스 ' );
 var에 EJS을 = (가) (필요 ' EJS ' );
 var에 응용 = 새로운 새로운 특급 (); 
app.engine ( ' HTML ' , EJS .__ 익스프레스); // 등록 엔진 유형 기본값 EJS 
앱 . 설정 ( ' 보기 엔진 ' , ' HTML은 ' ); // 엔진의 유형 설정 
. 응용 프로그램 설정 ( ' 전망 ' , dirname은 __ + " / TPL을 " ); // 사용자 정의 템플릿 저장 디렉토리
앱. 얻기 ( ' / 인덱스 ' {함수 (REQ, 해상도) 
    res.render ( ' 인덱스 ' , {}) 
}); 

app.listen ( 8888 , ' 127.0.0.1 ' );

해상도와 정적 파일의 도입

var에 특급 = 요구] ( ' 익스프레스 ' );
 var에 EJS = 요구] ( ' EJS ' );
 var에 응용 = 새로운 새로운 특급 (); 
app.use (특급. 정적 ( ' 정적 ' )); // 지정된 정적 문서 루트 - --app.use 또한 미들웨어 사용 
app.engine ( ' HTML ' , EJS .__ 익스프레스); // EJS에 등록 엔진 유형 기본값 
. 앱을 세트를 ( ' 보기 엔진 ' , ' HTML ' ); // 설정 엔진 입력 
응용 프로그램을. 세트를 (' 조회수 ' , __이 dirname + " / TPL " ); // 사용자 정의 템플릿 디렉토리 곳 
앱. GET ( ' / 지수 ' , 기능 (REQ, RES) { 
    res.render ( ' 인덱스 ' , { " HeadTitle " : ' EJS 홈 ' }) 
}) 

app.listen ( 8888 , ' 127.0.0.1 ' );

HTML 부분

......省略部分
 <바닥 글 클래스 = " 바닥 글 MT-자동 PY-3 " > 
    <DIV 클래스 = " 용기 " > 
        <스팬 클래스 = " 텍스트 음소거 " >이 곳에 끈적 끈적한 바닥 글 내용. </ SPAN> 
    </ DIV> 
</ 바닥 글> 
<스크립트 SRC는 = " /js/jquery-3.4.1.min.js " </ SCRIPT> </ BODY>> 
</ HTML>

프로젝트 디렉토리

호스팅 정적 서비스는 (실제 정적 파일 '별칭'듭니다과 같은 URL을 사용하여 별칭을 느낄 플러스 하위 폴더 리소스에 액세스 할 수 있습니다)

var에 특급은 =은 (필요 ' 익스프레스 ' );
 var에 EJS을 = (가) (필요 ' EJS을 ' );
 var에 응용 = 새로운 새로운 애 썼는데 (); 
(. 특급 app.use 정적 ( ' 정적 ' )); // 지정된 정적 문서 루트 
응용 프로그램 .use ( ' / 멀티미디어 ' , 특급. 정적 ( ' 정적 ' )); // 정적 별칭 멀티미디어에서 프로젝트 폴더에 충실 
app.engine ( ' HTML ' , EJS .__ 익스프레스); // 등록 엔진 유형 기본값은 EJS이다 
앱. 는 SET (' 보기 엔진 ' , ' HTML은 ' ); // 엔진 유형 설정 
. 앱을 설정 ( ' 전망 ' , __이 dirname + " / TPL " ); // 사용자 지정 템플릿 저장 디렉토리를 
. 앱의 GET ( ' / 지수 ' , 기능 (REQ , RES) { 
    res.render ( ' 인덱스 ' , { " HeadTitle " : ' EJS 홈 ' }); 
}); 

app.listen ( 8888 , ' 127.0.0.1 ');

HTML 부분

......
 <div의 클래스 = " 컨테이너 " > 
        <H1의 클래스 = " MT-5 " > <% = headtitle %> </ H1> 
        <p의 클래스 = " 리드 " 의 바닥> 핀 꼬리말 뷰포트 에서 데스크탑 브라우저 이 사용자 정의 HTML 및 CSS. 고정 메뉴 바는 <코드> 패딩 탑 첨가되었다 : 60 픽셀; </ 코드>의 <코드>에 메인한다 .container </ 코드>. </ p>
         <p> <IMG SRC = "/ 멀티미디어 / 그림 / EEhTIVVVUAAiht3.jpg"폭 = "400"> </ p>" >는 기본 끈적 끈적한 바닥 글 </a>을 뺀 네비게이션 바. </ P> 
    </ DIV> 
...

예비 프레임 워크를 표현

추천