A thin wrapper around jade4j to promote use with the Clojure community.
[clj-jade "0.1.5"]index.jade
!!! 5
html
head
title= pageName
body
ol.guitars
for guitar in guitars
li #{guitar.maker} #{guitar.model}
(require '[clj-jade.core :as jade])
(jade/render "index.jade" {"pageName" "My Guitars"
"guitars" [{"model" "Hummingbird" "maker" "Gibson"}
{"model" "Telecaster" "maker" "Fender"}]})
;; or
(jade/render "index.jade" {:pageName "My Guitars"
:guitars [{:model "Hummingbird" :maker "Gibson"}
{:model "Telecaster" :maker "Fender"}]})Produces:
<!DOCTYPE html>
<html>
<head>
<title>My Guitars</title>
</head>
<body>
<ol class="guitars">
<li>Gibson Hummingbird</li>
<li>Fender Telecaster</li>
</ol>
</body>
</html>The default clj-jade configuration can be configured as follows.
(require '[clj-jade.core :as jade])
(jade/configure {:template-dir "examples/templates/"
:pretty-print true
:cache? true})
(jade/render "index.jade" {"pageName" "My Guitars"
"guitars" [{"model" "Hummingbird" "maker" "Gibson"}
{"model" "Telecaster" "maker" "Fender"}]})Please refer to the examples in the source to see how templates can be managed using layouts and includes.
Helpers provide a mechanism to register custom view related functions that can be called directly from templates. For example, it might be useful to define helpers for date formatting, rounding etc.
(ns clj-jade.example-helper.math
(:gen-class
:methods [[round [double] int]]))
(defn -round
[this double]
(Math/round double))(jade/configure {:helpers {"math" (clj_jade.example_helper.math.)}})
!!! 5
html
body
h1 #(helpers.math.round(number))
(jade/render "index.jade" {:number 2.6})Produces:
<!DOCTYPE html>
<html>
<body>
<h1>3</h1>
</body>
</html>Note that as helper implementations use :gen-class you will need to ensure that you apply AOT compiling for all helper classes. This can be specified using the :aot lein option.
Thanks to the authors of jade4j for bringing jade to the JVM.
Copyright © 2013
Distributed under the Eclipse Public License, the same as Clojure.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent