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

然后服务器将json数据响应给App。所以现在我需要在App中显示所有用户的数据。

因此，当用户转到其他div页面时，数据已经加载。我还想将这些数据保存到localStorage，以便在登录时选择remember me选项时，用户仍然可以在离线模式下查看数据。并且可以通过刷新页面来更新（再次发送ajax请求）。

我会朝着正确的方向前进吗？处理混合应用程序中的数据有哪些不同的方法（在显示方面）？

Answer 1

有很多框架可以创建混合移动应用程序。最好使用一个;）请参阅：http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css

也许，如果您可以使用插件将数据存储在SQLite数据库中，那么将比localStorage更好（并且如果您拥有大量数据，则会更快）。

希望有所帮助！

处理单页面应用程序（混合移动应用程序和PHP服务器）中的数据

1 个答案: