[Node.js]26. Level 5 : Route rendering

Instead of just writing out the quote to the response, instead render the quote.ejs template, passing in the quote name and quote body.

Then finish the quote.ejs view, by printing out the quote name and body.

var express = require('express');

var app = express.createServer();

var quotes = {
  'einstein': 'Life is like riding a bicycle. To keep your balance you must keep moving',
  'berners-lee': 'The Web does not just connect machines, it connects people',
  'crockford': 'The good thing about reinventing the wheel is that you can get a round one',
  'hofstadter': 'Which statement seems more true: (1) I have a brain. (2) I am a brain.'
};

app.get('/quotes/:name', function(request, response) {
  var quote = quotes[request.params.name];
  
  // render template here
  response.render('quote.ejs', {name:request.params.name, quote: quote});
});

app.listen(8080);

quote.ejs

<h2>Quote by <%=  name%></h2>

<blockquote>
  <%=  quote%>
</blockquote>

 

Oops, we forgot to include a layout file.

We've started one below. Finish it out by including the body of the template inside of the <body> tag. Remember to use the <%- tag so the template contents are not escaped.

<!DOCTYPE html>
<html>
  <head>
    <title>Quotes</title>
  </head>
  <body>
    <%-body%>
  </body>
</html>

 

posted @ 2014-07-31 16:33  Zhentiw  阅读(190)  评论(0)  编辑  收藏  举报