1
00:00:00,230 --> 00:00:02,350
Sepa lo que quiero hacer es crear nuestra plantilla de programa.

2
00:00:02,610 --> 00:00:06,900
Así que voy a comentar esto para no estar constantemente haciendo un nuevo campamento cada vez que

3
00:00:06,900 --> 00:00:07,590
iniciemos el servidor.

4
00:00:07,770 --> 00:00:12,060
Así que ahora solo tenemos uno pasando aquí.

5
00:00:12,240 --> 00:00:18,670
Permítanme agregar que mi show de etiqueta muestra más información sobre un camping.

6
00:00:19,320 --> 00:00:21,330
Entonces tenemos que encontrar el campamento.

7
00:00:21,420 --> 00:00:22,370
Volveremos a eso.

8
00:00:22,500 --> 00:00:24,050
Y cuando renderizar la plantilla de show.

9
00:00:24,210 --> 00:00:29,950
Así que empecemos con ese espectáculo de representación de puntos y luego tenemos que crear esa plantilla.

10
00:00:30,150 --> 00:00:38,610
Así que vamos a hacer visitas táctiles, la barra nos mostró y luego las vistas C9 mostraron que Ejay usamos y luego

11
00:00:38,610 --> 00:00:40,320
agregamos un H-1 muy simple.

12
00:00:40,440 --> 00:00:52,730
Esta es la plantilla del programa a medida que avanzamos y guardamos asegurémonos de que todo funcione correctamente.

13
00:00:52,740 --> 00:00:58,980
Ahora bien, si intentamos llegar a donde estás bien, que es un campamento de ruta de presentación,

14
00:00:58,980 --> 00:01:06,000
cualquier cosa que no sea un campamento nuevo es especial porque nos lleva a la nueva forma, pero cualquier otra

15
00:01:06,000 --> 00:01:08,520
identificación y nuestras identificaciones se verán así.

16
00:01:08,520 --> 00:01:10,450
Y esos vienen de Mongo.

17
00:01:10,470 --> 00:01:15,050
Entonces Mongo genera esas ideas automáticamente y guardamos algo.

18
00:01:15,210 --> 00:01:20,130
Y lo que vamos a comenzar haciendo es añadir en los enlaces a la página del programa

19
00:01:20,130 --> 00:01:24,250
que tenemos un botón aquí en el que podemos hacer clic para ver más información.

20
00:01:24,420 --> 00:01:33,870
Entonces, tenemos que abrir puntos de vista para reducir los campamentos, pero E. J. nosotros y técnicamente deberíamos cambiar el nombre de este

21
00:01:34,110 --> 00:01:38,930
archivo para que sea indexado. Ejay usamos en lugar de campings porque seguimos esta convención.

22
00:01:38,970 --> 00:01:44,040
Así que tenemos nuevos que tenemos que mostrar que deberíamos nombrar este índice en lugar de campings.

23
00:01:44,460 --> 00:01:46,630
Entonces podemos hacer eso bastante rápido aquí.

24
00:01:46,710 --> 00:01:52,130
Solo ve al campo de vistas y podemos cambiarle el nombre indexado que E. J. Sí.

25
00:01:52,140 --> 00:01:52,710
También hay muchas

26
00:01:52,920 --> 00:01:57,510
formas de hacerlo a través del terminal, pero será más rápido por el momento en lugar de mostrarle otro comando.

27
00:01:57,510 --> 00:01:58,540
Entonces haremos eso y luego tenemos que asegurarnos de que apage yes esté renderizando la plantilla correcta.

28
00:01:58,770 --> 00:02:03,470
Entonces esto debería hacer que el índice ahora esté bien.

29
00:02:03,810 --> 00:02:07,400
Entonces, ahora lo que queremos hacer es mostrar una

30
00:02:07,890 --> 00:02:14,880
imagen y un nombre para cada camping. También voy a agregar un párrafo aquí y en ese párrafo

31
00:02:14,880 --> 00:02:20,580
vamos a agregar una etiqueta de anclaje y arreglaremos el ref en un segundo.

32
00:02:20,580 --> 00:02:22,070
Puede ser una etiqueta de anclaje que dice más información y le daremos una clase.

33
00:02:22,090 --> 00:02:27,500
También usarás bootstrap y haremos primaria

34
00:02:27,510 --> 00:02:39,630
DTN y ETN así y guardaremos y veamos cómo se ve primero.

35
00:02:39,630 --> 00:02:41,030
Por lo tanto, no funcionará pero no irá a ninguna parte.

36
00:02:41,260 --> 00:02:44,470
Pero si estuviéramos frescos.

