Este video y cuándo mostrarte algunas otras cosas que podemos hacer en lugar de un archivo Ejaz.
Hasta ahora todo lo que hemos visto es agregar HDMI regular.
Y luego, también, usando las etiquetas Ejaz para agregar una sola línea de javascript que está usando una variable que estamos
pasando desde nuestro archivo de aplicación utilizando el enrojecimiento de render o paso a través de vars.
Pero hay otras cosas que podemos y haremos todo el tiempo usando Aegeus.
Así que vamos a hablar de ellos aquí.
muestran algunos ejemplos en el mundo real de este flujo de control y plantillas, y luego voy a mostrar cómo podemos
escribir declaraciones IF en cada archivo y también cómo podemos escribir bucles y en cada caso archivo.
Tengo tres objetivos principales en un programa que
Permítanme comenzar mostrando un ejemplo de lo que estoy hablando.
Así que lo he leído abierto.
Este es el fútbol Sobran.
Y lo que quiero que noten es que hay una lista de publicaciones veinticinco en esta página y cada
una sigue un formato similar, excepto que son ligeramente diferentes.
Vamos a inspeccionar y te mostraré lo que quiero decir.
Entonces están todos dentro de un div.
Cada uno es un div con la clase de entrada, pero son un poco diferentes ya que algunos de ellos tienen
un botón aquí que lo muestra en video.
Pueden reproducir algunos de ellos y mostrar que es un tweet y en algunos de los otros también puedo expandir
el texto para que sigan este formato donde por cada publicación que recibamos recibimos un div con entrada de clase y cada uno
tiene un el párrafo con el título clásico y otro párrafo de la clase es igual al eslogan
y siguen un formato estandarizado.
Pero todos son diferentes.
Y obviamente, el contenido es diferente también.
El texto actual las palabras todo lo largo.
Así que esto se hace con una plantilla donde tenemos una colección de publicaciones y digamos que estamos escribiendo esto, obtendríamos
todas las publicaciones relacionadas con el fútbol de la base de datos en el orden en que se encuentren.
Creo que los estamos clasificando por hotness.
Sin embargo, Reddit calcula eso.
Entonces tenemos todas estas publicaciones de la base de datos y luego hacemos lo que hacemos y en cada
publicación hacemos uno de estos elementos.
Entonces nuestro archivo Ejay se vería así.
Si tuviera que escribir un bucle de pseudocódigo en todas las publicaciones y luego para cada una de ellas, lo que queremos hacer
es hacer una publicación dar o hacer una entrada Div, creo que es como lo llamaron.
Y esa entrada div debería tener un título y una línea de etiqueta y todo lo demás que vaya con ella.
Y eso sucederá para cada publicación.
Entonces, definiremos un patrón para una publicación.
Pero usando la magia de Ejay supongo que podemos hacer que repita para cada elemento en una lista o cada elemento
en nuestra base de datos.
La otra cosa que podemos hacer es agregar algo de lógica condicional para que las cosas se vean y se comporten de forma un poco diferente.
Y así es como
Aquí algunos de ellos tienen un botón de reproducción para video.
Algunos de ellos tienen un ícono de Twitter.
Algunos de ellos tendrán un silbato aquí.
Algunos de ellos tienen una pelota de fútbol y algunos textos que podemos expandir.
Y eso se hace con una declaración if.
Por supuesto, el código dice algo así como si este enlace es Twitter punto com y luego muestra un
logotipo de Twitter si este es un video o un gif que corta a Jeff como usted lo pronuncie.
Luego, muestre el ícono de video y haga que este botón funcione.
Y si la publicación es una cadena de coincidencias, muestra una pelota de fútbol.
Es solo un ejemplo en un sitio web de que tener lógica en sus plantillas es realmente importante.
Pero cualquier sitio por ahí, cualquier aplicación web, Facebook, Gmail, Twitter, todos lo usan lenguaje de plantillas aunque
no todos usan Ejay us.
Hay toneladas y toneladas de diferentes sistemas de plantillas e idiomas, pero su funcionalidad
básica es la misma.
La idea nuevamente es que podemos agregar lógica a nuestra HMO.
Así que ahora vamos a hacer eso y deshacernos de esto por ahora y regresemos a nuestra aplicación.
Sí.
Y tenemos este enamoramiento con algo que deja un poco de lógica muy simple en lugar de
nuestra plantilla que verificará si lo que el usuario ingresó está oxidado entonces o mostrará una línea adicional que
dice buena opción o algo así .
Entonces, lo que haremos será en nuestro amor que cada uno de nosotros primero escriba javascript regular y no será
válido, pero solo vamos a escribir el Javascript.
oxidado y vamos a minúsculas para que podamos dar cuenta de mayúsculas y minúsculas y luego vamos a mayúsculas y minúsculas.
Entonces sería algo así como si lo que var Tripoli llama
Entonces, si la versión en minúscula de la variable cosa es igual a Rusti, entonces haremos otra línea.
Y voy a escribir lo borré aquí mismo, así que haremos un párrafo que diga Buena elección.
Rusty es el mejor
Y como dije, esto no es válido.
Cada sí
Lo que tenemos que hacer es seguir adelante y agregar estas etiquetas a nuestro código.
Así que comenzaré a escribir eso aquí.
Necesitamos nuestro porcentaje igual y luego lo mismo aquí y tenemos que ajustar cada línea de javascript en cualquier momento que
javascript se inicie y termine.
No importa que esta declaración no termine hasta aquí abajo.
Tenemos que envolver cada parte de forma individual.
Lo mismo aquí.
Así.
Ahora me gusta agregar espacio y solo para que sea más fácil ver qué es qué.
Así que has tomado javascript y movido el rafting E. J. se guardarán y existe un pequeño problema.
Sí, las etiquetas que incluyen este corchete de cierre en el extremo inferior
Si inicio
mi servidor y voy a actualizar la página, aparece un error de sintaxis.
Y lo que tengo que hacer para arreglar esto, voy a detener al servidor, necesito volver atrás y deshacerme de estos signos
iguales y explicaré por qué en un momento, bueno, solo asegurémonos de que funcione ahora.
Entonces, el abductor del nodo sí.
Y refrescará la página y obtendremos la película de tater tots.
PAG. S. Este archivo es el archivo amor DGSE.
Ahora vamos a enamorarte, oxidado.
Y ahora dice Buena elección.
Rusty es el mejor debido a nuestra declaración if en cualquier otro lado, aunque no tenemos esa línea.
Entonces, ¿por qué tenemos que quitar esos signos iguales?
La respuesta es que hay dos tipos diferentes de etiquetas y cada Sí.
Déjame escribirlos primero.
Entonces tenemos este conjunto de etiquetas donde hay un signo igual y este conjunto donde no hay un signo igual.
En realidad, hay un tercero que veremos más adelante con un guión.
Pero por ahora estos son los únicos dos que necesitamos.
Y hay una diferencia muy importante entre los dos.
Cuando agreguemos el signo igual, el valor que se devuelve, independientemente de lo que devuelva este código dentro de aquí, se
representará en la página.
Se agregará al correo HQ.
Entonces, si tuviéramos algo así como cinco más cinco y tuviéramos algo de texto aquí como "Me encanta", los cinco más cinco
serán evaluados y luego terminaremos con 10 en cada equipo.
Pero cuando estamos haciendo lógica como una declaración IF o lo que veremos en breve cuando usemos un bucle.
No queremos que se agregue algo a la HD.
Esta lógica es puramente lógica.
Se supone que no debe mostrar nada.
Se supone que se muestra, pero no queremos que aparezcan nuestros corchetes o no queremos que
aparezca Stephen.
Entonces, cada vez que hacemos un flujo de control lógico, si las sentencias y los bucles no usamos el signo igual.
Así que de nuevo el signo igual tomará el valor de retorno y lo pegará en el correo y ningún signo igual.
Simplemente ejecutaremos el código.
Lo último que mostraré es que si quisiéramos hacer algo más aquí simplemente escribimos un javascript regular y luego
necesitamos nuestro corchete de cierre aquí abajo y no tenemos que recordar ningún signo de igual.
Y luego, sea lo que sea que ponga aquí, hagamos otro párrafo y aquí solo dirá
mala elección.
Deberías haber dicho Rusti OK y guardar reiniciar la actualización del servidor y obtenemos una mala elección.
Deberías haber dicho Rustie a menos que escriba oxidado.
DE ACUERDO.
diferente en función de las variables que pasamos, sino también según el valor de la variable.
Entonces, ahora tenemos un archivo que responde no solo de manera
Tenemos alguna lógica condicional.
Esa es la mitad de lo que quiero hablar sobre la otra mitad es cómo podemos usar un bucle en una plantilla y
hacer eso.
Voy a definir una nueva publicación y hacer eso.
Definiré otra ruta.
Así que, de vuelta en mi archivo AP-Reals, agreguemos una aplicación que obtienes y solo obtendremos publicaciones de corte de esa manera.
Y lo que vamos a hacer es definir una serie de publicaciones y cada publicación tendrá un título y un autor.
Entonces lo definiremos en este momento.
Las publicaciones Var son iguales a una matriz.
Y luego dentro de esa matriz tendremos algunos objetos donde tenemos título es el host.
Un autor es Soozie.
Y luego haremos lo mismo solo para tener algunos datos de inicio y vamos a pasar esta información
a nuestra vista.
Y en la vista vamos a recorrerlo.
Así que tendremos algunas publicaciones más creativas aquí.
Adorable divertido
Y puedes creer lo de Palm Ski hoy.
Lo deletreo
DE ACUERDO.
Y el autor puede ser Charlie.
Y luego este será yo y lo guardaremos y luego vamos a leer renderizar un archivo que el resto
renderizará y nuestro archivo aún no existe.
Simplemente llamémoslo punto de publicación Ejay, sí, entonces, pasaremos en nuestras publicaciones de datos, es igual a las publicaciones.
Entonces, de nuevo, esto se refiere al nombre de la variable y las publicaciones aquí son lo que llamaremos dentro de la plantilla y
es bastante común ver que se llamen exactamente lo mismo.
Pero es importante que sepas que son diferentes y eso es todo lo que deberíamos hacer.
Salvar.
Y luego, por supuesto, tenemos que hacer la plantilla.
Por lo tanto, haremos clic en las visitas a las publicaciones de barra.
MI. J. Sí.
Y luego abriremos que C9 use slash Post.
MI. J. Sí, comenzaremos simplemente por uno simple que sea la página del Post y agreguemos algunas etiquetas
Ejaz y simplemente imprima el valor de las publicaciones así y guardaremos.
Y ahora podemos comenzar la aplicación de nodo de servidor que dice que
Julius está aquí y debes ir a las publicaciones para ver si obtenemos nuestra plantilla dice la página de Publicaciones y cuándo la
imprimimos o si usamos el porcentaje igual a Ejay como corchetes obtener la matriz aquí.
Pero en realidad no muestra todo lo que dice objeto objeto y
queremos recorrer cada uno y hacer un aliado y los aliados deben decir el autor y el título.
Entonces, para hacer eso, escribamos el javascript simple primero sin Ejay us.
Entonces tendremos un bucle y lo haremos primero con un bucle for.
Entonces para var I igual a cero es menor que las publicaciones que enlazan más plus así.
Y luego, dentro de aquí, lo que haremos es hacer un aliado.
Y por ahora solo vamos a poner una publicación aquí
y decir que podemos deshacernos de esto y luego tenemos que ir y ajustar esto con su Ejay como corchetes.
Y recuerde que no hay un signo igual porque no queremos que se muestre el bucle en sí.
Es solo la lógica y hacemos lo mismo para este soporte en la parte inferior y guardamos.
y se imprimirá en Alwi cada vez que dice que la publicación va aquí.
Y lo que esperamos que ocurra ahora es que pasará de cero a tres, tres veces,
Y si reiniciamos el servidor y actualizamos, podemos ver si obtenemos
tres aliados, por supuesto.
Ahora queremos hacer que digan el contenido real de la publicación.
Así que eso es un poco más de trabajo donde en vez
de un aliado que solo dice que la publicación va aquí, necesitamos agregar javascript dentro del aliado.
Y lo que queremos escribir es publicaciones altas y solo haremos el título por ahora título de punto.
Recuerde que cada publicación tiene un título y un autor.
OK, entonces comenzaremos el servidor otra vez.
Vuelve aquí actualiza y obtenemos nuestros tres títulos.
Hagamos una última cosa que es hacer esto en nuestra
plantilla para que también muestre al autor con un guión y contenga al autor.
Por lo tanto, es otro conjunto de etiquetas de Ejaz donde guardaremos las publicaciones de autor de punto.
Y la razón por la que necesitamos otro conjunto es que queremos este trazo entre los dos.
Y también haz una etiqueta audaz.
Hazlo fuerte y pondremos a cada uno de nosotros dentro de eso.
Entonces parece mucho.
Vamos a sangrar esto un poco mejor.
Así que estamos haciendo un aliado para cada publicación.
Aquí vamos.
Y vamos a tener un título fuerte alrededor del autor de la publicación.
DE ACUERDO.
Ahora vamos a reiniciar y actualizar.
Parece que no guardó el archivo.
Ahora estamos reiniciando y actualizando y ahí vamos.
Obtenemos el autor de la publicación 1, que es Soozie, y
luego, la siguiente publicación, muestra al autor Charlie y los autores están en negrita.
OK, así que no tenemos que usar simplemente un ciclo for.
Podríamos hacer exactamente lo mismo con un foreach o un ciclo while.
Y, de hecho, verás un foreach mucho más comúnmente,
así que las publicaciones pensaron para cada uno y luego escribimos su código aquí.
Publicación de función.
Y luego tenemos que agregar nuestros corchetes a cada lado.
No hay signo igual otra vez porque se supone que no se muestra.
Es solo lógica o flujo de control.
Y luego voy a robar a
este aliado y ejecutar eso para que sea un aliado con un signo igual para nuestros datos porque queremos que aparezca en cada publicación.
Pero tenemos que cambiar una cosa.
Ya no usaremos un bucle for.
No hay yo
Así que esto se convierte en un ídolo, por lo que prefiero usar un para cada uno.
Es más corto, es más simple.
Pero esto también nos da la capacidad de nombrar esta publicación en lugar de publicaciones.
Veo que no tenemos que trabajar con esa variable de índice de todos modos.
Es solo una cuestión de preferencia personal, por lo que ambos harán exactamente lo mismo.
Así que asegúrese de guardar y reiniciar el servidor.
Una última vez y refresca.
Y ahora tenemos dos conjuntos que son idénticos.
Uno establece los primeros tres.
Es un ciclo regular y se usan tres para que cada uno imprima cosas.
Todo bien.
Así que tomemos un momento para terminar todo.
La gran conclusión es que
probablemente la idea más importante aquí es la distinción entre porcentaje igual y porcentaje justo.
Recuerde que esto hará que cualquier código devuelto dentro de él a la L. Básicamente es como un espacio en blanco que
se rellenará con el código que se ejecute aquí versus este sin signo igual, simplemente evalúa el código pero en realidad no agrega nada al equipo.
Y usaremos estos corchetes sin el signo igual.
Más comúnmente cuatro sentencias if, como lo hicimos aquí mismo, donde verificamos si el valor es igual a algo, imprímalo y haga que este correo
haga esta otra cosa y también los bucles que hicimos aquí.
Entonces, no hay signos iguales en los bucles, pero en los valores
que queremos mostrar en el hemo. Por supuesto, agregamos el signo igual en