backbone.js - How should I bootstrap my web app? -

-

i looking best way bootstrap web app using backbone.marionette, backbone.router , requirejs.
following implementation works know if right way make things.

here's of code (*).

my questions are:
1) right following data flow (index.html -> conf.js -> router.js -> app.js) ?
2) backbone.view each region (header, sidebar .....) should instantiate in router.js or app.js or booths according context?

// index.html <!doctype html> <html lang="en">     <head>         <!-- load script "/js/conf.js" our entry point -->         <script data-main="js/conf" src="js/vendor/require.js"></script>      </head>      <body>      </body> 

// js/config.js require.config({     // code }); require(['app']);  // instead of  require(['conf']);  
// router.js define([     'app',     // others modules ], function(app, $, _, backbone, marionette){     "use strict";     var approuter = backbone.marionette.approuter.extend({         routes: {             test: test,             "*defaults": "home"         }      var initialize = function ()     {         var app_router = new approuter;     };      return {         initialize: initialize     }; }); 
// js/app.js define( [     // modules ], function ($, _, backbone, router, mustache, layout, sidebarview) {     var myapp = new backbone.marionette.application();      myapp.addinitializer(function () {         $('body').html(layout);         myapp.addregions({             header: '#header',             sidebar: '#sidebar',             maincolumn: '#main-column',             rightcolumn: '#right-column'         });     });      myapp.addinitializer(function () {         var sidebarview = new sidebarview();         myapp.sidebar.show(sidebarview);     });      myapp.on("initialize:after", function () { //        router.initialize();     });      myapp.start();      return myapp;  });

this looks pretty overall. there few things might change, these personal preferences:

1) invert relationship between router , app files, , use initializer start router.

right have circular dependency between router , app files, , that's never thing. though requirejs can handle fine, it's bad idea in many other ways can lead code doesn't quite work way expect.

2) in router file, set initializer instantiates router.

3) don't start backbone.history router file.

it's common, , suggested, have multiple routers in project. can call backbone.history.start() once. start in app.js file, using "after:initialize" event of router

myapp.on("after:initialize", function(){ backbone.history.start(); }

4) extract initializer callbacks in functions called single initializer

while there's nothing technically wrong using multiple initializers - , need multiple initializers across multiple modules - suggest using single initializer within single module, , have 1 initializer call other functions defined in module.

5) call addregions outside of initializers

there's no guarantee initializers run in order add them. depends on how individual browser handles things.

for example, app.js file this:

 // js/app.js define( [     // modules ], function ($, _, backbone, router, mustache, layout, sidebarview) {     var myapp = new backbone.marionette.application();      myapp.addregions({         header: '#header',         sidebar: '#sidebar',         maincolumn: '#main-column',         rightcolumn: '#right-column'     });      myapp.addinitializer(function(){        showlayout();        initsidebar();     });      myapp.on("initialize:after", function(){       backbone.history.start();     });      function initsidebar() {         var sidebarview = new sidebarview();         myapp.sidebar.show(sidebarview);     }      function showlayout() {         $('body').html(layout);     }      myapp.start();      return myapp;  });

...

alright, looks lot more changes thought. :) said, set looks fine on all. these things do, not requirements make app work.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more