jak używać programu dustjs-linkedin jako szablonu strony klienta?

Question

Wpadłem na pomysł szablonowania stron po stronie serwera i klienta, ale dust.js trochę mnie myli.

Aby korzystać dust.js dla klienta po stronie szablonów, potrzebne są trzy kroki:

1. complie szablon
2. obciążenie szablon
3. renderować szablon

Prawda?

Ale skąd pochodzą szablony? Widziałem dwie różne metody:

1. <script> template <script> 
2. <div> template </div> 

... Oba znajdują się w DOM. Który jest poprawny?

Zauważam również, że możesz wczytać szablon przez ajax, więc szablon nie będzie widoczny w DOM, ale nie wiem jak to zrobić.

Ponadto obecnie używam jade jako mechanizmu wyświetlania ekspresowego. Czy trzeba przełączyć się na dust.js? Jaka jest korzyść?

Answer 1

To jest strona wiki LinkedIn Pył JS, które mogą odpowiedzieć na pytania i ma bardzo dobre przykłady: http://linkedin.github.com/dustjs/

Ale odpowiedzi na swoje pytania tutaj:

Tak trzeba skompilować szablon pył, który staje się JavaScript plik, który można dodać do strony za pomocą znacznika <script>, a następnie wywołać metodę dust.render w celu renderowania szablonu. Oto przykład:

1. zapis następujący kod w pliku szablonu i zapisać go jako sample.tl

   <p>Hi {firstName} {lastName}</p> 
   

2. kompilacji sample.tl do sample.js przez dustc sample.tl w linii poleceń lub użyj dust.compile("your_template_code", "template_name"), aby skompilować szablon i zapisać dane wyjściowe w pliku JavaScript (sample.js) lub użyj duster.js do obejrzenia i kompilowania szablonów przez: nodejs: https://github.com/dmix/dusterjs

3. dodać sample.js w HTML:

   <script type="text/javascript" src="sample.js"></script> 
   

   będzie to również zarejestrować swój szablon dust.cache.

4. w javascript:

   var your_json = {firstName:'James', lastName:'Smith'}; 
   
   dust.render('sample', your_json, function(err, out){ 
   
       your_dom_element.innerHTML = out; 
   
   }); 
   

   Wynik powyżej dust.render metody będzie <p>Hi James Smith</p>

   Więc trzeba przejść 3 argumenty do dust.render: dust.render(template_name, json, callback)

Answer 2

Jak mówi wiki, możesz użyć kurzu w kliencie lub na serwerze. Jeśli używasz go w kliencie, powinieneś pobrać szablon (na przykład z prośbą o ajax), skompilować go w przeglądarce. Będziesz musiał dołączyć plik skryptów przeciwpyłowych na swojej stronie.

Z drugiej strony można użyć kurzu na serwerze (używając rhino lub nodejs). W tym przypadku masz zamiar skompilować i wyrenderować szablon na serwerze, aby przeglądarka otrzymała html.