Gợi ý cho giải pháp mẫu jQuery hiện tại?

Question

Tôi đang tìm một công cụ tạo khuôn mẫu jQuery đáng tin cậy.

Tôi đã phát triển với jquery.tmpl.js, mặc dù tôi biết nó đã bị bỏ qua. Tôi đã có thể đạt được những gì tôi muốn với nó nhưng có một số nghi ngờ nhỏ về độ tin cậy của trình duyệt chéo của nó. Đối với một điều, IE7 dường như được gắn cờ như là một vấn đề khu vực, và bây giờ tôi không muốn đi xa hơn nữa cho đến khi tôi cảm thấy tự tin hơn rằng nó cuối cùng có thể được đưa vào một giải pháp sản xuất.

Có cuộc thảo luận lành mạnh về điều này StackOverflow question về việc tạo khuôn mẫu, mặc dù đáng buồn là hiện tại đã lỗi thời.

Kho lưu trữ github cho jquery.tmpl.js cho biết rằng nó được chuyển đến jQueryUI, nhưng trang web jQueryUI không đề cập đến việc tạo khuôn mẫu.

Vì vậy, có ai có bất kỳ kinh nghiệm tốt với templating trong jQuery và/hoặc có thể chỉ cho tôi hướng tới một giải pháp đáng tin cậy?

Answer 1

JsRender là sự thay thế cho jQuery Templates. Các mẫu jQuery không còn phát triển nữa ... cả jQuery và Boris Moore (động lực đằng sau chúng) đã chuyển sang JsRender.

Tuy nhiên, bạn có thể sử dụng các mẫu jQuery vì tính đến hôm nay, chúng ổn định hơn JsRender. JsRender và JsViews nhanh chóng đến và cùng nhau họ sẽ làm những gì các mẫu jQuery hiện nay. JsRender có một số ưu điểm đã có trên các mẫu jQuery đặc biệt là về mặt hiệu năng (công cụ dựng hình dựa trên chuỗi của nó thực hiện điều đó).

Bạn có thể tìm thấy một số ví dụ bởi Boris Moore ở đây: http://borismoore.github.com/jsrender/demos/step-by-step/index.html

Answer 2

Sử dụng JsRender - http://borismoore.github.com/jsrender/demos/step-by-step/index.html

Answer 3

Linkedin sử dụng Dust. Họ đã viết một bài báo phong nha giải thích cách nó giúp họ tạo ra một giao diện người dùng chung từ các phương pháp triển khai back-end khác nhau (JSP, Grails, Rails, v.v.) Nó có thể đáng xem xét.

Answer 4

Tôi sử dụng giải pháp của riêng mình: https://github.com/lingtalfi/cloneTemplate Nó dựa trên jquery. Nó chỉ là một người trợ giúp, không phải là một giải pháp khuôn mẫu đầy đủ tính năng. (Full code đang khoảng 30 dòng)

Cú pháp khá đơn giản:

var variables = {"marie": "mary"}; // this dumb/demo map will simply replace marie by mary 
var jClone = $.fn.cloneTemplate(jTpl, variables); 

Nó hiện công việc của tiêm biến thành một bản mẫu. Các placeholders trong mẫu giống như thế này:

{-myTag-} 

và

{-%myTag-} 

cho phiên bản htmlspecialchars.

Vậy đó!