Bonjour Voici un Tutorial sur Backbone Js , avec un Backend Postgres, il fait suite au premier Tutorial que j avais ecris la semaine passee sur Backbone Js[1] , mais qui utilisait un Fake Backend voir le Fichier Js. https://github.com/Dakarlug/backbonejs_tutorial_server_client
Ce Tutorial est base sur le puissant FrameWork web Flask[2], Merci au passage a cette equipe , elle utilise egalement une extension du FrameWork Flask pour pallier au problem de CORS[3] ,merci egalement au programmeur de cette extension. Pour la partie Postgres[4] un script pour l installation sur debian est donnee ici , Vous pouvez vous ajouter d autres choses si vous voulez. Ce tutorial utilise egalement comme ORM, sqlAlchemy[5] , Merci egale ment a cette grande equipe. Une fois l installation de PgSql[6] terminee , vous pouvez lancer votre server.py en utilisant l application server_app/server.py * python server.py Votre application Front est donc prete a etre utilisee, aller juste sur client_app et lancer le sur n importe quel navigateur , sauf cette salopperie d internet explorer.Moi j utilise IceWeasel. [1] -- https://github.com/Dakarlug/backbonejs_tutorial [2] -- http://flask.pocoo.org [3] -- https://github.com/wcdolphin/flask-cors [4] -- http://www.postgresql.org/ [5] -- http://www.postgresql.org/ [5] -- http://www.sqlalchemy.org/ [5] -- https://github.com/Dakarlug/backbonejs_tutorial_server_client/blob /master/setuppostgres.sh Le 4 décembre 2013 15:28, Alioune Dia <[email protected]> a écrit : > Salut > > Backbonejs ne change rien a ton Api , j'avais compris que Ton probleme > etait plus serveur que Front (CORS) . > > Mais Cette librairie te permet plutot de developper des applications > front bien structurées .j'ai ecris Un Tutorial au cas ou Tu ne comprendrais > pas bien .Mais le site est bien plus documenté http://backbonejs.org/ > > > [ > https://github.com/Dakarlug/backbonejs_tutorial > https://github.com/Dakarlug/backbonejs_tutorial/blob/master/TodoToDay.js > https://github.com/Dakarlug/backbonejs_tutorial/blob/master/app.js > ] > > Il y'a egalement https://github.com/janl/mustache.js que Tu pourras > regarder , il te permet la génération dynamique de Template . > > On aura l'occasion d'en parler lors d'un événement sur JavaScript > Bientot. > > --Ad > > Le 12 novembre 2013 22:46, Babacar Sylla <[email protected]> a écrit : >> Salut Alioune! merci pour ce code tres interessant ce backbone! je crois que >> je vais my mettre pour ameliorer mon API! >> Sinon jai pu resoudre mon probleme en demarrant mon serveur django avec >> l'adresse de ma machine sur le reseau (192.168.1.X)! >> >> >> Et je reviendrai a toi pour des cours sur ce backbone! >> >> >> Le 12 novembre 2013 20:25, Alioune Dia <[email protected]> a écrit : >>> >>> Salut >>> >>> > From: [email protected] >>> > To: [email protected] >>> > Subject: [DakarLUG] Django-tastypie API CORS >>> > >>> > Salut! >>> > J'ai developpé une api avec django-tastypie et j'aimerais acceder aux >>> > données! >>> > En local jarrive a acceder aux données sans problemes mais a partir >>> > d'une >>> > autre machine jy arrive pas! >>> > Voici une portion de code que j'utilise pour recuperer les données >>> > >>> > $.ajax({ >>> > url : 'http://127.0.0.1:8000/api/v1/actors/', >>> > dataType : 'jsonp', >>> > type : 'GET', >>> > data : { format: 'jsonp' }, >>> > success : function(data) { >>> > }, >>> > error: function(){ >>> > } >>> > }); >>> > >>> >>> Si Tu travailles avec django-tastypie , tu dois certainement aimer ecrire >>> du --javascript-- un peu plus structurée :), je pense que Tu devais >>> apprecier >>> des choses comme Backbone js , C'est ecrit par >>> http://www.documentcloud.org/home >>> >>> Et moi je le trouve vachement bien ecrit et problement l'une des >>> evolutions >>> majeurs du JS . >>> >>> Par Exemple , une structure d'une application Web basique qui charge >>> Ton IP depuis le json depuis http://ip.jsontest.com/ et qui le >>> réinitialise a >>> nouveau a chaque fois que l'utilisateur change le contenu pourra être >>> écrit >>> comme suit .L'utilité est de pouvoir utiliser du JavaScript structurée >>> , ainsi l’abstraction et le code JS que tu écrit est presque >>> transparent :) . >>> >>> >>> ### js >>> >>> >>> //Model >>> MyIPModel = Backbone.Model.extend({ >>> toJSON : function(data){ >>> return this.get("ip") >>> }, >>> parse : function(data){ >>> this.set({ip: data.ip}) >>> }, >>> >>> }) >>> >>> //Collection >>> var myIPList= Backbone.Collection.extend({ >>> model : MyIPModel, >>> url :'http://ip.jsontest.com/' >>> }); >>> >>> // >>> myIPList= new myIPList >>> >>> //View >>> MyView = Backbone.View.extend({ >>> el: $("form"), >>> events :{ >>> 'change input':'change' >>> }, >>> change: function(e){ >>> e.preventDefault(); >>> // You can change anything :) >>> this.render() >>> }, >>> render: function(){ >>> myIPList.fetch().done(function(){ >>> $("#input").val(myIPList.models[0].get("ip")) >>> }) >>> }, >>> initialize:function(){ this.render();} >>> }) >>> >>> >>> //Fire >>> new MyView >>> >>> ###Html >>> >>> >>> <!DOCTYPE html> >>> <html lang="en"> >>> >>> <head> >>> <meta charset="utf-8"> >>> <title>Backbone.js test</title> >>> <script type="text/javascript" >>> >>> src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js";></script> >>> <script src=" http://underscorejs.org/underscore-min.js";></script> >>> <script src="http://backbonejs.org/backbone-min.js";></script> >>> </head> >>> >>> <body> >>> <form> >>> <input type ="text" id = "input" value ="0.0.0.0" /> >>> </form> >>> <script> >>> >>> ### >>> >>> Le code n'est pas bien écrit car je suis tout nouveau avec Backbone mais >>> si >>> tu passes un peu de temps , tu verras des choses plus incroyables. sur >>> http://backbonejs.org/ >>> >>> --Ad >>> >>> -- >>> Ce message a été envoyé à la liste [email protected] >>> >>> Gestion de votre abonnement : http://dakarlug.org/liste >>> Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug >>> Le site du DakarLUG : http://dakarlug.org >> >> >> >> >> -- >> Best regards >> www.nmtsylla.co >> www.twitter.com/niamato >> www.facebook.com/niamatosylla >> >> >> -- >> Ce message a été envoyé à la liste [email protected] >> Gestion de votre abonnement : http://dakarlug.org/liste >> Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug >> Le site du DakarLUG : http://dakarlug.org -- Ce message a été envoyé à la liste [email protected] Gestion de votre abonnement : http://dakarlug.org/liste Archives : http://news.gmane.org/gmane.org.user-groups.linux.dakarlug Le site du DakarLUG : http://dakarlug.org
