Sluit het Carriots apparaat aan paniek de Status bestuur - Apparaatstatus (4 / 8 stap)

Stap 4: over status.html


Let's go over elk bestand in uw web app, nadat dit alles is de lijm die aansluitende Carriots en Status van bestuur mogelijk maakt.  Zodra u begrijpt hoe deze delen van het systeem werk, kun je deze aanpassen om uw eigen widgets maken voor Status Board.

Misschien is het eenvoudigste bestand te begrijpen status.html.  Dit bestand is in wezen de mini webpagina die wordt aangeroepen door de Raad van de Status.  Dit bepaald bestand echter is ingesteld als een sjabloon in de kolf.  Dat betekent dat de gegevens uit onze webapplicatie in deze sjabloon wordt gevuld, alvorens het wordt gediend.

Dit bepaald bestand is gebouwd op basis van de paniek van eigen "mensen In Space" voorbeeld.  In Status Board is een DIY Panel eigenlijk een mini webpagina die speciaal is opgemaakt.  Daarom moeten onze webpagina correct worden opgemaakt.  Als u meer weten wilt, vindt u de DIY Panel gids hier.  Ook kan men grote ding over deze mini web-formaat is dat het betekent dat u dit bestand in een browser bekijken als u geen Status Board gebruikt.  Meer daarover later.

De speciale opmaak is in de CSS van de webpagina.  De CSS is ingebouwd in het HTML-bestand in tegenstelling tot het aanroepen van een afzonderlijk CSS-bestand.

Er zijn ook een paar javascripts in het bestand.  De eerste script, genaamd jstimezonedetect, helpt de DIY Panel om de host naam van de tijdzone van het systeem.  De tijdzone is nodig zodat onze webapplicatie automatisch de tijd weergegeven in de systeemstatus van widget configureren kunt.  De javascript krijgt de naam van de tijdzone van een standaard lijst met namen en geeft deze door aan de toepassingsserver als een parameter in een aanvraag voor update in AJAX.

De andere functies van het script is ingesteld van een AJAX-oproep die optreedt elke zo vaak, in ons geval 60 seconden is.  Deze update oproep is een speciale sectie van onze toepassingsserver die een JSON-reactie in plaats van een HTML-webpagina terugkeren zal.  Dat wil zeggen daarmee alleen de gegevens worden opgehaald.  Wanneer het script een reactie krijgt, de gegevens wordt geparseerd en de velden worden bijgewerkt zodat de widget de meest recente gegevens toont.

Vergeet niet hoe ik zei dat je hoeft niet een iPad te proberen deze widget?  Hier is waarom.  De DIY Panel is eigenlijk gewoon een mini webpagina met enkele speciale opmaak.  Dat betekent dat zowat elke inhoud kan worden weergegeven in de Status van bestuur.  Of, wat dat betreft, in een webbrowser.  Nu, deel van de speciale opmaak is een transparante achtergrond zodat Status Board ertoe dat een passende achtergrond leiden kan.  Een transparante achtergrond met witte tekst meestal zal niet goed uitzien in een standaard browser, dus een speciale parameter van "? bureaublad" kunnen worden toegevoegd aan het einde van de URL naar het beeld in de browser.  Zie de afbeeldingen in deze stap voor een voorbeeld.

Naar het volgende bestand.

Gerelateerde Artikelen

RepWrap - apparaat aan het bijhouden van duur en herhalingen voor fysiotherapie oefeningen (breadboarded prototype)

RepWrap - apparaat aan het bijhouden van duur en herhalingen voor fysiotherapie oefeningen (breadboarded prototype)

