Работа с данными в приложении с одной страницей (гибридное мобильное приложение и сервер PHP)

Question

Я разрабатываю гибридное приложение, использующее intel xdk с PHP-сервером. У моего приложения уже была страница входа (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. Итак, теперь у меня есть все данные пользователя, которые мне нужно отображать в приложении.

Поэтому, когда пользователь переходит на другую страницу, данные уже загружены. Я также хочу сохранить эти данные в localStorage, чтобы при выборе опции «запомнить меня» при входе в систему пользователь все еще мог просматривать данные в автономном режиме. И его можно обновить (отправить запрос ajax еще раз), обновив страницу.

Я иду в правильном направлении? Каковы различные подходы к работе с данными в гибридном приложении (с точки зрения отображения)?

Answer 1

Существует множество инфраструктур для создания гибридного мобильного приложения. Это лучше использовать один;) См: http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css

Может быть, если вы можете использовать плагин для хранения в базе данных ДАННЫЕ SQLite будет лучше (и быстрее, если у вас есть много DATAS), чем LocalStorage.

Надеемся, что вам будет полезно!