kwaak kwaak, gebouwen in de meteoren,,,,,,,,,, uitwisseling van aandelen, 21,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, dit is een nul is begonnen met de bouw van de Twitter kwaak klonen van de voortzetting van de reeks, dit keer met een meteoor.,,, de opleiding, kijk niet in de diepte van de leggen in het kader van de meteoor.Je moet er een meteoor ervaring, die geven je een belangrijk concept, zal worden voorgelegd.Met het oog op het verkrijgen van een basiskennis van de meteoor beveel ik Andrew leden in de tutsplus premie, dus laten we beginnen., 0, stappen en de toewijzing van toepassing: het creëren van een meteoor, we beginnen met de toepassing van een nieuwe ster.Open een commando dat opslag van toepassing vinden in de map.Dan loopt de meteoor creëren, kwaak, meteoor creëert een map, nomenclatuur, kwaak, bevat een aantal documenten eisen, zou je het konijn, wijziging van de gids, meteoor commando 's MAP, als je in de problemen, kwaak, folders en trekken, is het commando, om te zien wat er gebeurt, vind je De meteoor. Een verborgen map met de naam van de drie documenten. Meteoren, nomenclatuur, kwaak. Http: //europa.eu.int ribbit.css js, kwaak,,,.De meteoor, Map bevat slechts een, Pack,.De inhoud van de verpakking. De meteoor /kennisgeving van stukken meteoor, wat het gebruik van intelligente software, want we beginnen we niet alleen kwaak, MAP. Meteoren, en het schrappen van alle andere, laten we eens kijken naar de verpakking meteoor gebruikte standaardwaarde: bij de commando - snel, kat. Meteoor /pakket, de Productie van dit commando moet lijst van autopublish, gebrek aan veiligheid en het behoud van het pakket opgenomen, zullen we het hebben over de bekendmaking van gegevens van het concept van de server na, op het moment dat we de aandacht op de server is autopublish pakket met automatische gegevens te verstrekken aan de klanten.Dit pakket is geen normaal gebruik in de produktie, dus we kunnen de volgende beschikking gegeven: het schrappen van het schrappen van autopublish, meteoor, een stap in de richting van de programmatuur, kunnen de database schrijven bij verstek, het kan gevaarlijk zijn, want dit kan elke gebruiker van een database van de operatie, met inbegrip van Het verwijderen van gegevens.We zullen het schrappen van dit pakket voor de invoering van toepassingen, en de toevoeging van de nodige code, met het oog op de bescherming van de gegevens. Tot slot, het behoud van de input van gegevens, van alle vorm gebied een unieke identiteit, want we moeten een map met een meteoor, MAP, en dat moet Onze aanvragen basis.Het is belangrijk om op te merken is dat de server, meteoren in MAP in aanwezigheid van alle documenten zijn van de server van de code.De cliënt en de MAP in alle documenten zijn cliënt code, moet de dienstverlening aan de klanten.Tot slot van deze map, buiten de documenten zijn cliënt en de server van de diensten.Dus, laten we tot de volgende documenten:,, de klanten, de cliënt al in de winkel, servers, opslag, - alle servers, en moet met alle activa, zoals de grafische gegevens, documenten, robots.txt, pagina 's, en het is belangrijk te weten, dat de ster en de CSS dossier. Een client /server - onderdeel van de code, in plaats van deze activa, moeten van de MAP, dus maken we een einde aan de structuur van de volgende dossiers:,,,, stap 2: log pagina' s in statische versie van de producten van toepassing is, nu downloaden van statische versies van de documenten na, uitpakken, kopiëren, gfx, in de map. Wij van de toepassing van de MAP, bovendien, kwaak. Begrepenhttp: //europa.eu.int style.less, documenten,,, klanten, de toepassing van de MAPNu, als je wilt beginnen met de server via de uitgifte van, de meteoor, commando 's, in ons de kern van de aanvraag, zie je die server crashen en klagen, doctype, in onze documenten, onze: //europa.eu.int /comm /documenten is dat slechts drie fundamentele elementen van een groep in het hoofd, lichaam,:,, en model, het etiket, dus met het oog op de wijziging van de fout, we moeten bewerkenhttp: //europa.eu.int /, de schrapping van de documenten, het type document, dat zal leiden tot een toename van de meteoor: //europa.eu.int /comm /etikettering, wanneer de Dienst documentatie, als je nu op de website, je zal het zien van de inhoud, maar het model zelf geen pakket downloaden we met stijl. Dit is minder. Makkelijk op te lossen door de installatie van een meteoor, intelligente verpakkingen.Dus de vraag: de meteoor is toegenomen, en de hervatting van de server en laden pagina 's en moeten de dingen ziet er een beetje beter nu, we moeten nog wat aanpassingen doen, omdat niet alle documenten, zoals het zou moeten.Doorzoek alle ongevallen, gfx, in style.less, documenten, en ze veranderen elke keer dat je nog pissen.Dit moet zijn om documenten van projecten die zijn wortels, de volgende stap is de aanpassinghttp: //europa.eu.int style.less, documenten, en de toevoeging van een op een knop in je kop, alles.Het dossier eruit moet zien: ////////style.less klanten, input (breedte: 236px; lengte: 26px; de grens 1 - pixel vaste "oude kleur; 0 10 pixels; overzicht: geen; de lettergrootte: 17px; & AMP;: focus {achtergrond:&#fffdf2;}} input [type =" dienen ". - lengte: 26px; breedte: auto 's; de grens 1 - pixel vastebc574; grens: X; kleur: Wit; de lettergrootte worden: 12px;.; oude 0 20px; de muis cursor;. Gradient4f (0%,cd585, 23%,Rcd7a, 86%,7ad4c, 100%,fa945);} {achtergrond: URL (hoofd /video /BG hoofd. Papoea - Nieuw - Guinea); lengte: 85px; breedte: 100%; div.wrapper {gevuld: fo nt familie 0; IMG - {positie ten opzichte van de Top 10 pixels;:::; de marge van 0 - 15 pixel 0 0;{} span lettergrootte: 18px; de marge 42px 0 0: 0;} {p {in; het invoeren van marge: 0 0 0 14; breedte: 180px; lengte: 28px;}} {# btnlogout variabele rechten; breedte: auto 's, hoogte: 28px; marge: 19px 0 0 0;}}}, hier is wathttp: //europa.eu.int /dossier eruit moet zien: <.- client/home.html --> < head> < /head> < body> < header> < div = "andere" > < IMG - src = "gfx/logo.png" > < span> Twitter Clone< /span> < p> < - naam "gebruikersnaam" placeholder= "gebruikersnaam" = "de tekst" > < - naam "password" placeholder= "password" = "password" > < - type = "dienen" = "btnLogOut". "De log - in" > < /p> < /div> < /header> < div = "content" > < die = "andere" > < IMG - src = "gfx/frog.jpg" > < div = "panel goed" > < h1> New aan doe?< /h1> < p> < - naam "e" placeholder= "e" = "tekst" > < - naam "gebruikersnaam" placeholder= "gebruikersnaam" = "tekst" > < - naam "fullname" placeholder= "fullname" = "tekst" > < - naam "placeholder=" password "password" = "tekst" > < - naam "password2 placeholder=" retype "password" = "password" > < - type = "dienen". "Het creëren van rekening" > < /p> < /div> < /div> < /div> < footer> < div = "andere" > kwaak - A Twitter kloon Tutorial< IMG - src = "gfx/logo-nettuts.png" > < /div> < /footer> < /body>, A. Nu.Op de pagina 's in de kijker.Het moet lijken alsof de volgende foto 's:,,, het is makkelijk, is het niet?Maar wat we hebben gedaan, nu is niet echt wat we willen, het absolute ver uit de meteoor type om dingen te doen.Laten we dit probleem op te lossen.Stap 3:,, de bouw van een meteoor, gebaseerd op drie elementen: //europa.eu.int /comm /toegezonden aan de browser, wordt verwacht dat de volgende elementen worden gevonden: het hoofd, elementen, en model element.Als gevolg van het hoofd en het lichaam is al bekend is, moet bijzondere aandacht worden besteed aan het model elementen, model verklaringen, < model naam = "foo" >... < /template% GT%, waarvan de inhoud in de browser: //europa.eu.int /comm /inhoud geven.Aan de andere kant, in de documenten kunnen worden gebruikt. Het model, het model. De foo, en een string: //europa.eu.int /comm /dat nu door een meteoor als model kan worden gebruikt voor het kader, maar ook, indien nodig, jade, dus laten we kijken wat we kunnen doen om te veranderenhttp: //europa.eu.int /dossiers aan de meteoor, de pagina 's verenigbaar zijn.Laten we kijken naar de gewijzigde code;.- client/home.html --> < head> < /head> < body> < header> {{> header}} < /header> {{> content}} < footer> {{> footer}} < /footer> < /body> < model; de naam "kop" > < div = "andere" > < IMG - src = "gfx/logo.png" > < span> Twitter Clone< /span> < p> < - = "gebruikersnaam" naam "gebruikersnaam" placeholder= "gebruikersnaam" = "tekst" > < - = "password" naam "password" placeholder= "password" = "password" > < - = "btnLogOut" = "dienen". "De log - in" > < /p> < /div> < /template> < model; De naam "content" > < div = "content" > LT; div = "pakket" > < IMG - src = "gfx /kikker. JPG" > < div = "Panel" > < H1 > nieuwe producten?< /h1> < p> < - = "e - mail" naam "e" placeholder= "e" = "tekst" > < - = "newusername" naam "gebruikersnaam" placeholder= "gebruikersnaam" = "tekst" > < - = "fullname" naam "fullname" placeholder= "fullname" type = "tekst" > < - = "newpassword" naam "password" placeholder= "password" = "tekst" > < - = "password2" naam "password2 placeholder=" retype "password" = "password" > < - = "btnCreateAccount" = "akkoord" te creëren. "Rekening" > < /p> < /div> < /div> < /div> < /template> < model; de naam "meter" > < div = "andere" > kwaak - ATwitter klonen Training < IMG - src = "gfx /logo NETTUTS. Papoea - Nieuw - Guinea" > < /div > < /Templates > je kunt zien, zijn we uit een leeg hoofd elementen.Aangezien de meteoor ons voorzien van alle documenten, kunnen we met het hoofd element voor de totstandbrenging van de titels van pagina 's, maar voor nu is het leeg in de elementen, die we drie modellen: hoofd model, ons hoofd geplaatst in de etikettering, de inhoud van het model, het is juist na de eerste en De laatste voetnoot de etikettering, ik heb deze modellen, is slechts een kopie van de oude code en geplaatst in een passend model.Wat is de titel, en nu in de header - model, enzovoort, ik heb ook een ID 's redacteur van de doos en de knop, na dat, ik kan toegang krijgen tot deze code van javascript. Dat is het.Nu we de pagina 's zijn voltooid, en samen te werken met de meteoor kader, de volgende stap is het creëren van een gebruiker inlogt op het systeem moet een vriend van pagina' s.We moeten de gebruikers registreren en op ons van toepassing.,, stap 4: ingelogd op de pagina 's vriend, als we dezelfde stappen, die in de voorgaande hoofdstukken, de transformatie, de buddies.html, pagina' s in een meteoor, gebruiken we de volgende code: <.- client/buddies.html --> < head> < /head> < body> < header> {{> header}} < /header> {{> content}} < footer> {{> footer}} < /footer> < /body> < model; de naam "kop" > < div = "andere" > < IMG - src = "gfx/logo.png" > < span> Twitter Clone< /span> < p> < - type = "dienen" = "btnLogOut." - "out" > < /p> < /div> < /template> < model; de naam "content" > < die = "content" > < div = "andere" > < div = "createRibbit" = "panel goed" > < h1> het creëren van een Ribbit< /h1> < p> < textarea naam;= "tekst" = "ribbittext" > < /tekst > < input - type = "dienen". "Het konijn."> < /P > < /div > < div = "konijn" = "paneel links" > < H1 > je beschrijving van het product < /H1 > < div = "ribbitwrapper" > < IMG = "Avatar" gfx /src = "user1. Papoea - Nieuw - Guinea" > < trans - type = "naam" > de kikker < Kruis > @ gebruikersnaam < p> 567 konijn < trans - type = "afstand" > 45 volgelingen < Kruis > < breedte = "afstand" > 32 de volgende < grensoverschrijdende > < BR > ik dapibus ratingbureaus Justo, uitwisseling van facilisis, egestas vivamus sagittis ruzie lacus vel laoreet rutrum verkoper faucibus verdriet.< href = "#" > http://net.tutsplus.com/tutorials/php/... < /> < /P > < /div > < /div > < div = "paneel links" > < H1 en GT; je konijn vrienden < /H1 > LT de klas van ', die ribbitwrapper "> < IMG =" Avatar "src =" gfx /2. Papoea - Nieuw - Guinea "> < trans - type =" naam "> kermit < Kruis > @ gebruikersnaam < trans - type =" tijd "> 15 < Kruis > < p> ik dapibus ratingbureaus Justo, uitwisseling van facilisis, egestas vivamus sagittis ruzie lacus vel laoreet rutrum verkoper faucibus verdriet.< href = "#" > http://net.tutsplus.com/tutorials/php/... < /> < /P > < /div > < /div > < /div > < /div > < /templates > < model naam = "een" > < div = "pakket" > een Twitter klonen Training < IMG - src = "gfx /logo NETTUTS. Papoea - Nieuw - Guinea" > < /div > < /template% GT%, zie je, ik heb de lange lijst van dieren, maar bovendien niet meer over deze code erg indrukwekkend, maar die bestaan in twee problemen:,, als je in de browser leest, zult u zien dat het scherm twee.Daar zijn twee redenen voor: de meteoor bestanden in alfabetische volgorde, de browser, buddies.html, in de eerste plaats sturen.We hebben ook veel herhalingen in de code, zelfs een kopie van de naam van het model.Dus als de meteoor de inhoud te geven aan het model, dat de definitie van de eerste, ja, buddies.html, een dossier, een tweede probleem is de code te herhalen, moet worden vastgesteld, meer problemen. En kan door de volgende besluiten: creëren we een /index.html, met inbegrip van de code, alleen maar zal leiden tot de vereiste model: een document voor het hoofd van een lichaam, als een homepage, en een vriend van de pagina 's, laten we iedereen: <.- de klant /index.html - > < hoofd > < /hoofd > < lichaam > < hoofd > {}} {> hoofd < /hoofd > {} {{}) als in&#> buddiescontent}} {{}} {{andere; > homecontent}} {}} {als < meter > {{> meter}} < /meter > < /body >, dit is een van de belangrijkste documenten in alle modellen van de lading.Een van de interessante dingen in de weergave van de inhoud van een model kan vinden.We onderzoeken een handvat, ongeacht of de gebruiker geregistreerd als de voorwaarden.De meteoor, bevat de gegevens van de gebruikers van variabelen als de gebruiker (zodat we vrienden model), als er geen gebruiker nietig is (dus dat we de model), <.- client/header.html --> < model; de naam "kop" > < div = "andere" > < IMG - src = "gfx/logo.png" > < span> Twitter Clone< /span> {{#if currentUser}} < nav> < a = "buddies": /&#"> je Buddies< /a> < a: /#" > public Ribbits< /a> < a id='profiles': /&#"> Profiles< /a> < /nav> < - type =" dienen "=" btnLogOut. "/> log uit"; {{else}} < p> < - = "gebruikersnaam" naam "gebruikersnaam" placeholder= "gebruikersnaam" = "tekst" > < - = "password" naam "password" placeholder= "password" = "password" > < - = "btnLogOut" type = log "dienen". "In de "> < /P > {}} {als < /div > < /Templates > en hier zullen we de kop van de pagina, en het als een gebruiker inlogt, we zien de navigatie, anders hebben we een log van de vorm, de <.;.- de klant /footer.html - > < model naam = "een" > < div = "pakket" > een Twitter klonen Training < IMG - src = "gfx /logo NETTUTS. Papoea - Nieuw - Guinea" > < /div > en LT; /model, dan creëren we een > model, alleen in de presentatie van de inhoud van de meter, <.- de klant /Europa. - > < model naam = "homecontent" > < die id = "inhoud" > < div = "pakket" > < IMG - src = "gfx /kikker. JPG" > < div = "Panel" > < nieuwe H1 > producten?< /h1> < p> < - = "e - mail" naam "e" placeholder= "e" = "tekst" > < - = "newusername" naam "gebruikersnaam" placeholder= "gebruikersnaam" = "tekst" > < - = "fullname" naam "fullname" placeholder= "fullname" type = "tekst" > < - = "newpassword" naam "password" placeholder= "password" = "password" > < - = "password2" naam "password2 placeholder=" retype "password" = "password" > < - = "btnCreateAccount" = "akkoord" te creëren. "Rekening" > < /p> < /div> < /div> < /div> < /template>, nu we've al zag dit model voor, het is net een vorm aan.Voor de toepassing van de registratie;.- de klant /buddies.html - > < model naam = "buddiescontent" > < die id = "inhoud" > < div = "pakket" > < div = "createribbit" = "Panel" > < H1 > het creëren van kwaak < /H1 > < p> < de tekst naam = "tekst" = "ribbittext" > < /tekst > < input - type = "dienen". "Het konijn."> < /P > < /div > < div = "konijn" = "paneel links" > < H1 > je beschrijving van het product < /H1 > < div = "ribbitwrapper" > < IMG = "Avatar" gfx /src = "user1. Papoea - Nieuw - Guinea" > < trans - type = "naam" > de kikker < Kruis > @ gebruikersnaam < p> 567 konijn < trans - type = "afstand" > 45 volgelingen < Kruis > < breedte = "afstand" > 32 de volgende < grensoverschrijdende > < BR > ik dapibus ratingbureaus Justo, uitwisseling van facilisis, egestas vivamus sagittis ruzie lacus vel laoreet rutrum verkoper faucibus verdriet.< href = "#" > http://net.tutsplus.com/tutorials/php/... < /> < /P > < /div > < /div > < div = "paneel links" > < H1 en GT; je konijn vrienden < /H1 > LT de klas van ', die ribbitwrapper "> < IMG =" Avatar "src =" gfx /2. Papoea - Nieuw - Guinea "> < trans - type =" naam "> kermit < Kruis > @ gebruikersnaam < trans - type =" tijd "> 15 < Kruis > < p> ik dapibus ratingbureaus Justo, uitwisseling van facilisis, egestas vivamus sagittis ruzie lacus vel laoreet rutrum verkoper faucibus verdriet.< href = "#" > http://net.tutsplus.com/tutorials/php/... < /> < /P > < /div > < /div > < /div > < /div > < /templates > en de laatste modellen, met inbegrip van de huidige informatie voor de gebruiker, de gebruikers en de gebruikers van de dieren, de mensen na, tot nu toe, we hebben onze aanvraag kan aantonen dat de twee pagina 's, maar is statisch, kunnen we slechts een keer.Dus, laten we nog wat javascript aanvragen om het dynamische, de registratie en de registratie van de meteoor ons, registratie en log in de aanvraag een aantal intelligente verpakkingen.Onze producten van toepassing is, we gebruiken de volgende verpakkingen: de ondersteuning van klanten verkregen boekhoudkundige rekeningen van de code ter ondersteuning van het wachtwoord.De installatie van deze verpakkingen, die de volgende opdracht: de meteoor, rekening te houden met de toevoeging van het wachtwoord van toevoeging, nu, laten we de oprichting van een cliënt, client.js, in het document dat we de code van de cliënt de map.De homepage, we hebben te maken met de gebeurtenissen op de knop, klik,,, een rekening te creëren, knopen, in geval van de meteoor in verband met een bepaald model, dus om de klik, log, druk op de knop, zullen we nog een gebeurtenis die de kop.Klik op de gebeurtenissen, om rekening te houden met de knop, en ons toe te voegen aan de homecontent in verband met het model van de gebeurtenis, laten we kijken naar de code: log in knop klikken, ////////client.js /verwerking van klanten op de knop model van de gebeurtenissen op de gebeurtenissen. Hoofd. ({"klik&#btnlogout": de functies (evenementen, model) {als een meteoor. Userid ()) {}); de meteoor. Logout (of {var de gebruikersnaam = model ("te vinden.&#gebruikersnaam). De waarde, wachtwoord = model. ("&#wachtwoord vinden "). De waarde van loginwithpassword (met de naam, een vallende ster. En wachtwoorden, functionele (fouten) {als (fouten) {console logboek (fouten);}});}}}); in de eerste rij, in het geval van voorwerpen, we hebben een hoofdModel.Dan nemen we de btnlogout, id knop klikt, we hebben ons sjabloon op http: //europa.eu.int).En dan, als de gebruiker, maar log van de gebruikers.Als meteor.userid, terug van nul, wat betekent dat er geen gebruiker, zodat we de uitvoering van de in het logboek voor de gebruikersnaam en wachtwoord.Bovendien de aandacht op een doos in de waarde in de redactie: model object heeft een zoeken naar functie, die zal fungeren als een parameter, dat wij willen dat de identificatie van de waarde van de redacteur.Als het in het logboek fout, we alleen op de console.Nu, dit is een tijdelijke, want we zullen worden uitgevoerd in een beetje laat voor de weergave van de informatie van de gebruikers, het creëren van een knop /klant /client.js rekening met niet - op de gebeurtenissen in /om rekening te houden met een knoop van een model. Homecontent. Gebeurtenissen ({"klik&#btncreateaccount": de functies (evenementen, model) {VAR useremail = model ("# vinden. E - mail). De waarde, de naam als het model (" #. Vinden newusername "). De waarde, het wachtwoord als model (" het nieuwe wachtwoord. Vinden&#"). De waarde van password2 = model (" #. Vinden password2 "). De waarde, de naam = (model vinden."&#volledige naam ") de waarde van de rekeningen.;. Createuser ({naam: e - mail: useremail gebruikersnaam en wachtwoord, wachtwoord: inleiding: naam: naam} {}, functie (fouten) {als (fouten) {console logboek ("niet tot de gebruiker");}});}});, net als eerder, hebben we een geval voorwerp, homecontent, model, en we hebben de gebruikers van de waarde van de vorm van gebied ingediend.Het creëren van een rekening, we moeten alleen de, accounts.createuser, functie, als een parameter voor de e - mail gebruikersnaam en wachtwoord en bestand tegen, vergadering.De toevoeging van gebruikers in de verkeerde situaties op de console van de verkeerde vrienden, stap 5: de pagina 's van dynamische, de ontwikkeling en de toepassing van de volgende stap in de procedure is om vrienden van de pagina.Op dit moment, in onze bladzijden alles is statisch model - document.We moeten de informatie uit de database, biedt de gebruikers tot het konijn en de opslag in de database server, verander je kwaak profiel, dit deel geeft de gebruiker de gebruikersnaam, de naam, de gebruikers een aantal volgelingen en onder de mensen, het aantal, de laatste door de door de gebruikers van de producten, zullen we Dit deel van de de code, main.js, documenten.Let op, de meteoor - dossier, en vooral, in hun naam op pagina 's, geladen, laten we eens kijken hoe dat in het model, en die zijn:;.- de klant /buddies.html - >...< div = "ribbits" = "panel links" > < h1> je kwaak Profile< /h1> < div = "ribbitWrapper" > < IMG - = "Avatar" src = "gfx/user1.png" > < span = "naam" > {{fullName}} < /span> @{{userName}} < p>; {{noOfRibbits}}< span = "s" > 45 Followers< /span> < span = "s" > 32 Following< /span> < BR > {{lastRibbit}} < /p> < /div > < /div>... Wat we willen doen, is in deze door gebruik te Handlebars'variabelen voor de en we'd te trekken van de loopt.Dat, en de naam van de gebruiker, en verzamelen, noofribbits, lastribbit, moeten verzamelen, producten, de variabele terug naar het model van de volgende documenten javascript code, main.js,, /klant /main.js konijn = nieuwe meteoor. Het verzamelen van ('ribbits "); het model. Buddiescontent. Assistent ({naam: functie (de meteoor) {terug. De gebruiker (). Profile.name;}, gebruikersnaam: functie () {terugkeer van de meteoor. De gebruiker (). De naam;}, noofribbits: functie () {VAR konijn = konijn. Vinden ({user_id: meteoor. Userid (}), met een; Als (konijn. Count (= = = = = = = = = = = = = 1) {") retval = 1 - vrije "; anders retval = konijnen {}). Tel (+" konijn "} terug.Met 'n;}, lastribbit: functie () {VAR lastribbit = konijn. Vinden ({user_id: meteoor. Userid ()} {bestellen: (1)), met als created_at:-); (lastribbit) {} {retval = lastribbit.ribbit; anders retval = "de gebruiker geen konijnen;} terug te keren;}}); twee meteoren, de beginselen, de toegang tot de databank is door het gebruik van API - op dezelfde server in de cliënt heeft een model, het moet lijken alsof een vertraging van de verbinding met de databank (vertraging compensatie).Deze beginselen worden in dit deel van de code zien, is aan de lijn.We hebben het voorbeeld van een meteoor dieren verzamelen, dit is de cliënt van de database.Als we niet op de server, het verzamelen van een dier, een definitie van de code in onze leeg zou zijn, de volgende, een ondersteunende functie in de definities van de parameters in het model als een, voor elke aan de variabele object.Zie je dat, voor elk van de desbetreffende gegevens terug, de naam, de naam,,,, is de databank van de gebruikers van het profiel object,,,,, noofribbits, lastribbit, moet afkomstig zijn van dieren te verzamelen.Het is leeg op dat moment, verwachten we dat de functie van de aantallen dieren en de boodschap terug van nul. Deze gebruiker geen konijn ", in plaats van in het verleden, het veranderen van je vriend, kwaak, kwaak. Laten we kijken naar de code.De eerste, en het model:;.- de klant /buddies.html - > < div = "panel links" > < H1 > je konijn vrienden < /H1 > {}} {# per konijn < div = "ribbitwrapper" > < IMG = "Avatar" src = "gfx /2. Papoea - Nieuw - Guinea" > de categorie = <; "naam" > {}} {buddyfullname < Kruis > @ {}} {buddyusername < trans - type = "tijd" > 15 < Kruis > < p> {}} {kwaak < /P > < /div > {'}} {/, hier is de nieuwe dingen die we met de hand, elke, gebruikmaken van alle dieren van de javascript functie terug.De rest is een soortgelijke in het profiel van de code, nu javascript: ////////main.js, klanten...Buddyfullname: functie () {konijn. (). Voor (functie (konijn) {var de gebruiker = meteoor. De gebruikers ({_id:Ribbit. Vinden. User_id}); terug naar theuser.profile.name;});}, buddyusername: functie () {konijn. () functie (kwaak. Voor () {VAR De gebruiker =.. De gebruikers ({_id:Ribbit. Vinden. User_id}); terug naar theuser.username;});}, konijnen: functie () {terugkeer konijn. (}); in dit verband moeten we alle dieren van de gebruikers, die alle door de gebruikers.We zullen worden uitgevoerd op de server gebruikt om terug te keren naar de cliënt, alleen konijnen mechanismen, aan bovengenoemde voorwaarden voldoet.Wanneer een cliënt, scannen en het verzamelen van dieren, een id als een opslag in het verzamelen van dezelfde gebruiker kwaak zoeken.En dan terug naar de volledige naam en de naam van het model.Ten aanzien van de dieren, want we hebben al onze mensen die geïnteresseerd zijn, kunnen ze allemaal terug naar het model, het creëren van een product, de toevoeging van kwaak, heeft twee belangrijke taken moeten worden vervuld:,, in de eerste plaats moeten we er een record aan konijnen, de volgende set. De volgende informatie bijgewerkt: aantal pagina 's, vrienden. "Je konijn, in de beschrijving van het product" deel van de laatste een konijn, eindelijk kunnen worden door een konijn, door de gebruikers van de auteur en publiceren, samen met het heeft ondergaan sinds de tijd.,, nu is het tijd om een code te schrijven server.Laten we beginnen met de volgende: ////////server.js konijn = nieuwe server van de meteoor. ('ribbits "); de meteoor. De publicatie ('ribbits" functies () {terug te vinden (konijn. {});}); in dit deel van de code, creëren we een inzameling voor het verzamelen van konijnen. We hebben het voorbeeld van de dieren van alle gegevens aan de cliënt in de code, de cliënt: ////////client.js klanten, konijn = nieuwe meteoor. ('ribbits "); de meteoor. Abonnementen ('ribbits");...///////verwerking van gebeurtenissen op de knop klikken kwaak model. Buddiescontent. Gebeurtenissen ({"klik&#createtheribbit": de functies (evenementen, model) {VAR ribbitcontent = model (". Vinden. Ribbittext"). De waarde van konijnen ({user_id;. Ingevoegd: meteoor. De gebruiker (). _id, kwaak. Ribbitcontent, created_at: ());} van nieuwe modellen. ("vinden. Ribbittext"). - waarde = ";}}); als de server, tevens in het bezit is van de cliënt, de verzameling van gevallen van", ter ondersteuning van het concept van de gegevens, overal. "Verder moet het abonnement voor de publicatie van de server om ervoor te zorgen dat de procedures voor de toepassing van de wijzigingen is een voorbeeld van de kopie van gegevens overal, en daarna, in kwaak - evenement.Met deze tekst de knop: in de gegevens op het gebied van lezen en voer de konijn.De inhoud van de tekst later lege string. ////////main.js klanten, konijnen: functie () {terugkeer konijn. Vinden ({} {bestellen: (1) created_at:});}, buddyfullname: functie (ribbituserid) {var de gebruiker = meteoor. Op zoek naar een ribbituserid} {_id: voor gebruikers. Terug naar de theuser.profile.name);;}, buddyusername: functie (ribbituserid) {var de gebruiker = meteoor. De gebruikers ({}. Vinden _id:ribbituserid); terug naar theuser.username;}, de verstreken tijd: functie (tekst) {VAR currentdate = nieuwe (), ribbitdate, minutes_elapsed, hours_elapsed, days_elapsed, retval, gegevens van konijnen (= te vinden. {}); ribbitdate kwaak. Tekst = nieuwe datum (opname. Created_at); minutes_elapsed = (currentdate - ribbitdate) /60000; als (minutes_elapsed > 60) {hours_elapsed = minutes_elapsed /60; als (hours_elapsed > 24) {days_elapsed = hours_elapsed /24; retval = parseint (days_elapsed, 10) + "D"} {retval =; anders parseint (hours_elapsed, 10) + "H"}} van anderen; {