最近のアクセス:
シングル ページ アプリケーション

現在のページとよく似た Web ページにナビゲートするときは、ブラウザー内でページ全体を強制的に再表示するのではなく、実際に必要な部分のみを更新する必要があります。 
GeneXus では、Web ページ間のナビゲートのために Call コマンドおよび Link コマンドを使用します。どちらも Ajax を使用しているため、ページ全体を再表示せずに新しいページを呼び出すことが可能になります。したがって、既に表示されているエレメントがリロードされることはありません。これがシングル ページ アプリケーション (SPA) です。
SPA の概念は、GeneXus Web アプリケーション内で、次に説明する方法で使用されます。
通常、GeneXus アプリケーションはマスターページを使用します。開発者はここに、ヘッダー、メニュー、ナビゲーションバー、フッターなどの、アプリケーション内の大半のページに共通となるコンポーネントを配置します。
このような状況で、同じマスターページに含まれるページ間をユーザーがナビゲートしたとき、マスターページの内容は同じなので、ページのリロードは不要です。
次の画像では、ページのメニューとヘッダーが固定されており、いずれもマスターページに含まれています。マスターページのコンテンツ プレースホルダーによって、実際に変化する部分 (ユーザーがナビゲートする Web ページ) がロードされます。
イメージ:25304.png
つまり、共通のマスターページを持つページ A から Web ページ B にナビゲートすると、ページ全体の再表示はトリガーせずに、コンテンツ プレースホルダーのみが更新されます。
さらに、次のようなことも発生します:
  • マスターページは、Work With パターンの RecentLinks など、必要なエレメントのみを更新します。ただし、マスターページの Start イベントと Refresh イベントは常に実行されます。
  • ブラウザーのロケーションバー内の URL も更新されます。従来のスキーマと同様、戻るボタンと進むボタンも使用できます。
注:
異なるマスターページを持つページ A から Web ページ B にナビゲートする場合、ナビゲート時に特定される共通のエレメントはありません。しかし、ページ B の呼び出しは、通常どおり Ajax を使用して実行されるため、この場合もページ全体の再表示は行われません。 

シングル ページ アプリケーションを有効化する方法

[ Web User Experience ] プロパティを Smooth に設定する必要があります。

シングル ページ アプリケーションでのユーザーエクスペリエンスの向上

コンテンツ プレースホルダーをロードする場合またはページ全体をロードする場合のどちらであっても、ページが異なるマスターページに含まれているため、GeneXus テーマ内に CSS 効果を設定できます。
シングル ページ アプリケーションのビジュアル効果は、GeneXus トランジションと呼ばれます。これは、ある状態から別の状態に段階的に変化させることができるアニメーションです。 

トランジションでは、この変化の時間を拡張できます。これにより、ページがロード中であることをユーザーが分かるようにフェード効果などのビジュアル効果を追加したりすることができます。

検討事項

サポートされているブラウザーの詳細については、http://caniuse.com/#feat=history を参照してください。
サポートされていないブラウザー、またはサポートされているブラウザーでユーザーがスクリプトを無効にしている場合、リンクは通常のリンクとして動作します。
 







サブページ
Created: 15/01/07 22:48 by Admin Last update: 21/10/28 23:29 by Admin
カテゴリ
Powered by GXwiki 3.0