Datos iniciales
Configuración inicial
Entidades
Conceptos
Relaciones
ManyToOne, OneToMany, ManyToMany y OneToOne
Carga de datos falsos
Fábrica de datos
Proceso de creación de datos falsos
Proyecto
Frontend
Plantilla web
Listado de registros
Filtro por etiqueta
Ver el detalle de un registro
Listado de comentarios
Consulta de datos
createQuery
createQueryBuilder
Optimización del listado total
Optimización filtro por etiquetas y comentarios
Siempre se puede mejorar
Acceso a datos
Despedida
Repaso de lo construido
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Estás a punto de explorar los fundamentos para preparar tu proyecto Symfony y hacer consultas efectivas a tu base de datos desde el navegador. Aquà aprenderás a configurar los elementos necesarios paso a paso, comenzando por ejecutar tu entorno de desarrollo. Este proceso no solo refuerza tus habilidades, sino que también brinda un conocimiento profundo del funcionamiento interno de Symfony. ¡Estás construyendo una base sólida para tus futuros desarrollos!
Para comenzar, abre tu Visual Studio Code y despliega un terminal para ejecutar Symfony Serve
. Este comando lanzará el servidor de desarrollo que te permitirá verificar los cambios directamente en tu navegador. Una vez actualizado el navegador, estarás en la posición ideal para avanzar con las siguientes configuraciones.
El siguiente paso esencial es instalar algunos componentes adicionales fundamentales para el funcionamiento de tu proyecto. Ejecuta el siguiente comando en tu terminal:
composer require symfony/twig-pack
Este comando instalará el paquete Twig, que te permitirá trabajar con vistas dentro de tu proyecto, facilitando la representación de datos de una manera más estructurada.
La incorporación de una estructura front-end también es crucial. Debes ejecutar el siguiente comando para integrar los recursos CSS necesarios:
composer require symfony/webpack-encore-pack
Este paquete incluye herramientas que te permiten administrar y compilar recursos CSS y JavaScript. Después, instala Bootstrap, un popular marco CSS, con:
npm install bootstrap --save-dev
Bootstrap proporciona estilos predefinidos que facilitarán la creación de una interfaz de usuario atractiva y funcional.
Durante el desarrollo de tu aplicación, es esencial poder realizar un seguimiento y verificar el estado de tu proyecto. Para ello, instala el paquete de depuración:
composer require symfony/debug-pack
Este componente es una herramienta valiosa para visualizar posibles errores o problemas en la conexión de datos de tu proyecto.
Una vez que tengas todo instalado, ve a la carpeta assets/styles/app.css
en tu proyecto y realiza ajustes como cambiar el color de fondo. Por ejemplo, establece el color blanco:
body {
background-color: #FFF;
}
Asegúrate de importar Bootstrap en el archivo CSS para aplicar los estilos predefinidos:
@import 'bootstrap';
Un paso crucial consiste en crear un controlador en Symfony que gestione una nueva página de inicio. Ejecuta el siguiente comando para crear tu controlador:
php bin/console make:controller PageController
Dentro de src/Controller/PageController.php
, define un método que responda a la ruta raÃz de tu aplicación. Por ejemplo:
public function index() {
return $this->render('home/index.html.twig');
}
Este método se encargará de renderizar la vista cuando accedas a la ruta principal del sitio.
Después de configurar todo, verifica que los elementos requeridos por tu aplicación se encuentren en la carpeta public
. Si no es asÃ, es posible que enfrentes errores relacionados con archivos que faltan, como JSON o dependencias CSS/JS.
Para resolver esto, asegura que todas las dependencias necesarias para el front estén instaladas ejecutando:
npm install
Finaliza ejecutando:
npm run dev
Este comando compila todos los recursos en la carpeta public/build
, listos para ser utilizados.
Siguiendo estos pasos, tu sistema deberÃa estar operando correctamente, habilitado para consultas a la base de datos y representaciones de datos en el navegador. Practica estos comandos y configuraciones para consolidar tus habilidades y garantizar que tu entorno Symfony esté listo para futuras aplicaciones.
Continúa desarrollando proyectos y explorando más sobre Symfony y sus potencialidades. Cada paso que domines te acerca más a convertirte en un experto desarrollador. ¡No te detengas y sigue aprendiendo!
Aportes 1
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?