37
00:02:44,640 --> 00:02:46,410
Está bien, eso parece lo suficientemente bueno por ahora.

38
00:02:46,410 --> 00:02:47,840
Tenemos un botón de información más con un clic en él.

39
00:02:47,850 --> 00:02:50,430
proyectos deben tener el mismo aspecto que los

40
00:02:50,490 --> 00:02:56,370
slash campgrounds, cortan una ID y esa ID se almacena dentro del punto del camping. subrayar ID.

41
00:02:56,370 --> 00:03:04,710
En este momento, actualiza la página, pero queremos que nos lleve a la página del programa, para eso necesitamos cambiar nuestra plantilla y nuestros ocho

42
00:03:04,710 --> 00:03:09,510
Entonces necesitamos usar Ejay como aquí.

43
00:03:09,780 --> 00:03:11,610
Y aquí voy a dirigir la identificación de subrayado

44
00:03:12,240 --> 00:03:18,930
de punto de campamento que es parte del campamento de acampar es el nombre que le estamos dando a cada campamento para que cada uno imprima la imagen y el nombre.

45
00:03:18,930 --> 00:03:24,180
También hay una descripción que no mostramos, pero hay un I. RE. que vamos a usar para crear

46
00:03:24,180 --> 00:03:28,950
el enlace.

47
00:03:29,010 --> 00:03:29,700
Entonces, si

48
00:03:29,880 --> 00:03:38,130
reinicio ahora y echamos un vistazo a lo que eso nos da, vamos a inspeccionar esto y se puede ver que es una barra de campamento.

49
00:03:38,140 --> 00:03:39,290
Eso es loco, largo, hexadecimal, generado automáticamente Mongo D-B ID.

50
00:03:39,330 --> 00:03:44,100
Y si hacemos clic en ese enlace, nos lleva a la barra de herramientas de la plantilla de mostrar y a esa loca idea.

51
00:03:44,280 --> 00:03:50,910
Entonces, lo que tenemos que hacer es usar esa ID en lugar de

52
00:03:51,120 --> 00:03:57,180
la plantilla show o dentro de la ruta show que está aquí.

53
00:03:57,180 --> 00:03:59,040
Queremos capturar esa ID que va

54
00:03:59,040 --> 00:04:06,120
a estar dentro de las solicitudes que los harams pensamos que haríamos cuando hicimos lo de los animales de granja con los cerdos

55
00:04:06,120 --> 00:04:13,050
y oink y cow y moo donde teníamos colon y luego algún programa de Raut almacenado en la solicitud de CEM .

56
00:04:13,110 --> 00:04:16,690
Lo que vamos a hacer es usar un nuevo método que nos ofrece la mangosta llamada find my ID.

57
00:04:16,710 --> 00:04:23,040
Y lo estamos haciendo en el campamento, así que descubra el campamento por ID.

58
00:04:23,250 --> 00:04:27,050
Y hay dos argumentos que necesitan darlo, que es la ID y luego la devolución de llamada.

59
00:04:27,270 --> 00:04:32,150
Entonces el primero es más fácil.

60
00:04:32,580 --> 00:04:34,280
La ID solo solicita la identificación

61
00:04:34,380 --> 00:04:41,070
de harams y la devolución de llamada se parece a las otras donde tenemos un error y luego vamos a llamarlo campground encontrado,

62
00:04:41,310 --> 00:04:49,980
que es la información que regresa de este hallazgo por ID, así que solo debe haber un elemento en la base de datos con Ese ID, que es el objetivo

63
00:04:49,980 --> 00:04:55,500
de estos ID y Mangu, son únicos, por lo que no tendremos ningún problema con varios campings en conflicto

64
00:04:55,840 --> 00:05:01,440
como lo haríamos si estuviéramos buscando por su título o su nombre o su imagen que pudiéramos hacer.

65
00:05:01,440 --> 00:05:05,430
Esto no tiene que ser una identificación.

66
00:05:05,550 --> 00:05:07,180
Podría ser el nombre y, en

67
00:05:07,290 --> 00:05:10,290
realidad, si echamos un vistazo a Reddit, el viernes nuevamente es único.

68
00:05:13,570 --> 00:05:15,170
Entonces es mucho más seguro.

69
00:05:15,210 --> 00:05:16,780
Así que con suerte

70
00:05:16,800 --> 00:05:22,740
encontrará un camping y haremos nuestro sencillo chequeo de errores si hay un error cancelando el registro.

71
00:05:22,780 --> 00:05:23,970
De lo contrario, si funcionó, lo que vamos a hacer es renderizar la plantilla de muestra.

