Diferències

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

--- integracio_de_django_amb_react [2023/07/06 10:15]
raquel_alaman_navas
+++ integracio_de_django_amb_react [2023/07/06 10:25] (actual)
raquel_alaman_navas [Integració de Reactjs (FrontEnd)]
@@ Línia 24: / Línia 24: @@
   * **Account**: account_id (IntegerField),customer (ForeignKey Customer) description (CharField(200)), limit(IntegerField)
---> Proposta implementació Customer i Account#
+--> Proposta d'implementació Customer i Account#
 <file python models.py>
@@ Línia 227: / Línia 227: @@
 </code>
-Si és així, et sortirà una pantalla similar a aquesta:
+Si és així, et sortirà una pantalla similar a aquesta (en l'adreça localhost:3000):
+{{ ::react_app.png |}}
 . Obre el fitxer //App.js// a la carpeta del frontend. Elimina el codi existent i substitueix-lo pel codi següent:
@@ Línia 545: / Línia 546: @@
 );
 </file>
+. Per fer les peticions als endpoints de l'API al servidor del framework de Django, necessitarem instal·lar l'Axios. Utilitza l'ordre següent dins de la carpeta del framework per a instal·lar l'Axios:
+<code>
+npm install axios
+</code>
+I, amb aquest pas, ja tenim una aplicació Fullstack Django-React utilitzant el framework REST Django per establir la comunicació entre el frontend i el backend.
+<WRAP todo>
+**Exercici:**
+Aplica la serialització de manera que es puguin gestionar els comptes associats als clients.
+</WRAP>
+\\

bytes.cat