Xương sống: Mô hình-to-mẫu và mẫu-to-mô hình ràng buộc

Question

Tôi đang trong quá trình tích hợp Backbone và Backbone.Marionette vào một dự án ứng dụng web hiện có. Chúng tôi có kế hoạch để lại tất cả các chức năng hiện có trong dự án một mình cho bây giờ nhưng bất kỳ chức năng mới, chúng tôi sẽ tận dụng lợi thế của Backbone cơ cấu và Marionette hiệu trưởng. Một trong những thứ tự đầu tiên của doanh nghiệp là quyết định thư viện biểu mẫu HTML cũng như giải pháp ràng buộc dữ liệu cho các mẫu này. Trước đây, chúng tôi đã sử dụng JsRender và JsViews cho tất cả các nhu cầu khuôn mẫu của chúng tôi và ràng buộc dữ liệu nhưng chúng tôi sẵn sàng khám phá những con đường mới cho chức năng mới của chúng tôi. Vì vậy, về cơ bản tôi đã nghiên cứu các giải pháp khác nhau và bây giờ cần một số lời khuyên hoặc suy nghĩ về những gì để lựa chọn. Dưới đây là những gì tôi đã xem xét cho đến nay:

Backbone.StickIt:

Ưu điểm: Có vẻ làm theo ý tưởng Backbone của tách trên mối quan tâm giúp giữ các mẫu của bạn rất "sạch".

Nhược điểm: Có vẻ như bạn phải viết thêm một chút mã trong chế độ xem của mình để xác định các ràng buộc. Ngoài ra, dường như thiếu khả năng hiển thị có điều kiện, do đó bạn phải luôn hiển thị mẫu đầy đủ và chỉ cần chuyển đổi hiển thị các phần tử nhất định.

Rivets.js:

Ưu điểm: Xử lý hơn một chút dữ liệu tùy chọn bên trong mẫu ràng buộc mà không làm cho nó quá lộn xộn.

Nhược điểm: Ngoài ra, có vẻ như thiếu hiển thị có điều kiện.

Knockback/Knockout:

Ưu điểm: Xử lý tất cả các loại dữ liệu ràng buộc nhu cầu thông qua các thuộc tính.

Nhược điểm: Dễ bắt đầu "làm bẩn" mẫu bằng trình chuyển đổi. Phải thêm một bước khác để tạo ra các kiểu xem Knockout từ các mô hình Backbone.

JsViews:

Ưu điểm: Tương tự như khả năng Knockout nhưng với cú pháp khác nhau. Xử lý hiển thị có điều kiện.

Nhược điểm: Trong quá khứ, chúng tôi đã làm bẩn các mẫu của chúng tôi bằng cách thêm quá nhiều logic nghiệp vụ vào mẫu nhưng đó có thể là vấn đề với sự phát triển của chúng tôi mà chúng tôi có thể sửa. Cần tạo chức năng để kết nối chức năng quan sát JsViews với các sự kiện mô hình Backbone. Các thư viện khác như StickIt và Knockback sẽ tự động xử lý.

Chúng tôi cũng xem xét Backbone.ModelBinder nằm ở đâu đó giữa StickIt và Rivets.

Mọi người có thể chia sẻ bất kỳ quyết định nào họ đã đưa ra và lý do họ chọn một plugin/thư viện khác không? Tôi cũng mở các đề xuất khác. Cảm ơn.

Answer 1

Tôi đã sử dụng các

Moustache này.js

Pro's: Không chỉ hỗ trợ ria mép biến ràng buộc, nhưng nó có thể alsoo xử lý chức năng ràng buộc. Ví dụ: bạn có thể có

<a href="{{test}}" >click me </a> 

Và sau đó trong chế độ xem của bạn có phương pháp được gọi là kiểm tra. Điều này tiết kiệm rất nhiều phân bổ gán lớp/id để liên kết, và ràng buộc sự kiện trong lớp View.

Con: Tôi không thích cú pháp của nó.

Tiếp theo tôi sử dụng coffeescript trong Ruby on Rails, trong đó có một xây dựng trong hệ thống sinh thái jst templating. một chuyên gia là, bạn có các mẫu trong các tệp riêng biệt. Khi tải trang, chúng sẽ liên kết với biến toàn cục trong dom. Đây là những minified và là cách tốt hơn sau đó một số mẫu pseudo script mẫu. Một chuyên gia khác là, bạn viết nếu khác và cho các vòng như bạn làm trong ruby. Nhược điểm là, họ sử dụng thẻ dao cạo và không cho phép mixin dễ dàng với mã serverside (như bản dịch).

Thư viện khác là ofcourse là nhấn mạnh động cơ templating. Rất đơn giản, nhưng khá mạnh mẽ. Proside, bạn đã có sẵn (dấu gạch dưới là cần thiết cho xương sống). Nhược điểm là, bạn không thể (theo mặc định) tải một mẫu từ một tệp bên ngoài. Tôi đã giải quyết điều này bằng cách sử dụng mã serverside (require_once, render partial). Tuy nhiên, nếu bạn sử dụng require.js, cùng với plugin văn bản (http://requirejs.org/docs/download.html#text) thì bạn có thể tải mẫu dưới dạng phụ thuộc.