Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- dockeritzacio_aplicacions_symfony [2022/07/09 23:45]
oscar_soria [Creació d'una pàgina d'inici]
+++ dockeritzacio_aplicacions_symfony [2022/07/10 00:40] (actual)
oscar_soria [Creació d'una pàgina d'inici]
@@ Línia 236: / Línia 236: @@
 <code>$ php bin/console make:controller IniciController</code>
+Després d'executar la comanda s'hauran generat dos arxius nous:
+  * El **controlador** a //src/Controller/IniciController.php//
+  * La **plantilla** a //templates/inici/index.html.twig//
-<WRAP center round todo 60%>
+Modifica el controlador perquè s'assembli al següent:
-**Tasca 2:** Crea una nova pàgina que mostri una llista no ordenada ''<ul>'' amb totes les paraules de la taula **paraula**.
+<code php IniciController.php>
-</WRAP>
+<?php
+namespace App\Controller;
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Annotation\Route;
+class IniciController extends AbstractController
+{
+    #[Route('/inici', name: 'app_inici')]
+    public function index(): Response
+    {
+      $data = date('d/m/Y');
+      $hora = date('H:i:s');
+        return $this->render('inici/index.html.twig', [
+            'data' => $data,
+            'hora' => $hora,
+        ]);
+    }
+}
+</code>
+Modifica la plantilla perquè sigui com la següent:
+<code twig index.html.twig>
+{% extends 'base.html.twig' %}
+{% block title %}Hello IniciController!{% endblock %}
+{% block body %}
+<style>
+  article{width: 500px; margin:5em auto; background-color:DeepSkyBlue; text-align: center; padding: 1em; border-radius:15px;border:2px solid black;}
+  h1{font-size: 3em; color:white; text-shadow: 0 0 3px #000000;}
+  p{font-size:1.5em;color:white;text-shadow: 0 0 2px #000000;}
+</style>
+<article>
+  <h1>Hello World!!!!</h1>
+  <hr>
+  <p>He nascut el dia <b>{{ data }}</b> a las <b>{{ hora }}</b>
+  <hr>
+</article>
+{% endblock %}
+</code>
+Ara ja es pot carregar la pàgina al navegador amb la següent adreça: [[http://localhost:8000/inici|http://localhost:8000/inici]]
+<WRAP center round todo 60%>
+**Tasca 2:** Crea una nova pàgina que mostri una llista no ordenada ''<ul>'' amb totes les paraules de la taula **paraula**.
+</WRAP>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina