Databases
StackOverflow2013
Postsdbo
POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
    primarykey
    data
    text
    <p>We built a web app using jQuery Mobile. It's now nine pages and becoming very unwieldy. jQuery Mobile bundles all "pages" into the same page to simulate the responsiveness of native apps.</p> <p>We thought about implementing each page as a separate iFrame. The first page contains every iFrame/page and preloads each one. Page transitions happens like JQM by displaying the appropriate page in the viewport. Data is passed between the master page and child pages through iFrame messaging. We think this might be advantageous since:</p> <p>(1) it won't require additional frameworks; </p> <p>(2) the web app won't grow beyond 15 pages/iFrames; and </p> <p>(3) the web app will be accessed through a native app container (i.e., PhoneGap) not a mobile browser.</p> <p>We're also exploring frameworks. From our research on <a href="https://stackoverflow.com/questions/6530444/backbone-js-vs-spine-js">SO</a> and elsewhere, it seems like Backbone and Spine are two great options for structuring large JavaScript projects. </p> <p>It's less clear how well they manage JQM projects in particular.</p> <p>We're looking for three things:</p> <p>1) What options and frameworks exist for structuring large JQM projects (MVC ideally or worst case, any improvement over a monolithic file)?</p> <p>2) If you have used Backbone, Spine, or any other JS framework with JQM, please share what you liked/disliked.</p> <p>3) Do you see any glaring problems with our iFrame architecture, aside from the fact it means building proprietary functionality?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USCrashalot
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
      1. USDJ.
      1. VTFavorite
    2. VO
      singulars
      1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat exactly do you find is "unwieldy" about it? i.e. What problem in particular about your webapp are you trying to solve with iFrames?
      singulars
      1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
      1. USDaniel Alexiuc
    2. COHaving the code for all pages in one monolithic file. Even if we dynamically pull in pages via AJAX, there is still the possibility of collisions in both CSS and JavaScript. We would like to create encapsulation around each page like normal web pages if possible.
      singulars
      1. POStructure large jQuery Mobile web apps: use iFrames as pages? Backbone, Spine, Underscore, and other frameworks?
      1. USCrashalot
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload