‫Instructor: Ahora que entendemos los conceptos básicos de
‫PUG, es hora de refactorizar un
‫poco y adaptar mejor nuestro código a la arquitectura NVC.
‫Y para que después de eso, finalmente podamos
‫comenzar a construir el sitio web.
‫Y al igual que hicimos con nuestros recursos,
‫también voy a crear un
‫enrutador y un controlador para las vistas.
‫Básicamente, un archivo donde puedo poner todas las rutas
‫que necesitamos para construir nuestro sitio web dinámico.
‫Así que llamemos a esto las
‫rutas de vista.
‫Bueno.
‫Y comencemos por exigir expreso.
‫Bueno.
‫Y esto va a funcionar
‫exactamente de la misma manera que los otros enrutadores.
‫Así que creando un
‫enrutador express dot.
‫Un enrutador y luego al final, lo exportamos.
‫Y ahora, obtengamos estas rutas
‫aquí y cópielas en el archivo de rutas.
‫Ahora aquí, por supuesto, ya no es una aplicación, sino un enrutador.
‫Así que reemplacemos eso.
‫Bien.
‫Y eso en realidad está bien.
‫Entonces, en las otras rutas, usamos d dot route donde
‫luego especificamos la ruta en sí
‫y luego, después de eso, usamos como get, post, patch
‫o delete, así que todos estos métodos http.
‫Pero en este caso, eso no será
‫necesario porque todo lo que vamos a hacer es usar get.
‫Y así es bueno.
‫A continuación, necesitamos montar este enrutador
‫en nuestra aplicación.
‫Así que aquí, en la aplicación, como lo
‫hicimos antes, comenzamos por exigirlo.
‫Entonces, vea router.
‫Y ahora, montémoslo
‫aquí, justo después del primero.
‫Entonces vea el enrutador, pero la diferencia de
‫este es que en realidad está montado directamente en la URL de la ruta.
‫Bien, siempre que una URL se vea así,
‫irá directamente al enrutador de vista.
‫Y no estoy seguro de si eso va a funcionar.
‫Quizás tengamos que ponerlo aquí al final.
‫Pero veamos, una vez que lo probemos.
‫Bueno.
‫Ahora, como paso final, exportemos, como
‫antes, estas funciones aquí a un controlador.
‫Y así, como antes, creemos un
‫controlador de vistas.
‫Bien.
‫Y eso es copiado y esas cosas.
‫Así que este de aquí se llamará obtener descripción general.
‫Entonces, export dot get
‫overview es igual a esta función, de acuerdo.
‫Por ahora al menos.
‫Entonces, por supuesto, todo esto aquí,
‫vamos a ser reemplazados con el controlador real
‫que en realidad obtendrá los datos para la descripción general
‫y luego los procesará.
‫De acuerdo, pero por ahora, solo tenemos
‫esta función de controlador muy simple solo para ver si todo funciona.
‫Muy bien, ahora vamos a agregar
‫e importar ese controlador aquí.
‫Entonces controladores y luego vistas controlador.
‫Bien, y aquí, tendremos el controlador de
‫vistas para obtener una descripción general, de acuerdo.
‫Y ahora, aquí lo mismo.
‫Exportar punto obtener recorrido.
‫Bueno.
‫Y este de aquí fue en realidad solo una prueba.
‫Así que deshagámonos de eso.
‫Y ahora, finalmente, no queremos una ruta llamada descripción general,
‫sino que queremos mostrar
‫la descripción general justo cuando abrimos la página.
‫Bien, como lo tenemos aquí.
‫Así que esta es la página de la ruta y siempre que
‫se solicite, servirá esta página de descripción general.
‫Bien, y eso es exactamente lo que queremos en nuestra aplicación.
‫Muy bien, probémoslo.
‫Y esta de aquí debería ser ahora la página de descripción general.
‫Y de hecho, está bien.
‫Y ahora aquí, recarguemos este también solo
‫para ver si todo sigue funcionando.
‫Y lo hace, genial.
‫Y, por supuesto, también podríamos acceder a nuestra API.
‫Así que digamos API, V1, recorridos
‫de barra.
‫Y eso debería darnos todos nuestros recorridos y
‫que volvamos por este punto final.
‫Bueno.
‫Fantástico, así que con esto,
‫estamos realmente listos para comenzar a construir esta
‫página de descripción general en la próxima lección.
‫Así que no puedo esperar a verte allí.