シングルページでデータを扱うアプリケーション（ハイブリッドモバイルアプリ＆PHPサーバ）

Question

私は、PHPサーバでintel xdkを使用してハイブリッドアプリケーションを開発しています。私のアプリは既にログインページ（index.html）を持っていました。ユーザーがログインすると、user.htmlページにリダイレクトされます。

user.htmlでは、ユーザーのデータに異なるdiv'sが含まれています。 例：私はアプリにログインしたときに

<div class="navigation">the navigation</div> 

<div id="home"> -some data content here- </div> 
<div id="user-account" style="display:none"> -some data content here- </div> 
<div id="messages" style="display:none"> -some data content here- </div> 
<div id="transactions" style="display:none"> -some data content here- </div> 
<div id="products" style="display:none"> -some data content here- </div> 
<div id="videos" style="display:none"> -some data content here- </div> 

のでホームはメインページになります。そして、データはホームページ、ユーザーアカウント、メッセージ、取引などに読み込まなければなりません。

私は、ユーザーのログイン時にajaxリクエストを実行すべきだと考えています。このログインしたユーザーのすべてのデータを取得するようにサーバーに要求します。 これは次のようになります。

SELECT 
    `user`.* 
    , `user-transactions`.* 
    , `user_products`.* 
FROM 
    `db`.`user` 
    INNER JOIN `db`.`user_transactions` 
     ON (`user`.`user_id` = `user_transactions`.`transaction_user_id`) 
    INNER JOIN `db`.`user_products` 
     ON (`user`.`user_id` = `user_products`.`uproducts_user_id`);) 

次に、サーバは、AppにJSONデータを応答します。だから今私は、私がアプリケーションに表示する必要があったすべてのユーザーのデータを持っています。

したがって、ユーザーが他のdivページに移動すると、データは既に読み込まれています。また、このデータをlocalStorageに保存して、ログイン時にremember meオプションが選択されても、ユーザーは引き続きオフラインモードでデータを表示できるようにします。また、ページを更新して更新することもできます（ajaxリクエストを再度送信します）。

私は正しい方向に向いていますか？ハイブリッドアプリのデータを扱う際のさまざまなアプローチ（表示の点で）は何ですか？

Answer 1

ハイブリッドモバイルアプリケーションを作成するためのフレームワークはたくさんあります。これは、1つを使用することをお勧めします;） を参照してください：あなたはSQLiteデータベースであなた件のデータを格納するためのプラグインを使用することができます場合は、件のデータの多くを持っている場合http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css

たぶん、それが良い（と速くなります）のlocalStorageより。

希望がありますように！