Emberjs-core-concepts

EmberJS-コアコンセプト

Ember.jsには次のコアコンセプトがあります-

• ルーター
• テンプレート
• モデル
• コンポーネント

Emberjs Core Concepts

ルーターとルートハンドラー

URLはアドレスバーにURLを入力することでアプリを読み込み、ユーザーはアプリ内のリンクをクリックします。 Emberはルーターを使用して、URLをルートハンドラーにマップします。 ルーターは、既存のURLをルートと照合します。このルートは、データのロード、テンプレートの表示、アプリケーションの状態の設定に使用されます。

ルートハンドラは、次のアクションを実行します-

• テンプレートを提供します。
• テンプレートにアクセスできるモデルを定義します。
• ユーザーがアプリの特定の部分にアクセスする許可がない場合、ルーターは新しいルートにリダイレクトします。

テンプレート

テンプレートは、エンドユーザーにとって強力なUIです。 Emberテンプレートは、http：//handlebarsjs.com/[Handlebars templates]の構文を使用するアプリケーションのユーザーインターフェイスの外観を提供します。 通常のHTMLのようなフロントエンドアプリケーションを構築します。 また、正規表現をサポートし、表現を動的に更新します。

モデル

ルートハンドラーは、情報をWebサーバーに永続化するモデルをレンダリングします。 データベースに保存されているデータを操作します。 モデルは、Ember Dataの機能を拡張する単純なクラスです。 Ember Dataは、Ember.jsと緊密に結合され、データベースに保存されているデータを操作するライブラリです。

コンポーネント

コンポーネントは、2つの部分を含むユーザーインターフェイスの動作を制御します-

• JavaScriptで記述されたテンプレート
• コンポーネントの動作を提供するJavaScriptで記述されたソースファイル。