72
00:05:24,420 --> 00:05:30,870
Y ese es un espectáculo de renderizado de puntos rojos.

73
00:05:31,590 --> 00:05:34,080
Pero vamos a pasar en el campamento encontrado y luego vamos a usarlo dentro de esa plantilla.

74
00:05:34,320 --> 00:05:39,810
Así que el show de render en redstart y luego vamos a pasar bajo el nombre de campgrounds.

75
00:05:40,080 --> 00:05:44,830
Vamos a pasar nuestro campamento encontrado.

76
00:05:44,910 --> 00:05:47,670
Entonces, dentro de nuestra plantilla de muestra, podemos

77
00:05:48,300 --> 00:05:53,670
acceder a los campamentos y tendrá el valor de lo que encontremos con esta identificación.

78
00:05:53,670 --> 00:05:55,810
Así que guardaremos ir al showdown E. J. Sí.

79
00:05:56,040 --> 00:05:58,970
Y hagamos algo muy simple, simplemente agreguemos un párrafo en ese párrafo.

80
00:05:59,010 --> 00:05:59,660
un momento.

81
00:05:59,840 --> 00:06:05,550
Vamos a agregar el nombre de punto del camping y lo dejaremos así y luego agregaremos otras cosas en

82
00:06:05,820 --> 00:06:14,400
Bueno, asegurémonos de que funcione.

83
00:06:14,400 --> 00:06:15,890
Así que volveremos a actualizar y si hacemos clic en este

84
00:06:16,040 --> 00:06:17,860
enlace obtenemos un error bastante dramático que dice que no tiene ningún método.

85
00:06:18,150 --> 00:06:25,350
Encuentra por ID.

86
00:06:25,350 --> 00:06:26,140
Y eso es bastante tonto porque no queremos capitalizar eso f allí.

87
00:06:26,220 --> 00:06:27,820
Entonces, si volvemos y solo arreglamos esto muy brevemente, entonces está bien para una letra minúscula f.

88
00:06:27,870 --> 00:06:31,640
Recuerde que todos los métodos comienzan con minúsculas.

89
00:06:31,680 --> 00:06:38,320
Ahora si lo llamamos reiniciar el servidor y actualizar, obtenemos que esta es la plantilla de programa Graniteville.

90
00:06:38,430 --> 00:06:41,220
Por supuesto, queremos mostrar más que Grant Hill, pero es el mismo proceso.

91
00:06:41,220 --> 00:06:47,660
Ahora estamos tomando este I. RE. y estamos tratando de encontrar un campamento con ese I. RE. y luego estamos renderizando

92
00:06:47,850 --> 00:06:51,570
esta plantilla.

93
00:06:51,600 --> 00:06:56,460
Entonces, rápidamente, no vamos a darle un estilo.

94
00:06:56,460 --> 00:06:57,930
Pero volvamos rápidamente para mostrar y agregaremos una imagen nuevamente y la fuente

95
00:06:57,930 --> 00:06:59,890
va a ser igual a acampar esa imagen y luego también agregaremos en la parte inferior otro párrafo.

96
00:06:59,920 --> 00:07:06,120
Y esta va a tener una descripción de punto de camping así y guardaremos eso.

97
00:07:06,120 --> 00:07:13,870
Tomemos el nombre aquí y avancemos para que nuestro H-1 diga solo el nombre del campamento así.

98
00:07:14,070 --> 00:07:23,680
Estamos frescos ahora.

99
00:07:24,300 --> 00:07:32,730
Obtenemos la colina de granito y vemos aquí nuestra imagen y luego esta es una gran colina de granito.

100
00:07:33,510 --> 00:07:35,030
No hay baños sin agua hermosa concesión.

101
00:07:35,250 --> 00:07:40,210
Y deberíamos agregar en nuestra disposición también solo con nuestras inclusiones rápidas.

102
00:07:40,230 --> 00:07:42,630
Así que incluya y copiemos de otra plantilla aquí solo para ahorrar tiempo.

103
00:07:42,780 --> 00:07:46,920
Así que copiaremos eso y luego haremos lo mismo para nuestro pie de página.

104
00:07:46,980 --> 00:07:51,910
Y ahora deberíamos ver un poco de arranque.

105
00:07:52,140 --> 00:07:55,770
Ahí vamos nosotros, la barra de navegación.

106
00:07:56,370 --> 00:07:58,900
Conseguimos nuestro cambio de fuente.

107
00:07:58,920 --> 00:08:00,550
Todavía tenemos que diseñar esto que vendrá pronto.

108
00:08:00,600 --> 00:08:02,040
Así que todo parece estar funcionando bien, excepto por una

