web-dev-qa-db-ja.com

Jadeテンプレートとangularjsの実際の使用

Nodejsとexpressを使用してウェブサイトを構築しています。ページの分割を動的にする方法は?ジェイドはそのために使用されていますか?そうでない場合はどうすればいいですか?angularjsは何に使用されていますか?私がグーグルでたくさん検索したのを手伝ってください、そして私はそれらの使用法を明確にすることができませんでした。

15
Haresh

Jadeは、ブラウザーで使用されるhtmlをserver-sideに作成します。ブラウザーはWebサーバーへの要求を実行し、WebサーバーはJadeを実行します。これにより、ブラウザーに送信されるHTMLが生成されます。このサーバー側コンテンツの生成は、過去20年ほどの間非常に一般的でしたが、リッチインターネットアプリケーションを構築する際にはかなりの短所があります。ほとんどの場合、これはパフォーマンスとクライアント状態の追跡に関係しています。

AngularJSはクライアント側MVC/MVVMと呼ばれるフレームワークのようなものSingle Page Applications(SPA)で、これにより、完全なユーザーインターフェイスフロー、すべてのコンテンツ生成、および状態の追跡をクライアント側で行う必要があります。オフラインアプリケーションを構築することもできます。開発者の観点から見ると、これは、クライアントknowsユーザーインターフェイスの状態であるデスクトップアプリケーションを構築することと似ています。ユーザーの観点から見ると、UIはすべてローカルで生成されるため、Webサイトの応答ははるかにスムーズで素晴らしくなります。

注:SPAはnotを実行します。これは、Webサイトにページを1つだけ配置できることを意味します。これは、ブラウザーが1つのページ(〜/ index.html)をダウンロードする技術用語であり、Webアプリケーションの全体または一部が含まれています。ユーザーは技術的にはこのページを離れることはありませんが、コンテンツ(ページ)はこのプレースホルダーページとの間で動的に入れ替えられます。

[〜#〜] spa [〜#〜]にデータを提供する最も一般的な方法は、 RESTful Webサービスを使用することです。 AngularJSにはRESTの 組み込みサポート が付属しています。

一部の開発者は、サーバー側のコンテンツ生成技術とAngularJSを組み合わせていますが、実際にこれを行う必要はありません。

36
null

Jadeは、サーバー側とクライアント側の両方でテンプレートエンジンとして使用されます。はい、ページを動的に更新できます。翡翠テンプレートをJavaScript関数にコンパイルする必要があります(jade -cまたは類似のものを使用)。

はい、angular.jsを使用できますが、プロジェクトで2つのテンプレートエンジンを使用する必要はありません。何をしているのかわからない限り、ヒスイだけに固執することを提案します。

0
alex