Bentornati al nostro ultimo video su questo blog.
Quindi dobbiamo cambiare.
Faremo.
Il primo è quello di implementare il sanificante Express che ho menzionato, che ci aiuterà con quel problema in
cui, se per la visualizzazione di HDMI Olafur in realtà il rendering di un utente potrebbe potenzialmente inserire alcuni javascript
dannosi invece di un hack di script.
Non vogliamo eseguire quel codice, quindi usiamo l'igienizzatore per aiutarci in questo modo, in pratica prende quell'input e rimuove tutti
gli script da esso e ci dà semplicemente il pari invecchiato.
E poi vogliamo anche modellare la pagina indice un po '.
Sembra un po 'ruvido e l'ultima cosa da fare è fare un piccolo aggiornamento ad un riposante tavolo
Rodi solo per renderlo un po' più utile per te.
Quindi iniziamo con l'igienizzatore.
Quindi installerò un pacchetto chiamato dash dash sanitiser dash dash.
Salvare.
OK.
abbiamo bisogno che un igienista così esplicito sia in grado di richiedere un disinfettante Desch proprio così.
Ora che è fatto nella nostra app sì,
E poi dobbiamo dire alla nostra app di usarlo app utilizzare sanificante Express e l'unico requisito è che
questo va dopo tutto il parser.
Definisci qui.
OK.
E questo è tutto.
Ora per usarlo si vuole farlo per iniziare invece di vengono creati quando si crea un nuovo blog.
Quindi è davvero creare un aggiornamento.
Sono i due luoghi in cui stiamo prendendo i dati e salvandoli nel database.
Entrambe le volte che vuoi essere sicuro di disinfettare l'input e invece di creare ciò che vogliamo disinfettare è richiedere un
body del registro che è un po 'di confusione ricorda che request up body è qualunque cosa provenga da un modulo
qualunque sia il dato nella richiesta corpo che nel nostro caso proviene da un modulo quindi il blog è
per via di questa linea proprio qui.
Blog blog immagine del titolo e trova finalmente il corpo del blog.
E questo è quello a cui teniamo.
Quindi dobbiamo fare blog dot body.
Quindi è una specie di nome lungo e lungo ma richiede il corpo del corpo del blog.
E lo cambieremo in modo che sia uguale a richiedere la sanificazione e stiamo andando
a disinfettare l'intera cosa.
Quindi stiamo prendendo quello che è attualmente uguale a sanitizzarlo e quindi modificare l'intera richiesta di un corpo
registrato del corpo del dump per equivalere a quello.
Quindi lascia che ti spieghi un blog.
Richiedi quel corpo prima e dopo.
Proprio così.
E lascia che aggiunga qualcosa per renderlo un po 'più facile da vedere.
Grande.
OK.
Quindi facciamo un tentativo ora.
Avvia il
server nuova pagina.
Dovremo creare un nuovo post.
usare o per entrare e poi qualcosa di brutto che sarà solo un avviso di nuovo.
Facciamo uno appena chiamato Demo immagine casuale e aggiungiamo qualche buon HMO che vogliamo
Eccoci.
Quindi, se funziona, dovremmo vedere che prima ha sia questo che il dopo ha solo questo.
Diamo un'occhiata a cosa è successo.
Perfezionare.
Puoi vedere la prima volta che il corpo è uguale a questo.
Oppure avevamo il nostro tag script lì la seconda volta.
Il corpo ha solo l'H-1.
Quindi questo è tutto quello che dobbiamo fare per disinfettare qualcosa.
E se ora mostriamo, andiamo al nostro nuovo post che credono sia questo.
Qui diamo un'occhiata.
Stiamo visualizzando il problema da soli, ma non c'è alcun tag script.
Quindi funziona alla grande.
L'ultima cosa che vogliono fare è eseguire lo stesso codice ma farlo invece dell'aggiornamento.
Siamo qui prima di aggiornare la richiesta sul blog.
Bene ha fatto la stessa cosa
Un numero minore
Questo sarebbe un buon uso di ciò che è noto come un middleware di
cui non abbiamo ancora parlato, ma è qualcosa che ripetiamo due volte in due percorsi diversi.
Quello che possiamo fare è scrivere un middleware che eseguirà questo codice prima di queste due rotte ma copriremo
il middleware.
Più tardi in questo corso verso la fine di EXPRESS Quindi lo stiamo lasciando come è per ora.
E questo funziona bene.
Ciò lo sanificherà entrambe le volte quando aggiorni qualcuno che crei in seguito.
Concentriamoci su o indicizziamo che E. J. Sì.
Quindi ha bisogno di un po 'di lavoro.
Sembra proprio ora.
Iniziamo cancellando alcune cose.
E quello era uno dei post che avevo creato prima di aggiungere il disinfettante.
Per cancellare alcuni di quelli che non hanno immagini solo in
modo che ci ritroviamo con qualcosa di più facile da stile dove possiamo effettivamente vedere le immagini.
un sacco di codice che abbiamo già usato.
OK, quindi abbiamo quello che vogliamo fare è centrare loro di iniziare e ho intenzione di utilizzare
Quindi al posto del
nostro indice abbiamo un header che va bene ma poi metteremo tutto all'interno di un div e
questo div avrà la classe uguale al contenitore di testo principale dell'interfaccia utente che è quello che ci dà quel contenitore centrato.
E poi dentro avrà il nostro div.
E questo è fondamentalmente riciclato dall'ultima piccola
riga nell'ultimo pezzettino che abbiamo scritto per le forme e per la pagina dello spettacolo.
Quindi la classe equivale a un'intestazione enorme e quindi ci limiteremo a mettere una serie di pagine indice.
Mettiamolo a riposo per un blog.
Proprio così.
E poi quando abbiamo fatto bene ho aggiunto un altro div.
Questo avrà il nostro segmento in esso che dà a
questo segmento superiore attaccato all'interfaccia utente che dà solo quella piccola linea nella scatola e poi all'interno di ci sarà il looping attraverso.
div con gli elementi divisi dell'interfaccia di classe e quindi per
ogni oggetto che andiamo dentro di te ho diviso gli oggetti e mettiamo un divisore automatico tra di
loro.
E abbiamo impostato un'altra riga prima di arrivare al ciclo che è un
Quindi stiamo andando a copiare questo codice in questo sei elementi divisi.
Quello che facciamo è necessario apportare alcune modifiche.
Il primo è solo in debito ma non lo stamperemo solo all'interno.
Creeremo una classe div uguale all'elemento e poi all'interno
dell'articolo avremo prima la nostra immagine e l'immagine andrà al posto di un div con una classe uguale
all'immagine e la metteremo là fuori e ciò contribuirà a vincolare il dimensione dell'immagine in modo da
non ottenere più quelle immagini gigantesche che occupano l'intero schermo.
OK, così l'immagine ha messo l'immagine all'interno, quindi ha bisogno di un'altra classe div uguale al contenuto.
Ed è qui che metterò alcune cose.
Il primo è il titolo e piuttosto che
fare un H-2 con un titolo in realtà e fare un tag di ancoraggio e il tag di ancoraggio avrà una
classe uguale a Hetter ma avrà anche un ref uguale alla pagina di show che e Riskin una copia che sei qui proprio come quello che hai già.
Quindi leggiamo più link, quindi il motivo per cui lo stiamo facendo in modo che possiamo finire con
il nostro header per ogni blog, posso cliccarci sopra per andare alla pagina show o cliccare su read more.
Assicuriamoci di avere un piccolo errore di sintassi.
Ci manca la nostra citazione di chiusura qui per i flop Atra.
OK.
Atra è la pagina dello spettacolo e quindi all'interno delle parentesi abbiamo un titolo del blog.
È un po 'un casino.
Poi dopo aggiungeremo un div con
una classe pari a Metta, che è solo un posto per noi per inserire informazioni su questo particolare oggetto che nel nostro caso sarà solo un intervallo con la data che abbiamo già.
Ma ho intenzione di formattare anche questa data, quindi il punto del blog creato per la stringa della data che abbiamo già
visto nella pagina dello spettacolo e poi chiudiamo quella live, quindi avremo una classe div uguale alla descrizione.
Ed è qui che inseriremo questo contenuto.
Il corpo reale del blog.
E invece di fare il segno di uguale, lo cambierò di nuovo
in un trattino o non lo cambierò indietro, ma lo cambieremo in modo tale da ottenere l'età effettiva del nostro contenuto che ora è sterilizzato.
Infine ho un div classico in extra e al posto di quello metto
il bottone per leggere di più e creerò un tag di ancoraggio e copierò un tag che abbiamo già inserito e lo modificherò solo un po '.
Quindi non abbiamo più bisogno del classico per l'intestazione, ma vogliamo invece un pulsante grande.
Quindi fluttuo di base.
Scegli il tuo colore di fare di nuovo Violet.
E possiamo farlo un po '.
È sicuramente molto da vedere.
Quindi diciamo mettiamolo un po '.
Quindi, dopo l'apertura qui, quindi imposta il tag di
ancoraggio che avremo letto di più e aggiungeremo su un'icona un'icona a forma di chevron che sarà solo una piccola freccia dopo aver letto di più.
OK, maratona lì.
Un sacco di cose che abbiamo aggiunto.
Assicurati solo che
tutto sia a posto e sicuramente dai un'occhiata al codice della soluzione se non vuoi prenderlo da zero.
Vediamo come sta cercando che tu non abbia errori di sintassi.
Questo o noi andiamo proprio quello che stiamo cercando.
Quindi stiamo troncando i primi 100 caratteri in questo o tanti personaggi quanti ce ne sono in questo post.
In questo caso clicca molto breve per saperne di più il link lavora ci porta alla pagina dello spettacolo.
Possiamo modificare tornare indietro.
Abbiamo le sue immagini qui.
Dopo le linee
divise abbiamo il nostro Hetter, abbiamo questo segmento che gira intorno a tutto e abbiamo finito.
Quindi di nuovo non ci sentiamo come se non avessimo la sensazione di dover conoscere tutte queste classi.
Ho appena fatto.
Sai che te li ha dati.
Stile di fuoco rapido.
Perché un punto non è che tu impari tutto questo.
Ma se vuoi saperne di più e andare al dashi semantico perché dotcom.
Ci sono molti tutorial e risorse fantastici.
Non è ancora ampiamente utilizzato come bootstrap, ma è decisamente in crescita.
Ho notato che molti dei miei studenti l'avrebbero trovato da soli.
Mentre in passato lo presentavo a loro dopo il
bluetooth, nella maggior parte delle due classi più recenti che ho insegnato agli studenti, mi sono
subito innamorato senza che me ne fossi mai mostrata e finirono per usarla su bootstrap.
La maggior parte degli studenti, ma totalmente a te.
Mi sono divertito entrambi e il bootstrap è decisamente più popolare per ora.
OK, quindi l'ultima cosa che ho menzionato è il refactoring del nostro tavolo.
E tutto ciò che voglio fare è aggiungere una colonna
finale per il metodo mangusta corrispondente a ognuno di questi.
Quindi trovare per id trovare per 80 un aggiornamento trovare da id aggiungere rimuovere e così via.
Sarò una rapida recensione di come funzionano le tabelle.
Quindi ecco un grafico che invecchi
l'importo che dobbiamo aggiungere in un altro th e lo chiameremo semplicemente metodo mongoose e apriamo l'anteprima di un'anteprima di cottura e spostiamola in basso qui.
C'è il nostro tavolo o il nuovo th.
E poi per l'indice aggiungeremo una TV nel metodo mangusta per il cane dovrebbe essere trovare cane.
Ecco qua.
Prossimo abbiamo una nuova che in realtà non ha un metodo monkish affatto.
Quindi, piuttosto che lasciarlo vuoto, inserirò semplicemente un file che fa il rendering di un modulo.
Successivamente abbiamo creato e creato sta per fare un dog dot creare.
E una caratteristica davvero interessante se si fa questa anteprima di vita è come un montaggio MIDI che
è venuto notato che mi mostra quando seleziono qui, il che è abbastanza bello.
Quindi non devi nemmeno aprire l'ispettore e vedere solo dal vivo.
E se cambiano le cose, aggiornano anche dal vivo senza dover salvare o aggiornare la pagina.
OK.
Quindi abbiamo uno spettacolo che fa un cane che trova per ID e poi ce l'abbiamo.
Che anche un cane viene multato per ID.
Dobbiamo trovare il cane che stiamo modificando
e questo è per il modulo e quindi aggiornare un cane che è stato tagliato da id e aggiornare quello lungo.
Ed è anche un cane piuttosto lungo che trova dall'ID e rimuove ogni colpo.
Diamo un'occhiata.
Ecco il nostro tavolo.
Sembra che abbia cancellato
accidentalmente uno dei CD qui, che dovrebbe mostrare quale aggiornamento aggiorna il cane stupratore, quindi reindirizzare da qualche parte.
Tutto ok.
Ora dovremmo tornare alla normalità.
Ecco il nostro tavolo.
Quindi l'unico che non ha alcun metodo di mangusta.
Sarà nuovo perché il nuovo non trova nulla nel database, non aggiunge nulla.
Ci rende semplicemente una forma.
Grande.
Quindi spero che questo sia utile per te in futuro puoi fare riferimento a questa tabella.
Ci riferirò ad esso sicuramente copre
molte informazioni importanti che useremo molto.
Tutto ok.
Quindi finiamo questo ora per passare ad alcune cose più divertenti ad alcune app più complicate.
Ho notato che c'era un po 'di America coperta molto.
È sempre difficile da fare.
Interessante perché solo un sacco di informazioni.
Ma è importante avere quella
credibilità in grado di creare un aggiornamento di lettura ed eliminare un'entità che richiede molto wrapping.
Tutto ok.
Ci vediamo l'anno prossimo.