2014年4月2日水曜日

ExpressフレームワークにEJSのビューヘルパー「express-helpers」を組み込む

node.jsExpressフレームワーク(3.5.1)EJSのビューヘルパー「express-helpers」を組み込んでみました。Ruby on Rails のヘルパーのごとく、便利に利用できます。

package.json
{
  "name": "application-name",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node app.js"
  },
  "dependencies": {
    "express": "3.5.1",
    "express-helpers": "1.3.1",
    "ejs": "*"
  }
}
app.js
var app = express();
var helpers = require('express-helpers')(app);
/views/index.ejs
<%- link_to('ヘルパー', '/home', {class : "btn btn-default"}) %>

<% form_for("user", function(f){ %>
  <%- f.label_for("ユーザーネーム") %>
  <%- f.text_field("username") %>
  <%- f.submit() %>
<% }) %>

実際に設定してみたサイトがこちら



参考サイト
mhayashi/express-helpers(GitHub)

0 件のコメント:

コメントを投稿