ember.js i serwer

Question

Patrzę na Ember.js i czytałem dokumenty, aby spróbować i zrozumieć, jak z niego korzystać. Rozumiem (całkiem dobrze), z wyjątkiem jednej rzeczy. Na swój sposób myślenia w schemacie MVC, Model jest repozytorium dla danych w aplikacji. Widzę, jak to działa dla danych po stronie klienta w Ember.js. Czego nie dostaję, to jak powiązać te dane z powrotem z serwerem, aby zmiany danych na kliencie były aktualizowane na serwerze. I wzajemnie. Robiłem to przez moje aplikacje webowe, które wywoływały połączenia Ajax/JSON z serwerem, a ja po prostu nie rozumiem, jak to zrobić za pomocą Ember.js.

Answer 1

kopanie po prostu nieco wokół emberjs on GitHub Znalazłem to: https://github.com/emberjs/data:

Ember danych jest biblioteką do ładowania modeli z warstwą trwałości (takich jak JSON API), aktualizowanie tych modeli, a następnie zapisywanie zmiany. Zapewnia wiele udogodnień, które można znaleźć w serwerowych ORMach, takich jak ActiveRecord, ale został zaprojektowany specjalnie dla unikalnego środowiska JavaScript w przeglądarce.

Proponuję również przeczytać Ember.js Live Collections. Co chcesz to mieć kolekcję modeli, które będą wiedzieć, jak zsynchronizować ze strony serwera, możliwe jest przykładowy kod:

// our model 
App.Person = Ember.Object.extend(); 

App.people = Ember.ArrayController.create({ 
    content: [], 
    save: function() { 
    // assuming you are using jQuery, but could be other AJAX/DOM framework 
    $.post({ 
     url: "/people", 
     data: JSON.stringify(this.toArray()), 
     success: function (data) { 
     // your data should already be rendered with latest changes 
     // however, you might want to change status from something to "saved" etc. 
     } 
    }); 
    } 
}); 

Byłbyś wtedy zadzwonić App.people.save() na potrzebnymi okazjach.

Warto również zapoznać się z tym artykułem, Advice on & Instruction in the Use Of Ember.js, który zawiera więcej informacji na temat komunikacji serwer-klient z Emberem, a także wspomina o emberjs/data.

Uwaga: Biblioteka danych Emberjs powinna być używana z ostrożnością, ponieważ nie jest gotowa do produkcji.

Answer 2

W Ember.js "model" zawarty w obiekcie Ember będzie zawierał dodatkową abstrakcję bazy danych po stronie serwera, jeśli jest używana. Część kontrolera aplikacji powinna wtedy mieć metody, które pozwalają na pobieranie i wysyłanie danych, które są wywoływane w razie potrzeby w celu zaktualizowania modelu (przy użyciu Ajax). Jest to miłe, ponieważ masz model, który może szybko reagować po stronie klienta na dowolne dane wejściowe, które użytkownik dostarcza aplikacji (naciśnięcia klawiszy, ruchy myszą, cokolwiek) i wybiórczo wybrać, kiedy wykonać relatywnie kosztowne zapytania do bazy danych po stronie serwera. W ten sposób część wydajności aplikacji nie jest już utrudniana przez opóźnienie żądań danych na serwer zewnętrzny, co w niektórych przypadkach pozwala na tworzenie aplikacji, których czas reakcji zbliża się do aplikacji natywnych.

Answer 3

Lubię wyobrazić ember.js parami tak

• widoki i szablony są skorelowane (oczywiście), Wykręcanie widokowe Class kontrolować szablon (jak classnames)
• Router i Trasy działa trochę jak kontroler w MVC. Są odpowiedzialni za skierowanie żądania do właściwego punktu końcowego. Sterownik i model są zorientowane na model, jeden (model) opisuje dane, które będą obsługiwane w aplikacji, podczas gdy kontroler zachowuje się jak rodzaj proxy (lub dekoratora, jeśli to jest więcej w twojej uliczce).Szablony będą podłączane do kontrolera i na przykład:

Zasadniczo oznacza to, że ładujesz swój kontroler (pojedynczy lub macierz) na model i możesz teraz łatwo modelować procesy działające na tym modelu (tj. Rzeczy, które nie dotknij modelu w jego rdzeniu/danych) w kontrolerze. W przypadku aplikacji bloga przykład opisałbyś Posta się w modelu i dodać coś takiego kontrolera

App.PostController = Ember.ObjectController.extend({ 
    content: null, 

    // initial value 
    isExpanded: false, 

    expand: function() { 
    this.set('isExpanded', true) 
    }, 

    contract: function() { 
    this.set('isExpanded', false) 
    } 
}); 

Teraz można współdziałać z represenation modelu pod względem frontend myślenia poprzez kontroler . Rozszerzanie wpisu nie zmienia modelu, zmienia się tylko zmiana danych.

Pod względem przeładunku danych z serwera, mam dwie odpowiedzi dla ciebie

1. znalazłem this article bardzo pomocne w zrozumieniu połączenia (odpytywanie i prosty, aczkolwiek proste)
2. Jeśli używasz szyny, dostaniesz szczęście z nadchodzących Rails 4 na żywo, zobacz this post and demo dla soczyste części

Answer 4

Zdaję sobie sprawę, że jest to nieco stary z pytaniem, ale to jest na najwyższym oceniane strony dla ember.js, więc pomyślałem, że dodam trochę.

Ostatnio używałem ember-model do obsługi wiązania danych RESTful. Ma mniej dzwonków i gwizdów, ale dla moich potrzeb jest całkiem przyzwoity. Zasadniczo, po prostu rozszerza funkcjonalność modelu, aby dobrze zintegrować się z serwerem przesuwającym obiekty JSON za pośrednictwem standardowego interfejsu REST.