EmberJS-コアコンセプト
Ember.jsには次のコアコンセプトがあります-
- Router
- Templates
- Models
- Components
ルーターとルートハンドラー
URLはアドレスバーにURLを入力してアプリを読み込み、ユーザーはアプリ内のリンクをクリックします。Emberはルーターを使用して、URLをルートハンドラーにマップします。ルーターは、既存のURLをルートと照合します。このルートは、データのロード、テンプレートの表示、およびアプリケーションの状態の設定に使用されます。
ルートハンドラーは次のアクションを実行します-
テンプレートを提供します。
テンプレートにアクセスできるモデルを定義します。
ユーザーがアプリの特定の部分にアクセスする権限がない場合、ルーターは新しいルートにリダイレクトします。
テンプレート
テンプレートは、エンドユーザーにとって強力なUIです。Emberテンプレートは、Handlebarsテンプレートの構文を使用するアプリケーションのユーザーインターフェイスの外観を提供します。通常のHTMLに似たフロントエンドアプリケーションを構築します。また、正規表現をサポートし、式を動的に更新します。
モデル
ルートハンドラーは、情報をWebサーバーに永続化するモデルをレンダリングします。データベースに保存されているデータを操作します。モデルは、Emberデータの機能を拡張する単純なクラスです。Ember Dataは、Ember.jsと緊密に結合されて、データベースに保存されているデータを操作するライブラリです。
コンポーネント
コンポーネントは、2つの部分を含むユーザーインターフェイスの動作を制御します-
JavaScriptで書かれたテンプレート
コンポーネントの動作を提供するJavaScriptで記述されたソースファイル。