cosa sta succedendo a tutti il benvenuto a
parte 17 del nostro tutorial sulla lingua go
serie in questo tutorial cosa stiamo andando
parlare di sta combinando in fondo
tutto ciò che abbiamo imparato fino a questo
punta aggiungendo un po ‘di più al nostro
Modello HTML e ottenere il nostro primo tipo
di prova del concetto del nostro web
aggregatore di notizie di progetti applicativi
cosa va bene così fino a questo punto che abbiamo
tipo di abbiamo tipo come questi due
script separati e io solo tipo di voglio
per mostrarli entrambi prima di noi alla fine
Fondamentalmente quello che stiamo andando a fare è
combinarli bene così nel precedente
tutorial questo è il codice che abbiamo scritto
solo esemplificare come facciamo
templating e vai e poi in precedenza
quello che abbiamo fatto è diventato questo aggregatore
script sostanzialmente giusto che visita il
la mappa del sito di sitemaps afferra le sitemap
visita quelle sitemap afferra i titoli
le parole chiave e le posizioni di quelle
articoli da ogni sitemap che è
c’è come un mucchio di sitemap e
mangia ogni mappa del sito ha alcuni valori è
quasi circa 1500 articoli in pratica in modo
comunque combineremo questi due
cose insieme ora così che cosa ho intenzione di
andare avanti e fare è come dentro come il nostro
il programma stesso sarà questo web
app quindi terrò questo come principale
funzione e quindi fondamentalmente ciò che siamo
fare è un po ‘come combinare noi
porterò l’aggregatore di notizie a
l’applicazione web go quindi la prima cosa che
vogliamo fare è vogliamo modificare
la nuova struttura della pagina zag perché
fondamentalmente quello che sta per succedere è che possiamo
ancora passano il titolo ma le notizie non lo sono
sta per essere una stringa di notizie sarà una
fondamentalmente sarà una mappa in cui il
mappa in cui la chiave è una stringa e il
il valore sarà un valore della mappa delle notizie
inoltre stiamo tracciando in formato net HTTP
Modello HTML che dobbiamo sostanzialmente portare
in io util e l’XML
versioni quindi prendi questo e ancora se tu
non ho nessuno di questi due script
va benissimo che tu possa andare al
versione testuale quindi questo tutorial
questa parte 17 e proprio tutto è
Ecco quello che ti serve così sì
in ogni caso copia io util venire qui
inseguendolo e poi lo siamo anche noi
andando a prendere la codifica xml cool okay
ora quello che andremo avanti e faremo
abbiamo bisogno che la mappa delle notizie ci strutturi
bisogno di dare un’occhiata qui probabilmente
avremo bisogno di notizie di cui avremo bisogno
indice del sitemap e mappe delle notizie, quindi penso
stiamo solo andando a prendere tutti e tre
questi in modo mappa del sito notizie e notizie mappa lasciare
Io mi assicuro che si, okay, quindi lo sono
sto per buttarlo qui
in realtà buttiamo bene il tuo sito
mappa notizie notizie mappa nuova pagina zag okay
una volta che lo abbiamo fatto, cosa stiamo andando
avanti e facciamo è che possiamo prendere prendiamo
fondamentalmente la nostra intera funzione principale è
lo avremo messo nel
gestore di notizie AG
quindi piuttosto che e poi fondamentalmente p
sii la nostra mappa delle notizie in pratica la nostra mappa delle notizie
valorizzare le nostre news la variabile notizia sarà
mappe di notizie quindi prendiamo tutto il codice
la funzione principale fondamentalmente a qui noi
non ho bisogno di fare questa parte così
prenderemo questo blocco di codice
qui tutto quello che copia e va oltre
qui e poi all’interno del nuovo gestore zag
in cima, prima di qui, ci stiamo andando
incollare questo sarà catalogato su whoops
e ora penso che vada bene così
questo probabilmente si farà a pezzi
qualcosa che va bene facciamolo piuttosto
quello che oggi è mappe e notizie notizia è
adesso
usa la mappa e vediamo che non vogliamo quello
err non ce ne serve più non lo facciamo
serve una stampa okay, possiamo stampare il
l’output qui andrà bene per ogni evenienza
colpire alcuni errori potrebbe anche questo
non li renderà espliciti e li vedrà
[Musica]
va bene
Vado che sta andando essere enorme se noi
stampato fuori che tipo di voglio correre
prima di fare il nostro modello, ma quello è
okay, per prima cosa costruiamo il modello
e prendi parte così nuovo modello di zag e
Io vado avanti e possiamo lasciare il
titolo lì e poi cosa faremo
è che stiamo solo andando costruire una tabella in modo che il
il tavolo che userò è fondamentalmente
come costruire un tavolo dovrai
alcuni tag di tabella e storicamente quando
Ho fatto cose con lo sviluppo web
Ho avuto una volta tanto tempo a qualcuno
che si lamenta di non averti mai
coperto cosa sia hTML se non lo sai
HTML c’è come un miliardo di HTML
Esercitazioni là fuori , quindi trovane una se tu
voglio imparare HTML super semplice però
sono solo tag okay, non è così
complicato quindi dovresti essere in grado di
imparalo da solo senza problemi
così allora T testa così a testa tavolo e poi
avrai qualunque cosa
le colonne sono così e poi queste sarebbero
intestazioni della tabella quindi intestazione della tabella della barra e
allora diremo che lo sai fondamentalmente
avrai il titolo dell’articolo
e quindi avremo parole chiave per questo
articolo così titolo parole chiave e ora cosa
faremo è il titolo sarà effettivamente collegato a
l’articolo quindi è quello che sta per andare
in testa ora cosa faremo
è nel corpo così il corpo del tè quello che siamo
andrò avanti e fare è aggiungere un tavolo
righe quindi TR TR e praticamente qui sei tu
dovrò davvero fare davvero
Questo
TR come questo e poi avresti
tabella dati okay e in questo caso tabella
i dati sono la tua colonna in modo tabella tabella dei dati
dati e sarebbe come un titolo e
allora qui sarebbe come una parola chiave
qualcosa del genere va bene così che cosa sono
lo farò adesso, lo salverò e
Cercherò di farlo perché io
ancora io sono come scettico come diamine su
ottenendo un errore quindi andiamo avanti e
vai a correre vai a toccare e io lo permetterò
sì e poi era / ag per la pagina
probabilmente ci vorrà molto tempo
caricare ciò perché non è il tutto
mappare ciò che non volevo fare che io sia
non sono sicuro del motivo per cui ha stampato tutto questo
mappa um Dovrò tornare indietro e guardare
che oh mio dio, perché l’ha fatto?
perché esso stampa l’intera mappa fuori Sono
sono sicuro che abbiamo appena costruito il tavolo
ha appena fatto il titolo perché ha fatto il tutto
mappa perché ha fatto l’intera mappa perché
non abbiamo mai chiesto notizie pipistrello notizie mappa per correre
così sappiamo che non dovrebbe avere
fatto
perché oh ok non abbiamo cambiato il
modello okay che rende un po ‘di più
senso okay okay sì, tutto bene
sicuramente passato fresco, quindi ci siamo dimenticati di
cambia questo così questo deve essere un uovo di notizie
template to plate ha HTML quindi salviamolo
che e fammi lasciami andare avanti e
rieseguire quel mm-hmm
quindi, in ogni caso, caricare questa pagina
prenditi un po ‘di tempo, quindi è tutto in esecuzione
codice che è qualcosa di cui parleremo
un po ‘di più in arrivo
tutorial ma fammi vedere se otteniamo un
questa volta stavamo ancora facendo una passeggiata
sta ancora tirando quelle informazioni
fresco va bene così abbiamo una veramente di base si
Conoscere la parola chiave del titolo è semplice
tallone da tavolo qui qui
heel è un tavolo ora quello che vogliamo fare
è popolare questo tavolo così sembra
quello che farò è che siamo fondamentalmente
bisogno di iterare su tutto questo questo questo
dati in modo da quello che sto per fare è venire in
il nostro modello HTML qui e fondamentalmente noi
voglio fare è vogliamo iterare come molti
righe di tabella come abbiamo dati così così il modo
che possiamo fare questo è solo che posso andare
useremo un intervallo
quindi useremo la gamma ma è gentile
di wonky um, per quanto posso dire penso
questo è come andare su ordinazione
I templating non penso davvero che lo siano
usando qualcosa come in in Python
usi il templating di Jinja che è gentile
di separato da Python ma questo penso
è con andare così comunque se qualcuno sa se
questo era come fatto su misura per andare o se
questo è venuto da qualche parte fammi sapere
perché è strano che tu debba
cambia le cose, ma in ogni caso lo fai
quindi continueremo a usare la gamma, ma è così
funziona in questo modo e poi tu sei
dirò okay key
non dimenticare il tuo simbolo del dollaro è così
devi specificare una variabile in questo modo
che potresti usarlo più tardi, quindi chiave e
quindi valuta perché è quello che sta per succedere
essere restituito e quindi il colon è uguale a e
poi di nuovo sarebbe dot news perché è un
valore che è stato passato qui e poi cosa
lo faresti è che lo farò
un po ‘di spazio ma tu lo sapresti allora
fai le cose per bene e poi devi finire
la gamma a un certo punto devi finire
sai cosa sono tutte le cose
che farai in questo intervallo così
poi finisci bene così le cose
quello che faremo è creare righe di tabelle
e roba ed è per questo che hai il
possibilità di aggiungere una logica come questa in modo che
puoi inserire sia in HTML che puoi
buttati dentro conosci le variabili così ora noi
possiamo usare possiamo fare come la chiave giusta in modo che
sarebbe come se il tuo titolo fosse solo
chiave e quindi la colonna della parola chiave
che sta per essere i vostri valori, in modo che sarà
essere punto o valore sì , ma valore aveva due
cose giuste perché ricorda il valore
corrispondente giusto che le notizie siano le
mappa delle notizie che ha le chiavi che sono il
titoli quindi i valori che stiamo per essere
parole chiave e posizioni proprio così se noi
vogliamo le parole chiave che dobbiamo fare valore
punto chiave parola e il motivo per cui siamo
doverlo fare è come ho detto prima
fondamentalmente sta rispondendo che conosci qui
parola chiave è una struttura di mappe di notizie perché
ricorda il
Mapp è una stringa per quattro chiavi e quindi
il valore era un valore di una mappa di notizie e tutto
che comunque così sì è per questo che usiamo
parola chiave punto qui va bene
ora abbastanza interessante come ovviamente
questo sarà il titolo ma poi ma noi
tipo di volere che il titolo sia un collegamento così
ora convertiamolo in un link quindi a
href e poi dirò il bersaglio
è vuoto, quindi apre una nuova finestra se
si fa clic su di esso e l’ URL effettivo
è il valore punto capitale L posizione e
poi veniamo dall’altra parte qui e
basta chiudere quel tag lo ha fatto per me
ora sono confuso
penso che sia giusto comunque, okay
ora abbiamo tutte le righe della tabella in
qui e poi fine e poi facciamo solo
tipo di pulire questo un po ‘freddo
quindi sì sì, questo è un po ‘di più
caso d’uso complesso di template e go
dove sai come farlo per farlo
come una serie e quindi aggiungere che al
vai codice come se steste cercando di farlo
in linea e vai almeno come sono
pensando che lo farei lo farei
sarebbe un po ‘ disordinato mentre questo è
molto più pulito ed è solo così tanto
più conciso e se dovessi leggere
questo penso che sia molto più leggibile okay
quindi andiamo avanti e rompiamo il web
server e poi vado avanti e
riavviare il web server lo permetterò
e poi ci dirigeremo verso la pagina AG e
questo potrebbe richiedere del tempo per l’esecuzione
ha una borsa tutte quelle sitemap fresche
e ora abbiamo l’ intero tavolo che
è massiccio, è assolutamente enorme
ma come puoi vedere hai capito
le tue parole chiave qui e poi hai
ho ottenuto i titoli qui e poi se lo fossi
fare clic su quel titolo ci vorrà
al Washington Post
dove puoi leggere gli articoli con i loro
Paywall, interessante paywall, lo farò
Scommessa che è davvero sconfitta facilmente vedere
se non riusciamo a ottenere il primo, ci sto provando
Prendi le prime righe di qualunque cosa io sia
scommetterei se dovessimo vedere il
fonte qui
Si si si
sì abbastanza sicuro che stavamo solo guardando
sono abbastanza sicuro che questo sia l’ articolo
testo vorrei poter vederlo alcuni hanno
ho iniziato a realizzare ma non riesco a vedere il
testo dell’articolo principale comunque è quello
non questo tutorial sto per scommettere che lo è
tutto lì comunque comunque così adesso
avere questo tavolo ovviamente questo è un
tavolo gigantesco ha tanto di pazzesco
informazioni in esso
e tutto ciò, ma nonostante tutto a
prova del concetto ora cosa mostrerò
fondamentalmente di nuovo solo un po ‘come il
ultimo tutorial la maggior parte dell’apprendimento
è ora finita Sto pulendo questo
tavolo anche se così chiunque voglia
restare in giro e vedere un modo migliore per
rapidamente e facilmente creare un tabor più bello
il tavolo si sente libero di restare in giro
altrimenti, come ho detto che abbiamo finito, puoi
lasciare così così per rendere questo tavolo un po ‘
meglio e anche per farlo rendere il nostro web
app molto più funzionale che possiamo
incorporare qualcosa chiamato tabelle di dati
lasciatemi solo tirare su dati reali e veloci
tavoli che in realtà non devi venire
qui dovresti visitare questo ma questo
è quello che stiamo andando utilizzeremo e
fondamentalmente svegliato tutto ciò che è è proprio come
un bel plugin JavaScript per i tavoli
fondamentalmente finiscono per sembrare così
sì, c’è un po ‘di aleggiare
può anche fare ricerche come contabile
o qualcosa del genere è proprio come
ricerca istantanea perché tutti i dati sono
lì ovviamente non è diverso da
fare come il furto di controllo in questo momento
il nostro tavolo mi dispiace ho appena sbattuto il microfono
comunque sì sì e poi puoi ordinare e
tutto quel tipo di servizio è carino
cool ed è super economico da buttare
è in cima ai tuoi tavoli, ecco cosa
Farò qui se vuoi tutto il
codice è in questo tutorial e in modo da
non serve davvero a te non è necessario
come tipo con me qui, quindi sono solo
correrò tutto molto velocemente
così così la prima cosa che abbiamo tutti noi
davvero bisogno di fare prima di tutto ciò di cui abbiamo bisogno
avere bisogno di portare gli script
questo renderà questi dati
le cose da tavola sono praticamente ciò che noi
bisogno è jQuery stesso quindi abbiamo bisogno del
tabelle di dati CSS e quindi abbiamo bisogno del
tabelle dati JavaScript tutte queste cose
puoi ottenere o puoi ospitarli
localmente te stesso o puoi semplicemente usarlo
loro da come a
CDN da qualche parte, quindi userò
la versione CDN di nuovo se si va al
versione testuale di questo tutorial tu
posso copiare e incollare le stesse cose che sono
per copiare e incollare qui bang
okay, sì, sì, stiamo entrando
jQuery, quindi stiamo inserendo i dati
tabella CSS e quindi stiamo tirando nel
tabelle di dati JavaScript è così e
poi alla fine del nostro sai al
in fondo al nostro piccolo codice qui sto andando
inserire una sceneggiatura davvero semplice
fondamentalmente tutto quello che sta per fare qui è
qualsiasi cosa con l’ID della tabella di fantasia
stiamo applicando la tabella dei dati ad essa
questo caso siamo speriamo che ti capita
fai questo a un tavolo tutto bene, quindi abbiamo bisogno
per ora dare al nostro tavolo l’ID della fantasia
tavolo così tavolo qui e poi in fondo
stiamo solo andando a dire ID è uguale a fantasia
tavolo e poi ce ne sono alcuni altri
cose che dobbiamo specificare o possiamo
specifica l’unica cosa che farò
e fare è solo dire lezione per questo tavolo
ce ne sono un sacco di diversi ma
ancora una volta la classe corrisponde al CSS
per voi neofiti dell’HTt comunque la classe lo farà
essere visualizzati in modo che ci siano diversi tipi in
di nuovo puoi andare al giorno alle tavole
dotnet per saperne di più su cosa è
a vostra disposizione solo la visione di una
un rapido esempio in modo da visualizzare la lezione
vai avanti e salvalo
ora eseguiamo di nuovo la nostra app Web, speriamo
non ha commesso errori, lo ha fatto per lo più
copia e incolla quindi presumo che sia così
Non sarà un problema
oh bello
ho questo aperto ovunque va bene che ho
una vecchia versione di esso lo farò comunque
portalo sopra Hey
oh va bene ci è voluto un po ‘di tempo
un secondo per formattarlo comunque
quindi ecco la nostra tabella dati e
purtroppo perché ce ne sono 10
voci, ma non riesco a farlo sul mio
schermo mi chiedo se ho appena ingrandito
si, certo
quindi comunque come puoi vedere ecco i nostri dati
tavolo ed è solo fondamentalmente
puoi vedere qui sono 1.500 voci tutte
che puoi ordinare per titolo se davvero
volevo puoi anche ordinare per parole chiave
ma probabilmente sarebbe un errore ma
si può anche cercare così per esempio io sono
sono abbastanza sicuro di sapere che Trump è il presidente
quindi scommetto che se scrivessimo a Trump andremo
trova un sacco di cose su Trump ed è così
come ho detto è solo così è istantaneo
sì 250 voci su Trump quindi, naturalmente
proprio come al solito è possibile fare clic su di loro e
vai all’articolo attuale dove si trova
probabilmente mi pagherò tutti gli occhi
non so va bene, comunque no
buttami dentro e immagino sia
probabilmente il mio annuncio blocker
in ogni caso va bene che è abbastanza per ora
quello che dobbiamo fare ora è davvero parlare
circa il tempo di questa pagina quindi carica il tempo
1 2 3 4 5 circa 5 secondi va bene così
cinquemila millesimi di secondo
orribile
quindi dobbiamo lavorare su questa velocità di caricamento
ora ci sono un paio di cose che noi
fare una cosa che potremmo fare è giusta
incassare bene e poi vorrei caricare
piuttosto veloce ma il vero problema
stiamo avendo in questo momento sta accadendo
tu sai qui qui perché
in fondo quello che sta facendo è e davvero
è proprio qui che stiamo facendo
questo totalmente linearmente siamo i primi a essere
siamo dove andiamo a questa mappa del sito e
stiamo ottenendo tutte queste mappe del sito ma
allora siamo in esecuzione su una mappa del sito
ottenere quell’informazione in attesa
quella risposta
andare al prossimo chiedendo a
risposta in attesa di averlo ottenuto
tornando a destra in modo che non sia molto
veloce così così quello che dobbiamo fare è capire
fuori come possiamo aggirare questo spreco di
Adesso non importa quello che si sta andando a
avere un accordo con almeno una X di
un tempo di risposta al Washington Post ma
ci potrebbe essere modi che possiamo fare questo
un po ‘più veloce quindi è quello che siamo
comincerò a guardare nel venire
tutorial è come possiamo andare per andare
veloce perché questo è il punto
giusto così comunque è quello che stiamo per fare
concentrarsi sui prossimi tutorial
se avete domande, commenti, preoccupazioni
qualunque cosa fino a questo punto sentiti libera di fare
lasciali sotto altrimenti ti vedrò
nel prossimo tutorial
parte 17 del nostro tutorial sulla lingua go
serie in questo tutorial cosa stiamo andando
parlare di sta combinando in fondo
tutto ciò che abbiamo imparato fino a questo
punta aggiungendo un po ‘di più al nostro
Modello HTML e ottenere il nostro primo tipo
di prova del concetto del nostro web
aggregatore di notizie di progetti applicativi
cosa va bene così fino a questo punto che abbiamo
tipo di abbiamo tipo come questi due
script separati e io solo tipo di voglio
per mostrarli entrambi prima di noi alla fine
Fondamentalmente quello che stiamo andando a fare è
combinarli bene così nel precedente
tutorial questo è il codice che abbiamo scritto
solo esemplificare come facciamo
templating e vai e poi in precedenza
quello che abbiamo fatto è diventato questo aggregatore
script sostanzialmente giusto che visita il
la mappa del sito di sitemaps afferra le sitemap
visita quelle sitemap afferra i titoli
le parole chiave e le posizioni di quelle
articoli da ogni sitemap che è
c’è come un mucchio di sitemap e
mangia ogni mappa del sito ha alcuni valori è
quasi circa 1500 articoli in pratica in modo
comunque combineremo questi due
cose insieme ora così che cosa ho intenzione di
andare avanti e fare è come dentro come il nostro
il programma stesso sarà questo web
app quindi terrò questo come principale
funzione e quindi fondamentalmente ciò che siamo
fare è un po ‘come combinare noi
porterò l’aggregatore di notizie a
l’applicazione web go quindi la prima cosa che
vogliamo fare è vogliamo modificare
la nuova struttura della pagina zag perché
fondamentalmente quello che sta per succedere è che possiamo
ancora passano il titolo ma le notizie non lo sono
sta per essere una stringa di notizie sarà una
fondamentalmente sarà una mappa in cui il
mappa in cui la chiave è una stringa e il
il valore sarà un valore della mappa delle notizie
inoltre stiamo tracciando in formato net HTTP
Modello HTML che dobbiamo sostanzialmente portare
in io util e l’XML
versioni quindi prendi questo e ancora se tu
non ho nessuno di questi due script
va benissimo che tu possa andare al
versione testuale quindi questo tutorial
questa parte 17 e proprio tutto è
Ecco quello che ti serve così sì
in ogni caso copia io util venire qui
inseguendolo e poi lo siamo anche noi
andando a prendere la codifica xml cool okay
ora quello che andremo avanti e faremo
abbiamo bisogno che la mappa delle notizie ci strutturi
bisogno di dare un’occhiata qui probabilmente
avremo bisogno di notizie di cui avremo bisogno
indice del sitemap e mappe delle notizie, quindi penso
stiamo solo andando a prendere tutti e tre
questi in modo mappa del sito notizie e notizie mappa lasciare
Io mi assicuro che si, okay, quindi lo sono
sto per buttarlo qui
in realtà buttiamo bene il tuo sito
mappa notizie notizie mappa nuova pagina zag okay
una volta che lo abbiamo fatto, cosa stiamo andando
avanti e facciamo è che possiamo prendere prendiamo
fondamentalmente la nostra intera funzione principale è
lo avremo messo nel
gestore di notizie AG
quindi piuttosto che e poi fondamentalmente p
sii la nostra mappa delle notizie in pratica la nostra mappa delle notizie
valorizzare le nostre news la variabile notizia sarà
mappe di notizie quindi prendiamo tutto il codice
la funzione principale fondamentalmente a qui noi
non ho bisogno di fare questa parte così
prenderemo questo blocco di codice
qui tutto quello che copia e va oltre
qui e poi all’interno del nuovo gestore zag
in cima, prima di qui, ci stiamo andando
incollare questo sarà catalogato su whoops
e ora penso che vada bene così
questo probabilmente si farà a pezzi
qualcosa che va bene facciamolo piuttosto
quello che oggi è mappe e notizie notizia è
adesso
usa la mappa e vediamo che non vogliamo quello
err non ce ne serve più non lo facciamo
serve una stampa okay, possiamo stampare il
l’output qui andrà bene per ogni evenienza
colpire alcuni errori potrebbe anche questo
non li renderà espliciti e li vedrà
[Musica]
va bene
Vado che sta andando essere enorme se noi
stampato fuori che tipo di voglio correre
prima di fare il nostro modello, ma quello è
okay, per prima cosa costruiamo il modello
e prendi parte così nuovo modello di zag e
Io vado avanti e possiamo lasciare il
titolo lì e poi cosa faremo
è che stiamo solo andando costruire una tabella in modo che il
il tavolo che userò è fondamentalmente
come costruire un tavolo dovrai
alcuni tag di tabella e storicamente quando
Ho fatto cose con lo sviluppo web
Ho avuto una volta tanto tempo a qualcuno
che si lamenta di non averti mai
coperto cosa sia hTML se non lo sai
HTML c’è come un miliardo di HTML
Esercitazioni là fuori , quindi trovane una se tu
voglio imparare HTML super semplice però
sono solo tag okay, non è così
complicato quindi dovresti essere in grado di
imparalo da solo senza problemi
così allora T testa così a testa tavolo e poi
avrai qualunque cosa
le colonne sono così e poi queste sarebbero
intestazioni della tabella quindi intestazione della tabella della barra e
allora diremo che lo sai fondamentalmente
avrai il titolo dell’articolo
e quindi avremo parole chiave per questo
articolo così titolo parole chiave e ora cosa
faremo è il titolo sarà effettivamente collegato a
l’articolo quindi è quello che sta per andare
in testa ora cosa faremo
è nel corpo così il corpo del tè quello che siamo
andrò avanti e fare è aggiungere un tavolo
righe quindi TR TR e praticamente qui sei tu
dovrò davvero fare davvero
Questo
TR come questo e poi avresti
tabella dati okay e in questo caso tabella
i dati sono la tua colonna in modo tabella tabella dei dati
dati e sarebbe come un titolo e
allora qui sarebbe come una parola chiave
qualcosa del genere va bene così che cosa sono
lo farò adesso, lo salverò e
Cercherò di farlo perché io
ancora io sono come scettico come diamine su
ottenendo un errore quindi andiamo avanti e
vai a correre vai a toccare e io lo permetterò
sì e poi era / ag per la pagina
probabilmente ci vorrà molto tempo
caricare ciò perché non è il tutto
mappare ciò che non volevo fare che io sia
non sono sicuro del motivo per cui ha stampato tutto questo
mappa um Dovrò tornare indietro e guardare
che oh mio dio, perché l’ha fatto?
perché esso stampa l’intera mappa fuori Sono
sono sicuro che abbiamo appena costruito il tavolo
ha appena fatto il titolo perché ha fatto il tutto
mappa perché ha fatto l’intera mappa perché
non abbiamo mai chiesto notizie pipistrello notizie mappa per correre
così sappiamo che non dovrebbe avere
fatto
perché oh ok non abbiamo cambiato il
modello okay che rende un po ‘di più
senso okay okay sì, tutto bene
sicuramente passato fresco, quindi ci siamo dimenticati di
cambia questo così questo deve essere un uovo di notizie
template to plate ha HTML quindi salviamolo
che e fammi lasciami andare avanti e
rieseguire quel mm-hmm
quindi, in ogni caso, caricare questa pagina
prenditi un po ‘di tempo, quindi è tutto in esecuzione
codice che è qualcosa di cui parleremo
un po ‘di più in arrivo
tutorial ma fammi vedere se otteniamo un
questa volta stavamo ancora facendo una passeggiata
sta ancora tirando quelle informazioni
fresco va bene così abbiamo una veramente di base si
Conoscere la parola chiave del titolo è semplice
tallone da tavolo qui qui
heel è un tavolo ora quello che vogliamo fare
è popolare questo tavolo così sembra
quello che farò è che siamo fondamentalmente
bisogno di iterare su tutto questo questo questo
dati in modo da quello che sto per fare è venire in
il nostro modello HTML qui e fondamentalmente noi
voglio fare è vogliamo iterare come molti
righe di tabella come abbiamo dati così così il modo
che possiamo fare questo è solo che posso andare
useremo un intervallo
quindi useremo la gamma ma è gentile
di wonky um, per quanto posso dire penso
questo è come andare su ordinazione
I templating non penso davvero che lo siano
usando qualcosa come in in Python
usi il templating di Jinja che è gentile
di separato da Python ma questo penso
è con andare così comunque se qualcuno sa se
questo era come fatto su misura per andare o se
questo è venuto da qualche parte fammi sapere
perché è strano che tu debba
cambia le cose, ma in ogni caso lo fai
quindi continueremo a usare la gamma, ma è così
funziona in questo modo e poi tu sei
dirò okay key
non dimenticare il tuo simbolo del dollaro è così
devi specificare una variabile in questo modo
che potresti usarlo più tardi, quindi chiave e
quindi valuta perché è quello che sta per succedere
essere restituito e quindi il colon è uguale a e
poi di nuovo sarebbe dot news perché è un
valore che è stato passato qui e poi cosa
lo faresti è che lo farò
un po ‘di spazio ma tu lo sapresti allora
fai le cose per bene e poi devi finire
la gamma a un certo punto devi finire
sai cosa sono tutte le cose
che farai in questo intervallo così
poi finisci bene così le cose
quello che faremo è creare righe di tabelle
e roba ed è per questo che hai il
possibilità di aggiungere una logica come questa in modo che
puoi inserire sia in HTML che puoi
buttati dentro conosci le variabili così ora noi
possiamo usare possiamo fare come la chiave giusta in modo che
sarebbe come se il tuo titolo fosse solo
chiave e quindi la colonna della parola chiave
che sta per essere i vostri valori, in modo che sarà
essere punto o valore sì , ma valore aveva due
cose giuste perché ricorda il valore
corrispondente giusto che le notizie siano le
mappa delle notizie che ha le chiavi che sono il
titoli quindi i valori che stiamo per essere
parole chiave e posizioni proprio così se noi
vogliamo le parole chiave che dobbiamo fare valore
punto chiave parola e il motivo per cui siamo
doverlo fare è come ho detto prima
fondamentalmente sta rispondendo che conosci qui
parola chiave è una struttura di mappe di notizie perché
ricorda il
Mapp è una stringa per quattro chiavi e quindi
il valore era un valore di una mappa di notizie e tutto
che comunque così sì è per questo che usiamo
parola chiave punto qui va bene
ora abbastanza interessante come ovviamente
questo sarà il titolo ma poi ma noi
tipo di volere che il titolo sia un collegamento così
ora convertiamolo in un link quindi a
href e poi dirò il bersaglio
è vuoto, quindi apre una nuova finestra se
si fa clic su di esso e l’ URL effettivo
è il valore punto capitale L posizione e
poi veniamo dall’altra parte qui e
basta chiudere quel tag lo ha fatto per me
ora sono confuso
penso che sia giusto comunque, okay
ora abbiamo tutte le righe della tabella in
qui e poi fine e poi facciamo solo
tipo di pulire questo un po ‘freddo
quindi sì sì, questo è un po ‘di più
caso d’uso complesso di template e go
dove sai come farlo per farlo
come una serie e quindi aggiungere che al
vai codice come se steste cercando di farlo
in linea e vai almeno come sono
pensando che lo farei lo farei
sarebbe un po ‘ disordinato mentre questo è
molto più pulito ed è solo così tanto
più conciso e se dovessi leggere
questo penso che sia molto più leggibile okay
quindi andiamo avanti e rompiamo il web
server e poi vado avanti e
riavviare il web server lo permetterò
e poi ci dirigeremo verso la pagina AG e
questo potrebbe richiedere del tempo per l’esecuzione
ha una borsa tutte quelle sitemap fresche
e ora abbiamo l’ intero tavolo che
è massiccio, è assolutamente enorme
ma come puoi vedere hai capito
le tue parole chiave qui e poi hai
ho ottenuto i titoli qui e poi se lo fossi
fare clic su quel titolo ci vorrà
al Washington Post
dove puoi leggere gli articoli con i loro
Paywall, interessante paywall, lo farò
Scommessa che è davvero sconfitta facilmente vedere
se non riusciamo a ottenere il primo, ci sto provando
Prendi le prime righe di qualunque cosa io sia
scommetterei se dovessimo vedere il
fonte qui
Si si si
sì abbastanza sicuro che stavamo solo guardando
sono abbastanza sicuro che questo sia l’ articolo
testo vorrei poter vederlo alcuni hanno
ho iniziato a realizzare ma non riesco a vedere il
testo dell’articolo principale comunque è quello
non questo tutorial sto per scommettere che lo è
tutto lì comunque comunque così adesso
avere questo tavolo ovviamente questo è un
tavolo gigantesco ha tanto di pazzesco
informazioni in esso
e tutto ciò, ma nonostante tutto a
prova del concetto ora cosa mostrerò
fondamentalmente di nuovo solo un po ‘come il
ultimo tutorial la maggior parte dell’apprendimento
è ora finita Sto pulendo questo
tavolo anche se così chiunque voglia
restare in giro e vedere un modo migliore per
rapidamente e facilmente creare un tabor più bello
il tavolo si sente libero di restare in giro
altrimenti, come ho detto che abbiamo finito, puoi
lasciare così così per rendere questo tavolo un po ‘
meglio e anche per farlo rendere il nostro web
app molto più funzionale che possiamo
incorporare qualcosa chiamato tabelle di dati
lasciatemi solo tirare su dati reali e veloci
tavoli che in realtà non devi venire
qui dovresti visitare questo ma questo
è quello che stiamo andando utilizzeremo e
fondamentalmente svegliato tutto ciò che è è proprio come
un bel plugin JavaScript per i tavoli
fondamentalmente finiscono per sembrare così
sì, c’è un po ‘di aleggiare
può anche fare ricerche come contabile
o qualcosa del genere è proprio come
ricerca istantanea perché tutti i dati sono
lì ovviamente non è diverso da
fare come il furto di controllo in questo momento
il nostro tavolo mi dispiace ho appena sbattuto il microfono
comunque sì sì e poi puoi ordinare e
tutto quel tipo di servizio è carino
cool ed è super economico da buttare
è in cima ai tuoi tavoli, ecco cosa
Farò qui se vuoi tutto il
codice è in questo tutorial e in modo da
non serve davvero a te non è necessario
come tipo con me qui, quindi sono solo
correrò tutto molto velocemente
così così la prima cosa che abbiamo tutti noi
davvero bisogno di fare prima di tutto ciò di cui abbiamo bisogno
avere bisogno di portare gli script
questo renderà questi dati
le cose da tavola sono praticamente ciò che noi
bisogno è jQuery stesso quindi abbiamo bisogno del
tabelle di dati CSS e quindi abbiamo bisogno del
tabelle dati JavaScript tutte queste cose
puoi ottenere o puoi ospitarli
localmente te stesso o puoi semplicemente usarlo
loro da come a
CDN da qualche parte, quindi userò
la versione CDN di nuovo se si va al
versione testuale di questo tutorial tu
posso copiare e incollare le stesse cose che sono
per copiare e incollare qui bang
okay, sì, sì, stiamo entrando
jQuery, quindi stiamo inserendo i dati
tabella CSS e quindi stiamo tirando nel
tabelle di dati JavaScript è così e
poi alla fine del nostro sai al
in fondo al nostro piccolo codice qui sto andando
inserire una sceneggiatura davvero semplice
fondamentalmente tutto quello che sta per fare qui è
qualsiasi cosa con l’ID della tabella di fantasia
stiamo applicando la tabella dei dati ad essa
questo caso siamo speriamo che ti capita
fai questo a un tavolo tutto bene, quindi abbiamo bisogno
per ora dare al nostro tavolo l’ID della fantasia
tavolo così tavolo qui e poi in fondo
stiamo solo andando a dire ID è uguale a fantasia
tavolo e poi ce ne sono alcuni altri
cose che dobbiamo specificare o possiamo
specifica l’unica cosa che farò
e fare è solo dire lezione per questo tavolo
ce ne sono un sacco di diversi ma
ancora una volta la classe corrisponde al CSS
per voi neofiti dell’HTt comunque la classe lo farà
essere visualizzati in modo che ci siano diversi tipi in
di nuovo puoi andare al giorno alle tavole
dotnet per saperne di più su cosa è
a vostra disposizione solo la visione di una
un rapido esempio in modo da visualizzare la lezione
vai avanti e salvalo
ora eseguiamo di nuovo la nostra app Web, speriamo
non ha commesso errori, lo ha fatto per lo più
copia e incolla quindi presumo che sia così
Non sarà un problema
oh bello
ho questo aperto ovunque va bene che ho
una vecchia versione di esso lo farò comunque
portalo sopra Hey
oh va bene ci è voluto un po ‘di tempo
un secondo per formattarlo comunque
quindi ecco la nostra tabella dati e
purtroppo perché ce ne sono 10
voci, ma non riesco a farlo sul mio
schermo mi chiedo se ho appena ingrandito
si, certo
quindi comunque come puoi vedere ecco i nostri dati
tavolo ed è solo fondamentalmente
puoi vedere qui sono 1.500 voci tutte
che puoi ordinare per titolo se davvero
volevo puoi anche ordinare per parole chiave
ma probabilmente sarebbe un errore ma
si può anche cercare così per esempio io sono
sono abbastanza sicuro di sapere che Trump è il presidente
quindi scommetto che se scrivessimo a Trump andremo
trova un sacco di cose su Trump ed è così
come ho detto è solo così è istantaneo
sì 250 voci su Trump quindi, naturalmente
proprio come al solito è possibile fare clic su di loro e
vai all’articolo attuale dove si trova
probabilmente mi pagherò tutti gli occhi
non so va bene, comunque no
buttami dentro e immagino sia
probabilmente il mio annuncio blocker
in ogni caso va bene che è abbastanza per ora
quello che dobbiamo fare ora è davvero parlare
circa il tempo di questa pagina quindi carica il tempo
1 2 3 4 5 circa 5 secondi va bene così
cinquemila millesimi di secondo
orribile
quindi dobbiamo lavorare su questa velocità di caricamento
ora ci sono un paio di cose che noi
fare una cosa che potremmo fare è giusta
incassare bene e poi vorrei caricare
piuttosto veloce ma il vero problema
stiamo avendo in questo momento sta accadendo
tu sai qui qui perché
in fondo quello che sta facendo è e davvero
è proprio qui che stiamo facendo
questo totalmente linearmente siamo i primi a essere
siamo dove andiamo a questa mappa del sito e
stiamo ottenendo tutte queste mappe del sito ma
allora siamo in esecuzione su una mappa del sito
ottenere quell’informazione in attesa
quella risposta
andare al prossimo chiedendo a
risposta in attesa di averlo ottenuto
tornando a destra in modo che non sia molto
veloce così così quello che dobbiamo fare è capire
fuori come possiamo aggirare questo spreco di
Adesso non importa quello che si sta andando a
avere un accordo con almeno una X di
un tempo di risposta al Washington Post ma
ci potrebbe essere modi che possiamo fare questo
un po ‘più veloce quindi è quello che siamo
comincerò a guardare nel venire
tutorial è come possiamo andare per andare
veloce perché questo è il punto
giusto così comunque è quello che stiamo per fare
concentrarsi sui prossimi tutorial
se avete domande, commenti, preoccupazioni
qualunque cosa fino a questo punto sentiti libera di fare
lasciali sotto altrimenti ti vedrò
nel prossimo tutorial
Please follow and like us:
Be First to Comment