Primera app

7
CREANDO NUESTRA PRIMERA APLICACIÓN Primero hay que reservar un espacio de nombres: Asignamos todos los valores por defecto en las consultas que aparecen (clicando intro en todas, salvo en la primera pregunta, “compartir bundle en otras plataformas”, que elegimos “si”), y terminamos el proceso. Y veremos que se ha creado una carpeta “src” con el siguiente contenido: Ahora no nos aparecerá la página de bienvenida en la URL que finalizaba con app_dev.conf, sino un “Hello World”.

Transcript of Primera app

Page 1: Primera app

CREANDO NUESTRA PRIMERA APLICACIÓN

Primero hay que reservar un espacio de nombres:

Asignamos todos los valores por defecto en las consultas que aparecen (clicando intro en todas, salvo en la primera pregunta, “compartir bundle en otras plataformas”, que elegimos “si”), y terminamos el proceso.

Y veremos que se ha creado una carpeta “src” con el siguiente contenido:

Ahora no nos aparecerá la página de bienvenida en la URL que finalizaba con app_dev.conf, sino un “Hello World”.

Page 2: Primera app

En la ruta:

Vemos el archivo routing.yml

Esto indica que si por URL recibimos la raiz del proyecto me muestre el index del proyecto BloggerBlogBundle a través del controlador Default.

Si editamos el fichero /src/Blogger/BlogBundle/Controller/DefaultController.php, vemos:

El motor de plantillas por defecto en Symfony es Twig, por lo tanto es muy importante tener siempre a mano la documentación oficial de este motor de plantillas.

Page 3: Primera app

Con Twig trabajaremos con tres plantillas: principal, de paquete y de página.La principal está en la ruta: app/Resources/views/base.html.twig

Ahora, la plantilla de paquete está en:

Ahora sustituimos la plantilla base. Para ello sustituimos el archivo base.html.twig de la ruta app/Resources… por el siguiente archivo:

Page 4: Primera app

Ahora modificamos el CSS, en la carpeta web creamos una carpeta llamada css y metemos dentro elarchivo screen.css:

Ahora sustituimos la plantilla de paquete por otra modificada. Para ello como en los anteriores casos (esto es en mi caso, por tema de permisos) copio con un cliente FTP el nuevo archivo a mi carpeta root y desde ahi lo subo con comando en consola hasta la siguiente ruta:

Ahora incluimos el archivo PageController.php suministrado en la carpeta (siempre siguiendo los pasos de llevarlo con Filezilla a mi carpeta root y desde ahí moviéndolo con comando):

Este es el código del controlador en nuestro caso:

Ahora metemos el index.html.twig en …/Resources/views/Page (la carpeta Page la habremos creado previamente).

Cambiamos el routing.yml (Blogger/BlogBundle/Resources/config) de la siguiente manera:

Page 5: Primera app

Si pulsamos en la zona inferior izquierda se abre este menú:

He tenido problemas de permisos y por tanto he tenido que cambiar permisos:

Page 6: Primera app

Esta es la situación de permisos actual y con la que he funcionado cargar la aplicación (seguramenteno sea la más correcta, pero hasta el momento es la configuración que tengo):

Nos queda un tercer nivel de plantillas, que se encuentra en el directorio Page.

COMO HARÍAMOS LA PÁGINA ESTÁTICA “ABOUT”:

Tenemos que crear la ruta, para ello vamos a routing.yml, y añadimos el nuevo bloque para cargar mediante el controller Page la página “about”.

Luego tenemos que ampliar el controlador PageController.php:

Page 7: Primera app

Por último tenemos que crear la vista “about”.

Tenemos que incluir la ruta en el enlace “about”, dentro de la lista no ordenada de la etiqueta nav.

Y por último añadimos también los enlaces para Home y para la cabecera SymBlog, igual que hemos hecho con “about” pero cambiando esa palabra por “homepage”: