處理單頁應用程序中的數據（混合移動應用程序和PHP服務器）

我正在開發一個使用英特爾xdk和PHP服務器的混合應用程序。我的應用程序已經有一個登錄頁面（index.html）。用戶登錄後將重定向到user.html頁面。處理單頁應用程序中的數據（混合移動應用程序和PHP服務器）

在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`);)

然後服務器JSON數據響應的應用程序。所以現在我擁有了我需要在App中顯示的所有用戶數據。

因此，當用戶轉到其他div頁面時，數據已經被加載。我也在考慮將這些數據保存到localStorage，以便在登錄時選擇記住我選項時，用戶仍可以在離線模式下查看數據。它可以通過刷新頁面來更新（再次發送ajax請求）。

我該走向正確的方向嗎？在混合應用程序中處理數據的不同方法（就顯示而言）是什麼？

來源

2016-07-04 c.k

不知何故是的，但我更喜歡使用Angular或React來管理我的應用程序。他們已經爲你做了這些東西 –

@AliTorabi還沒有嘗試過。我如何從中學習？新手參考？ –

有很多框架來創建混合移動應用程序。這是更好地使用一個;）參見：http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css

也許，如果你可以使用一個插件存儲在SQLite數據庫您DATAS它會更好（更快，如果你有很多DATAS的）比localStorage的。

希望對您有所幫助！

來源

2016-07-04 08:04:54 Maxouhell

我已經在使用使用intel xdk的框架（離子）。 –

處理單頁應用程序中的數據（混合移動應用程序和PHP服務器）

回答

相關問題