ik heb gekregen een aantal oefeningen te doen door de fysiotherapeut, maar ik ben afval op hen in elk klein ding ik doen kan om ze te maken minder van een karwei is een goede zaak doen.Ik prototyped een eenvoudige arduino apparaat te verzorgen van he
Een gids voor het opzetten en aan de slag met uw nieuwe Macbook Pro 2015 (13" of 15-inch)

Een gids voor het opzetten en aan de slag met uw nieuwe Macbook Pro 2015 (13" of 15-inch)

Een nieuwe eigenaar van een Macbook Pro 2015 moet u wellicht een gids om te helpen de kleine complexiteit van deze indrukwekkende stuk van technologie volledig te begrijpen. Nou, zoek niet verder! Wij hebben voor u hier een makkelijk te volgen instru
Breng het nieuwe leven aan een oude laptop

Breng het nieuwe leven aan een oude laptop

elke nu en dan dingen gebeuren dat u geen controle. Een van de meest ontmoedigend dingen is wanneer uw laptop niet meer werkt.Ik had een laptop die gestopt met werken een tijdje geleden. Het klonk als het werkte boete, maar ik had geen beeld. Gewoon
Goedkoop draadloos apparaat aan controle Arduino van overal in de wereld

Goedkoop draadloos apparaat aan controle Arduino van overal in de wereld

#DTMF staat voor DUAL TONE meerdere frequentie, in waarover we gaan mobiele telefoon te gebruiken om zijn zo een draadloos apparaat, het werkt op de frequentie die we op toetsenblok van de telefoon van de beller genereren.Stap 1: Hoe het werkt? Er zi
Breng het nieuwe leven aan een oude laptop met Ubuntu!

Breng het nieuwe leven aan een oude laptop met Ubuntu!

1,7 GHz processor. 512 MB RAM-geheugen. 40 GB harde schijf. Als u over computers weet, dat klinkt als de specificaties van een tablet of een netbook-computer. Dit is echter van een Dell Latitude D600. Terug in de dag was dit een top van de lijn lapto
Bouwen en testen van het optische apparaat van Tim's Vermeer

Bouwen en testen van het optische apparaat van Tim's Vermeer

Eerder deze zomer zag ik de documentaire Tim Vermeer, die Tim Jenison volgt als hij probeert te herscheppen van een Vermeer schilderij van met behulp van een optisch instrument bekend als een camera lucida. Dit was eigenlijk een spiegel op 45 graden,
Auto tie down ankers, de gemakkelijke manier om het binden van om het even wat aan het dak van uw auto snel en veilig

Auto tie down ankers, de gemakkelijke manier om het binden van om het even wat aan het dak van uw auto snel en veilig

terug naar toen ik eerst reed, mijn ' 76 Buick had solide stalen bumpers die ook heel goed als gedegen rammen werkte. je kon riem of iets af te binden aan hen en zelfs bout een aanhangwagen kink in de kabel rechtstreeks aan hen zonder enige bezorgdhe
Hoe sluit uw eigen hoofdtelefoon aan op een mobiele telefoon

Hoe sluit uw eigen hoofdtelefoon aan op een mobiele telefoon

de meeste mobiele telefoons/mobiele telefoons hebben een onzin merkgebonden adapter waarvoor zij sommige verschrikkelijke hoofdtelefoon hard-wired in een handsfree-kit leveren.Wat dit instructable kunt u te doen is verandering die hoofdtelefoon in de
Gaming op het werk? Geheime paniek knop!

Gaming op het werk? Geheime paniek knop!

Uw vingers zijn bonzen op het bord op zulke het klinkt als een enkele noot, uw score van vliegen naar uw hi-score, een parel van zweet je voorhoofd vertraagt als u draai die blokken in naar de perfecte plek al die tijd een oogje uit voor de baas. BAM
Sluit eenvoudig een multimeter aan uw breadboard met jumper draden en paperclips

Sluit eenvoudig een multimeter aan uw breadboard met jumper draden en paperclips

ik was verveeld van het hebben van te duwen de multimeter benen op de jumper draden, dus ik heb gemaakt een eenvoudige manier om te hechten ze direct op het breadboard, met twee verwisselbare jumper draden en een paar van paperclips.Stap 1: Tools Voo
Hoe te spelen het intro riff aan "het breken van de wet" van Judas Priest

Hoe te spelen het intro riff aan "het breken van de wet" van Judas Priest

Hallo dit is mijn allereerste ible ik kon niet aan iets cool om u te tonen denken dus heb ik besloten te laten jullie zien hoe om te spelen met het breken van de wetStap 1: Deel een de eerste drie nota's zijn 0a 2a 3a jij dit 3 keerStap 2: deel twee
Het watermerk tekst of het logo toevoegen aan de video die u gemaakt

Het watermerk tekst of het logo toevoegen aan de video die u gemaakt

als u video's te door jezelf maken en wil om uw werk te beveiligen, maakt het meer te onderscheiden en zelfs professionele, kunt u overwegen uw handtekening toe te voegen. Eigenlijk, YouTube goeroes lijken veel moeten doen.Hier is hoe ik het doen met
Het gebruik van het internet te verzenden en de status van uw Xbox Live berichten.

Het gebruik van het internet te verzenden en de status van uw Xbox Live berichten.

Dit is een erg handig ding, maar het is niet bekend.Stap 1: Aanmelden Uw favoriete internetbrowser inschakelen. Nu aanmelden bij www.xbox.com, nu kijk u uw Windows Live aka uw hotmail info d.w.z. wachtwoord moet.Stap 2: Logging in Ok dus nu hier waar
De sluiter School - Episode 5 - aan de slag met laagmaskers

De sluiter School - Episode 5 - aan de slag met laagmaskers

In deze video Vy en ik laten zien hoe je aan de slag met laagmaskers in Photoshop.