in ember.js:3,,,,,,,,,,,,, 24 - eenheid,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. En, ik hoop dat je begon te zien, ember.js is een sterke, maar ook een kader.We hebben het oppervlak, iets meer is, kunnen we een echt nuttige dingen.We zullen gebruik blijven maken van de as van de starter kit.In dit deel van de serie, bekijken we de toegang tot en het beheer van gegevens op Sintel -.,,,, spelen de gegevens aan het einde van onze groep, met een statische de naam van de kleur, de verantwoordelijke voor de verwerking, de definitie van werk, app.indexroute = as. De route. De verlenging van setupcontroller ({: functie (controleur) {controleur. ('content', rode "," geel "," blauw "]);}});, waardoor de verantwoordelijke voor de verwerking van de gegevens, indicatoren en model.Dit is een mooie demonstratie, maar in het echte leven, onze bron van gegevens is een reeks harde code, dit is hier, model, kom binnen.Het model is van toepassing, worden de gegevens van de vertegenwoordiging van de objecten.Het is misschien een eenvoudige reeks of dynamische gegevens afkomstig van een rustgevend hola API.Door middel van een eigenschap van het model om toegang te krijgen tot de gegevens zelf.Dus, als we kijken naar de resultaten van deze: {"logon": "hij", "identiteitskaart": 1: 45, leeftijd "," geslacht ":" mannelijke "), in de in het model van de eigenschappen zijn blootgesteld, en log, status, leeftijd, geslacht, gegevens, en met betrekking tot de toegang tot de eigendom van het model zelf.,, zie je de code, je kan de definitie van een statische opslag, maar je zal je model met as. De definitie van het grootste deel van de tijd.Door erfopvolging, as. Voorwerp, kan je terug van gegevens (bijvoorbeeld: door middel van Ajax noemen) en de definitie van uw model.Maar je kan de verantwoordelijke voor de verwerking in een duidelijk geregeld gegevens, maar het is altijd dat je een model te creëren, om aan te dringen op de scheiding van de aandacht en de code van de beste praktijken van de organisatie, of je kan met behulp van een zus genaamd as het kader van gegevens.Dit is een vorm van API - en permanente opslag, maar ik moet benadrukken dat dit een land is de flux schreef.Het heeft een groot potentieel, maar het gebruik van meer veiligheid, ember.object, op dit moment.Robin Ward, medeoprichter van woorden, een grote blog schrijven met de as van gegevens zonder ember.Het geeft een overzicht van de in het kader van hun, breek ik je. En je model, de definitie, in de volgende voorbeelden, en ik zal het gebruik van niet - officiële Hacker nieuws van API - gegevens op basis van de middelen - hola.Deze gegevens zullen worden opgeslagen in mijn model, en later met een controleur te vullen model.Als we kijken naar de gegevens van de API - terug, we kunnen de aard van ons werk: {"nextid": een "project": [{"titel": "docker, Linux container: nu open - source", "URL:" HTTP://havenarbeiders. IO ", de" id ": 5445387," commentcount ": 39," ": 146," postedago ":" 2 uur geleden "," de eerste ":" shykes "} {" titel ":" Yahoo spelen, spelen. De aankoop van Summly "is verkeerd, URL": "HTTP://hackingdistributed. COM /2013 /03 /26 /Summly /", "identiteitskaart": 5445159, "commentcount": 99, "": 133, "postedago": "2 uur geleden", "de eerste": "hoonose")],"Versie": "1" en "cachedonutc": "/datum (1364333188244) /"}, ik wil werken, goederen, goederen, met inbegrip van de titel en alle informatie over het verhaal.Als je ooit met de database, om elk element, project, als het registreren en eigenschappen (dat wil zeggen: de titel, de naam van de URL, identiteitskaart,,,,, enz.) als de naam van het veld.Het is belangrijk om te begrijpen dat deze eigenschap van de naam van de indeling, als dit is een perfecte door te gaan met het creëren van ons model van de eigenschappen van een object, ember.object.,,, is de basis voor alle as betreft, zullen we het gebruik van de subcategorie, extend (), het creëren van ons model voor de,, daarom. Zullen we de toevoeging van de volgende codes, JS /app.js, onmiddellijk na de definitie en de toepassing van de code. Indexroute:,, app.item = as. Object. "(); app.item, een Hacker, nieuws, data model, maar dat is geen methode te halen of manipulatie van de gegevens.Dus, we hebben een definitie nodig van de toepassing van deze projecten:,. Reopenclass ({:function () {terugkeer dollar. GetJSON ("http://api.ihackernews.com/page?Het formaat van JSONP call - back - = = = = = = = &? ")(functie. En dan (reactie) {var post = [...]; antwoord. Het project. Voor (functies (project) - project (project. Op aanvraag. Het creëren van ());}); terugkeer;});}});, laten we breken van de code.Ten eerste, we gebruiken de sintels, reopenclass (), op app.item, klasse, de toevoeging van nieuwe methoden, geef je het een object met de methode die we nodig hebben.In dit geval, alles wat we nodig hebben is een methode om, alle (): het rendement van alle hackers op de voorpagina van de voorpagina.Want dit is mijn deel van de afspraak, we hebben de API in onze beheersing van de eenvoudige Ajax.Hola, hola API - gegevens terug, dus ik kan het gebruik van dollar. Getjson (), een verzoek:, dollar. GetJSON ("http://api.ihackernews.com/page?Het formaat van JSONP call - back - = = = = = = = &? ")"Call - back - =?"Dit is een verhaal over dit verzoek van de gegevens (als JSONP en herstel) is door middel van een anonieme call - back - verplichtingen van de functie van de definities van toepassing is:,. Dan (functie (reactie) {});,, kan ik makkelijk in de pomp ik hola gegevens in as object.,,, respons parameter bevat gegevens mag je die dossiers hola, en de vernieuwing van de lokale, goederen, - de aanleg, de toepassing van de projecten.Tot slot, keren we terug naar de nieuwe falanx, alle (), uit te voeren.Dit is een groot woord, dan laat ik dit even samenvatten:,, het creëren van nieuwe modellen van klasse, ember.object, het gebruik, de "(), toe te voegen aan uw model, reopenclass (), een oproep doen, Ajax te halen uw gegevens, uw gegevens voor het creëren van een verkeer, een object en duwen, en voor een installatie, is een reeks methoden bij de uitvoering, de als je opfrissen, index. Http: //europa.eu.int, zou je zien dat er niets is veranderd.Het is van groot belang, aangezien het model alleen worden gedefinieerd, we hebben geen toegang tot de gegevens die je aan je gegevens, de voor de verwerking verantwoordelijke gedrag, zoals agent, je toegang krijgen tot de eigenschap van het model en om de toegang tot hun model, met zijn dynamisch.Afgezien van de in verband met de toegang tot de eigendom van de verantwoordelijke voor de verwerking ook model kunnen worden opgeslagen, worden aan de andere niet redden op de server van de prestaties van de toepassing, op dit moment, onze programma 's heeft de controleur (een definitie van een statische gegevens):, app.indexroute = as. Lijn. De verlenging van de functie van setupcontroller ({(controleur) {de verantwoordelijke voor de verwerking: ('content', rode "," geel "," blauw "]);}}); kunnen we direct ons model, app.indexroute, het gebruik, de modellen, methoden (d.w.z. de haak, model): app.indexroute = as. Route. De verlenging van het model ({: functie () {terugkeer van toepassing - project (de). Alle;}}); - de definitie van de verantwoordelijke voor de verwerking, herinner je je het zelf als niet uitdrukkelijk bepaald, dat is in dit geval, wat er met me gebeurd is.D - scène, die, indexcontroller, bijvoorbeeld, as. Arraycontroller,, het gebruik van het model, het model van de aangewezen.,, nu moeten we alleen de toegang tot de eigendom van het nieuwe model van bijgewerkte registers.Open - index. Http: //europa.eu.int, zien we de volgende grote model code: {{}} elk punt in het model< li > {{project}} < /Lee > {}} {/elke kleine veranderingen (toevoeging van de titel,,,, kunnen we de eigenschappen) de nieuwe kampioen van de Hacker onmiddellijk zien, ruiken, API - terug: {naam}} {projecten. Als je op je browser, moet je zien als volgt:, < H > is ingenomen met de ember. Js < /H > en LT; ul > < li > de rol van toegewezen.Vandaag. < /Lee > < li > 21 grafieken blijkt dat de Amerikaanse medische prijs is belachelijk < /Lee > < li > 10 000 in real - time in verband met django < /Lee > < li > de dokwerkers, die nu open - source - container: < /Lee > < li > bijvoorbeeld, feedburner gesloten... < /Lee > < /UL >, als je wilt, dat meer informatie nodig is de toevoeging van meer kenmerken, de naam van het project: {{} {}). - {} postedago project. {{projecten. De eerste}}, op de vernieuwing van je zien.Dit is een mooi; het toevoegen van nieuwe data - element in het gewone gebruikers interface, zoals ik al eerder heb gezegd, kan ook worden gebruikt voor de definitie van de verantwoordelijke voor de verwerking van statische eigenschappen, moet de toepassing van het leven.Bijvoorbeeld, ik zou moeten vasthouden aan een statische inhoud, en dat, app.indexcontroller = as. Objectcontroller. Verlengd ({documenten: "welkom in de Hacker nieuws app, appversion:2.1}); hier, mijn kinderen, ember.objectcontroller, het creëren van een nieuwe controleur als ik, index, de route en de vorm van werk.Ik kan nu gaan, /index.html en actualisering van mijn model vervangen door de volgende tekst:, < H > is ingenomen met de ember. Js < /H >:,, < H > {}} {documenten < /H >,, dit is erg sterk en flexibel.En de volgende... Model in de as van de gegevens, het werk is niet moeilijk.In werkelijkheid is het moeilijkste deel van de door de verschillende grondstoffen, het is overal op het internet, en, in feite, kan ik makkelijk in de pomp ik hola gegevens in as object maakt het gemakkelijker maar ik hield nooit van grote gegevensbestanden in de cliënt, met name als aangegeven in het object,. Ik zal meer testen doen, en ik hoop dat dit alles laten onbeduidende - gegevens.In dit artikel wil ik in het kort gesproken over het model.Ze zijn erg belangrijk.Zo, ik wil in de artikelen zelf voor dit thema.Dus in de volgende documenten, hoe gebruiken we voor je handelbars gebruikersinterface en boren in de verschillende richtlijnen, model kader biedt.
In de ember.js:3
Previous:Aan de
Next Page:In de ember.js: de volgende stappen