2012-01-26 26 views
14

Tôi đang đọc bài viết này:các khuôn khổ javascript: Ràng buộc giao diện người dùng và chế độ xem được soạn thảo là gì?

http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/

Tôi đang sử dụng backbone.js. Tôi yêu thích nó, mặc dù nó đòi hỏi quá nhiều bản mẫu. Dù sao.

Tác giả của bài đăng có vẻ rất quan trọng đối với các giao diện người dùng và chế độ xem được soạn thảo.

Tôi nghĩ rằng tôi biết lợi thế cơ bản của các ràng buộc ui, bạn có thể thay đổi các phần nhỏ của khung nhìn khi mô hình thay đổi mà không cần hiển thị lại toàn bộ khung nhìn. Tôi không nhất thiết phải nhìn thấy điểm mặc dù. Nếu quan điểm của bạn là rất lớn có thể bạn nên làm cho quan điểm nhỏ hơn? Tôi đã nhìn thấy mã của knockoutjs và nó rải rác với những thứ liên kết dữ liệu xấu xí. Emberjs xử lý nó như thế nào? Có một ví dụ?

Tôi không có ý tưởng gì về ý nghĩa của các chế độ xem được sáng tác, ai đó có thể làm sáng tỏ?

Chế độ xem được soạn thảo - Giống như tất cả các nhà phát triển phần mềm, tôi thích tạo mã có thể sử dụng lại mô-đun. Vì lý do này, khi lập trình UI, tôi sẽ muốn có khả năng soạn các khung nhìn (tốt nhất là ở lớp mẫu). Điều này cũng sẽ dẫn đến tiềm năng cho cấu trúc phân cấp phong phú về cấu trúc phân cấp . Một ví dụ về điều này sẽ là một tiện ích pagination tái sử dụng.

Có ví dụ nào không?

Cảm ơn

Edit:

này sẽ giúp làm cho một cái gì đó như xem sáng tác?

https://github.com/tbranyen/backbone.layoutmanager

+0

Tôi không hoàn toàn có được nó hoặc là nhưng chơi xung quanh với mô hình backbone.js đã được hữu ích. Nội dung mô hình tự động liên kết để tạo thành các phần tử trong khung nhìn. – Joe

+0

[Backbone Aura] của Addy Osmani (http://addyosmani.github.com/backbone-aura/) cũng có thể giải quyết vấn đề xem được soạn thảo. Tôi tin rằng nó cũng có thể cung cấp một thay thế cho ràng buộc UI trong một cấu trúc khác nhau. Nó cung cấp một hệ thống dựa trên widget cho Backbone. –

Trả lời

2

Tôi tạo ra LayoutManager cho Backbone.js vì tôi quá muốn xem composite.

http://tbranyen.github.com/backbone.layoutmanager/

Hãy cho tôi biết nếu bạn tìm thấy phương pháp này rất hữu ích.

+0

Vì vậy, trong layoutmanager ý kiến ​​của bạn sẽ đáp ứng các yêu cầu của blogger đó? – Harry

+0

Vâng, tuyệt đối. – tbranyen

-1

Nghe có vẻ như tôi là tác giả đang nói về mã phía máy chủ tại đây. Xây dựng hệ thống mẫu trang có thể sử dụng lại, tạo trang từ một tập hợp các tiện ích con, đoạn mã html, v.v. phổ biến, ...

Apache Tiles là một cách để thực hiện việc này.

5

Trang web truyền thống là nguyên khối. Người dùng gọi một trang và máy chủ xây dựng trang và trình duyệt sẽ hiển thị nó. Ở đây tác giả đang đề cập đến việc phá vỡ loại mã đó thành một tập hợp các chế độ xem. Vì vậy, trang của bạn được tạo thành từ nhiều phần. Và mỗi phần được hiển thị và cập nhật độc lập. Hoặc một thay đổi mô hình có thể kích hoạt một loạt các cập nhật trên một số hoặc tất cả các phần.

Về cơ bản, điều này cho phép bạn tạo loại ứng dụng 'trên máy tính để bàn' trên web. Và bạn không phải sử dụng iframe hack để thực hiện việc này.

Gmail và Google Reader là ví dụ điển hình về các ứng dụng web được tạo bằng chế độ xem được soạn.

+0

Cảm ơn điều đó rất hữu ích. Tôi vẫn đang tìm kiếm một câu trả lời cụ thể hơn mặc dù. backbone.js cảm thấy như nó đã có thể hoàn thành những gì bạn đang mô tả. Tôi quan tâm đến việc nghe như thế nào nó thiếu và làm thế nào emberjs hoặc tương tự cải thiện trên đó. – Harry

6

Chế độ xem được tạo được sử dụng để chia chế độ xem thành các khối nhỏ có thể được sử dụng lại hoặc điều chỉnh cho các tình huống khác nhau.

Ví dụ: trong biểu mẫu nơi bạn đang chỉnh sửa người dùng, bạn có thể tạo chế độ xem cho trường địa chỉ và chỉ cần gọi nó từ trang/mẫu chính. Tác giả cũng đề cập đến phân trang như một ví dụ, trong trường hợp này bạn có thể tạo một mô hình biết cách xử lý truy xuất dữ liệu khi bạn chuyển đổi giữa các trang và chỉ áp dụng nó cho một bảng trong trang của bạn.

Về mã ràng buộc dữ liệu "xấu xí", xương sống cần biết cách đính kèm chính nó vào đánh dấu hiện có và cách sửa đổi khi sự kiện xảy ra.

Có lẽ ví dụ này sẽ giúp: http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/

Các vấn đề liên quan