予備的なフレームワークを表現

使用して、予備的なフレームワークを表現します

VaRの EXP =（必要' エクスプレス' ）;
 VARの EJS =必要（' EJS ' ）;
 VARのApp = 新しい新しいEXP（）; 
。アプリのSET（" ビューエンジン"、" EJS " ）; 
。アプリケーションGET（' /インデックス' 、関数（REQ、RES）{ 
    res.render（' tianwadi ' 、{}）; 
}）; //デフォルトでは、ディレクトリファイル.ejs使用してビューを表現

app.listenを（8888、' 127.0.0.1 '） ;

テンプレートディレクトリを表現し、設定テンプレートエンジン

VaRの EXP =（必要' エクスプレス' ）;
 VARの EJS =必要（' EJS ' ）;
 VARのApp = 新しい新しいEXP（）; 
app.engine（' HTML '、EJS .__エクスプレス）; // 登録エンジンタイプのデフォルトEJS 
のApp 。セット（' ビューエンジン'、' HTML '）; // エンジンの種類設定 
アプリケーションを。セット（' ビュー'、dirnameは__ + " / TPL "）; // カスタムテンプレートの格納ディレクトリ
アプリ。取得（' /インデックス' {関数（REQ、RES）
    res.render（' インデックスを' 、{}）; 
}）; 

app.listen（8888、' 127.0.0.1 '）;

解像度と静的ファイルの導入

VaRの EXP =必要（' エクスプレス' ）;
 VARの EJS =必要（' EJS ' ）;
 VARのApp = 新しい新しいEXP（）; 
app.use（EXPの。静的（' 静的'））; // 指定された静的ドキュメントルート- --app.useまた、ミドルウェア使用 
app.engine（' HTML '、EJS .__発現する）; // EJSに登録エンジンタイプのデフォルト値 
。アプリケーションをセットし（' ビューエンジン'、' HTML '）; // セットエンジン入力 
アプリケーションを。SET（' ビュー'、__ dirnameは+ " / TPL "）; // カスタムテンプレートディレクトリ 
のAppは。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の EXP =（必要' エクスプレス' ）;
 VARの EJS =必要（' EJS ' ）;
 VARのアプリ= 新しい新しいEXP（）; 
app.use（EXP。静的（' 静的'））; // 指定された静的ドキュメントルートの 
アプリ.USE（' /マルチメディア'、EXP。静的（' 静的' ））; //プロジェクトフォルダに真のマルチメディアの別名静的から
app.engine（' HTML '、EJS .__エクスプレス）; // 登録エンジンタイプデフォルトはEJSある 
アプリケーション。SET（' ビューエンジン'、' HTML '）; //は、エンジンのタイプ設定 
アプリケーションを。SET（' ビュー'、__ dirnameは+ " / TPL "）; // カスタムテンプレートの格納ディレクトリ 
のApp。GET（' /インデックス' 、機能（REQ 、RES）{ 
    res.render（' インデックス'、{ " HeadTitle "：' EJSホーム' }）; 
}）; 

app.listen（8888、' 127.0.0.1 '）;

htmlの一部

......
の<div クラス = " コンテナ" > 
        <h1のクラス = " MT-5 " > <％= headtitle％> </ H1> 
        <P クラス = " リード" >ピンの下にフッタービューポート内でのデスクトップブラウザこのカスタムHTMLとCSS。固定されたナビゲーションバーは、<コード>パディングトップで追加されました：60PX; </コード> <コード>のメイン＆GT。.container </コード>。</ P>
         <P> <IMG SRC = "/マルチメディア/ PIC / EEhTIVVVUAAiht3.jpg"幅= "400"> </ P>" > デフォルトスティッキーフッター</a>のマイナスナビバーます。</ p> 
    </ div>の
......

予備的なフレームワークを表現

おすすめ