サーバーを Express Engine に接続 - EJS がフロントエンドとして機能

1386 ワード
javascript express node ejs テキストリンク
多くのユーザーは、react でフロントエンドにデータを作成する方法を理解していないため、この記事が役に立ちます.

first we install

npm install ejs



次に、プロジェクトにいくつかの構成を設定します
  • 最初のフォルダー ビューの作成app.set('view engine','ejs');

    • index.ejs




    
`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Express Engine</title>
</head>
<body>
    <%= heading  %> 
</body>
</html>`


    index.js では、ページ index.ejs を単純にレンダリングします.

    `app.get('/',(req,res)=>{

   res.render('index.ejs',{heading:"first Page"});
})`


    EJS は、react のようにコンポーネント ベースで動作します

    インクルードファイルを使用するだけです
    include('header.ejs')
    一部の開発者は、ejs は私たちにとって難しいと考えていますが、t worry about this is a simple like you work on html but some operation map array of content then use it like you use php as server .
     <% array.forEach(item=>{}) %>` は使用しないでください.

    ejsを使用してすべてを行うことができます.
    🚨❓26日(2022.01.23 7時間48分)STEP 4プリセールスガイド
    PopupWindow setOutsideTouchable(false)無効な問題の完全な解決策