Mittwoch, 18. Mai, 2016

More documents

Recommendations

Info

Delving into Node.js and Express web framework 40 • app.render() - used to render the view and then pass the HTML to a callback function • res.render()- used to render the view locally and sends the HTML as a response You’ll probably end up using res.render() most of the time because you usually want to output the HTML as a response. However, if, for an instance, you’d like your application to send HTML e-mails, you will probably use app.render(). We’ll dip our toes into templating with Node.js’s templating engine mentioned earlier, called EJS⁸⁸ - so let’s install it 1 $ npm install ejs --save then add this to your existing express.js file in the config folder, just before requiring the route: 1 app.set('views', './app/views'); 2 app.set('view engine', 'ejs'); EJS views are basically HTML code mixed with EJS tags. EJS templates will be placed in the app/views folder and will have the .ejs extension. To create your first EJS view, go to your app/views folder, and create a new file named index.ejsthat contains the following HTML code snippet: 1 2 3 4 5 6 7 8 9 10 All you have left to do is configure your controller to render this template and automatically output it as an HTML response. To do so, go back to your app/controllers/index.server.controller.js file, and change it to look like the following code snippet: ⁸⁸https://github.com/tj/ejs
Delving into Node.js and Express web framework 41 1 exports.render = function(req, res) { 2 res.render('index', { 3 title: 'Howdy World' 4 }) 5 }; The res.render() method will use the EJS template engine to look for the file in the views folder that we set in the config/express.js file and will then render the view (‘index’ - without .ejs extension) using the object variables that we send to it (just title for now). Using static files You will most probably need to show some images in your templates, and the way you can do this is by using the express.static()middleware. In the config/express.js file add the following line just before the return app; statement: 1 app.use(express.static('./public')); The express.static() middleware takes one argument to determine the location of the static folder. Lets say you added an image named logo.jpg to the img folder (inside the public folder). The way you would show it in a view (index.ejs) is by using the following straight forward code: 1 Conclusion Yay, we’re done! In this tutorial we’ve covered a lot of ground so don’t worry if some of it doesn’t sink in at first reading. Reread, explore on your own - that’s how you’ll get the grip of it the best. Anyways, enough of the self help punch lines, hope you liked the post and see you in the next installment of this post when we’ll tackle the MongoDB.
Page 2 and 3: Getting MEAN with MEMEs Deploying M
Page 4 and 5: Contents How to get started on the
Page 6 and 7: How to get started on the MEAN stac
Page 24 and 25: Delving into Node.js and Express we
Page 46 and 47: MongoDB CRUD the MVC way with Passp
Page 94 and 95:
MongoDB CRUD the MVC way with Passp
Page 96 and 97:
MongoDB CRUD the MVC way with Passp
Page 98 and 99:
Finishing Angular TODO application
Page 100 and 101:
Page 102 and 103:
Page 104 and 105:
Page 106 and 107:
Page 108 and 109:
Page 110 and 111:
Page 112 and 113:
Page 114 and 115:
Page 116 and 117:
Page 118 and 119:
Page 120 and 121:
Page 122 and 123:
Page 124 and 125:
Page 126 and 127:
Page 128 and 129:
Page 130 and 131:
Page 132 and 133:
Page 134 and 135:
Page 136 and 137:
Page 138 and 139:
Page 140 and 141:
Page 142 and 143:
Page 144 and 145:
Page 146 and 147:
Page 148 and 149:
Page 150 and 151:
Page 152 and 153:
Page 154 and 155:
Page 156:
show all

Mittwoch, 18. Mai, 2016

Create successful ePaper yourself

Delete template?

Save as template?