Gatsby Starter Blog

Express 4.0 with EJS ใครตั้งให้ Jade เป็น Default นะคงจะดีมั้ง แต่เราชอบ EJS มากกว่านี่หน่า

June 26, 2014

ส่วนตัวผมใช้ ExpressJS มาซักระยะ แต่ติดปัญหาตรงที่ตัว View Jade นั้นใช้ยากพอสมควร วันนี้จะมาเสนอวิธีง่ายๆ ในการใช้ EJS Template ซึ่งน่าจะคุ้นเคยได้ง่ายกว่าเพราใช้ Tag <%- %> <% %>

  1. Express gernerator อันนี้ไม่ต้องสอนแล้วกันนะไปดูที่ expressjs ได้เลย
  2. ติดตั้ง EJS
npm install ejs
  1. แก้ไฟล์ app.js
app.set('view engine', 'ejs');
  1. เปลี่ยนไฟล์ทั้งหมดใน View เป็น นามสกุล ejs

5.ลองเขียน Simple index.ejs ง่ายๆแบบด้านล่างก็ได้

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><%- title %></title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles -->
    <link href="stylesheets/style.css" rel="stylesheet">

</head>
<body>
<%- body %>
</body>
</html>
  1. แก้ไฟล์ index.js
res.render('index', { body: 'Express' ,title : 'Hello'});

จบแล้วครับง่ายๆ แบบนี้แหละ