Ở đâu trong khung Rails tôi nên đặt các mẫu Backbone của mình?

Question

Tôi là một nhà phát triển đường ray đang cố gắng tìm hiểu Backbone và sau đó tôi gặp phải vấn đề này: vì các mẫu Underscore bao gồm các biểu tượng như <%=%>, tôi đoán các mẫu không thể được đưa vào các tệp erb. mỗi mẫu đơn? Và nó nên là gì?

Answer 1

Bạn có thể thoát khỏi những biểu tượng ERB bằng cách sử dụng hai % trong thẻ mở, và đặt các mẫu xương sống của bạn trong đường ray lần xem:

<script type='text/template' id="my-template'> 
    <%%= name %> 
</script> 

chí đầu ra sau trong trang của bạn:

<script type='text/template' id="my-template'> 
    <%= name %> 
</script> 

Đưa mẫu Backbone của bạn trực tiếp vào khung nhìn đường ray của bạn là IMHO tùy chọn tốt nhất khi bạn đang cố gắng tìm hiểu. Bạn đã vật lộn với các khái niệm mới, không cần phải thêm một trở ngại khác.

Answer 2

Bạn nên đặt các mẫu Backbone của mình ở đâu? Tôi không nói gì cả. Tôi tin rằng trong hầu hết các ứng dụng Rails, máy chủ phải chịu trách nhiệm cho tất cả hiển thị HTML, trong khi JavaScript phía máy khách chỉ chịu trách nhiệm chèn HTML được hiển thị vào DOM. Trong số những thứ khác, điều này làm cho I18n dễ dàng hơn. Một ngoại lệ sẽ là nếu Rails đơn giản được sử dụng như một phần phụ trợ nhẹ cho một ứng dụng chạy chủ yếu ở phía máy khách (mặc dù trong trường hợp đó, bạn có thể muốn sử dụng Sinatra hoặc một cái gì đó thay thế). Trong trường hợp này, Rails có thể hiển thị không có gì là và có JS làm tất cả các hình ảnh hiển thị.

Lưu ý nguyên tắc cơ bản tại đây. Máy chủ phải chịu trách nhiệm cho tất cả hiển thị hoặc ứng dụng khách nên. Tách nó sẽ làm cho cuộc sống khó khăn hơn.

Answer 3

Bắt đầu với Rails 3.1, nó cung cấp hai thứ giúp làm việc với các mẫu Backbone dễ dàng hơn một chút: đường ống nội dung và biên dịch JST (JavaScript Template) tự động.

Tạo thư mục trong thư mục app/assets được gọi là templates. Thư mục này sẽ tự động được chọn bởi đường ống nội dung.

Tiếp theo, đặt tên tệp trong thư mục đó với phần mở rộng là jst và loại mẫu bạn đang tạo ejs (javascript nhúng). Bạn thậm chí có thể lồng chúng vào các thư mục. Ví dụ:

app/assets/templates/my_template.jst.ejs 
app/assets/templates/bookmarks/show.jst.ejs 

Đường ống dẫn dầu tài sản cũng cho phép bạn sử dụng ngôn ngữ khuôn mẫu khác như coffeescript nhúng, ria mép, tay lái, vv bằng cách đơn giản là thay đổi đuôi tệp (và bao gồm bất kỳ viên ngọc cần thiết).

Bây giờ để tham khảo các mẫu JST của bạn trong quan điểm Backbone của bạn, chỉ cần sử dụng đường dẫn đến filename:

var Bookmark = Backbone.View.extend({ 
    template: JST['bookmarks/show'], 
    render: function() { 
    this.$el.html(this.template(this.model.attributes)); 
    return this; 
    } 
}); 

Bạn có thể cần phải thêm dòng này vào application.js của bạn:

// require_tree ../templates 

Dưới đây là một bài viết hay giải thích tất cả điều này chi tiết hơn một chút: http://www.bigjason.com/blog/precompiled-javascript-templates-rails-3-1