109
00:08:02,070 --> 00:08:04,720
pequeña cosa que es si agrego un nuevo campamento, sigue siendo solo el nombre y la imagen.

110
00:08:05,040 --> 00:08:10,870
Así que vamos a refactorizar eso y ella vuelve al formulario que está en Nuevo.

111
00:08:11,470 --> 00:08:14,030
Así que vamos a cerrar aquí y vamos a abrir puntos de vista nuevos.

112
00:08:14,340 --> 00:08:18,870
Y en lugar de allí necesitamos otra entrada que pondré en la parte inferior derecha antes del botón.

113
00:08:18,870 --> 00:08:23,910
Y nuestra contribución va a tener un marcador de posición

114
00:08:24,540 --> 00:08:30,090
de descripción y eventualmente querremos hacer de esto una entrada más grande.

115
00:08:30,750 --> 00:08:37,200
Por ahora solo se trata de una entrada de texto y luego cambiaremos el nombre para que

116
00:08:37,200 --> 00:08:38,100
sea descriptiva

117
00:08:38,100 --> 00:08:47,970
y guardaremos y ahora podemos volver a nuestro Apalachee aquí en lugar de Create. También captará la descripción hasta ahora, descripción y todo solo do DSC

118
00:08:47,970 --> 00:08:56,790
es igual a la descripción del punto de solicitud de cuerpo arriba, que es a lo que se ajustó el atributo de nombre aquí.

119
00:08:56,790 --> 00:09:05,100
Aquí vamos.

120
00:09:05,100 --> 00:09:06,770
variable que estamos tomando de la forma DGSE y volver a guardar todo lo demás debería funcionar exactamente igual.

121
00:09:06,770 --> 00:09:08,430
Y vamos a tomar eso y luego pasarlo a nuestro nuevo objeto, donde una descripción es igual a esta

122
00:09:08,430 --> 00:09:14,670
Ahora estamos agregando esta información adicional en el formulario.

123
00:09:14,670 --> 00:09:22,650
Probémoslo.

124
00:09:22,920 --> 00:09:25,840
Inicie el servidor o actualice el formulario.

125
00:09:25,980 --> 00:09:27,780
Ahora tenemos tres entradas.

126
00:09:27,780 --> 00:09:31,890
Así que tengo una imagen que recuerdas que he copiado desde aquí y voy a pasar eso y llamaremos a este campamento con árboles y

127
00:09:31,890 --> 00:09:33,840
aquí diré que este lugar tiene muchos árboles y muchas otras cosas.

128
00:09:33,840 --> 00:09:39,900
Todo el derecho haga clic en enviar ahora llegamos a campamentos y la verdadera prueba es ver si esta tiene una descripción.

129
00:09:39,900 --> 00:09:51,510
Hagamos clic en Más información y lo haga.

130
00:09:51,990 --> 00:09:59,940
Puede ver que esta página contiene toda la información que tenemos sobre un camping que tiene esta identificación y, si volvemos atrás, esta página

131
00:10:00,330 --> 00:10:03,210
de espectáculos tiene toda la información sobre este campamento.

132
00:10:03,210 --> 00:10:08,550
DE ACUERDO.

133
00:10:08,780 --> 00:10:13,740
Así que conseguimos que funcione la página del programa.

134
00:10:14,070 --> 00:10:14,330
Vamos a resumir todo rápidamente, así que hablamos sobre rutas tranquilas.

135
00:10:14,340 --> 00:10:16,030
Ahora hay cuatro que hemos cubierto.

136
00:10:16,050 --> 00:10:19,890
El índice mostrará todos los recursos dados, como perros o camping.

137
00:10:19,890 --> 00:10:21,620
La nueva ruta muestra el

138
00:10:21,720 --> 00:10:26,120
formulario para crear un nuevo recurso. Crear es la ruta postal donde realizamos la

139
00:10:26,340 --> 00:10:32,700
creación del recurso y mostrar es una ruta que es una solicitud de obtención y tiene una identificación y listo.

140
00:10:32,700 --> 00:10:38,370
Y eso es realmente importante porque muestra información sobre un recurso.

141
00:10:38,440 --> 00:10:38,770
En nuestro

142
00:10:38,790 --> 00:10:42,980
caso un perro o en nuestra aplicación un campamento y el nuevo comando que vimos para hacer eso para

143
00:10:43,140 --> 00:10:51,060
interactuar con Mongo es buscar por id y luego una nota lateral rápida. También le mostré DB duck collection drop que utilizamos para eliminar todos los existentes campamentos en nuestra base de datos con un comando

144
00:10:51,060 --> 00:10:57,720
 

145
00:10:57,720 --> 00:11:01,810