EmberJS - podstawowe pojęcia

Ember.js ma następujące podstawowe koncepcje -

  • Router
  • Templates
  • Models
  • Components

Router i moduły obsługi tras

Adres URL ładuje aplikację, wprowadzając adres URL w pasku adresu, a użytkownik kliknie łącze w aplikacji. Ember używa routera do mapowania adresu URL do obsługi trasy. Router dopasowuje istniejący adres URL do trasy, która jest następnie używana do ładowania danych, wyświetlania szablonów i konfigurowania stanu aplikacji.

Procedura obsługi trasy wykonuje następujące czynności -

  • Zawiera szablon.

  • Definiuje model, który będzie dostępny dla szablonu.

  • Jeśli użytkownik nie ma pozwolenia na odwiedzanie określonej części aplikacji, router przekieruje na nową trasę.

Szablony

Szablony to potężny interfejs użytkownika dla użytkowników końcowych. Szablon Ember zapewnia wygląd interfejsu użytkownika aplikacji, która korzysta ze składni szablonów Handlebars . Tworzy aplikację front-end, która jest jak zwykły HTML. Obsługuje również wyrażenie regularne i dynamicznie aktualizuje wyrażenie.

Model

Programy obsługi tras renderują model, który utrwala informacje na serwerze sieci Web. Manipuluje danymi przechowywanymi w bazie danych. Model to prosta klasa, która rozszerza funkcjonalność Ember Data. Ember Data to biblioteka, która jest ściśle powiązana z Ember.js w celu manipulowania danymi przechowywanymi w bazie danych.

składniki

Komponent steruje zachowaniem interfejsu użytkownika, który obejmuje dwie części -

  • szablon napisany w JavaScript

  • plik źródłowy napisany w JavaScript, który zapewnia zachowanie składników.