Diferència entre revisions de la pàgina «Django»

De Cacauet Wiki
Salta a la navegació Salta a la cerca
 
(Hi ha 9 revisions intermèdies del mateix usuari que no es mostren)
Línia 20: Línia 20:
  
 
Django està molt implantat a tot el món web, disposa de gran prestigi i té un creixement ràpid de desenvolupadors i ofertes de feina relacionades.
 
Django està molt implantat a tot el món web, disposa de gran prestigi i té un creixement ràpid de desenvolupadors i ofertes de feina relacionades.
 +
 +
Plug-ins interessants:
 +
* [https://django-admin-sortable2.readthedocs.io/en/latest/usage.html django-admin-sortable2]: per poder fer llistes ordenables per JS
 +
* Oauth2
 +
* RIchTextField
 +
* Easy Select2 : per incrustar cercadors amb autocmpletar en els camps de FK o ManyToMany
 +
  
 
<br>
 
<br>
Línia 37: Línia 44:
  
 
== Backend ==
 
== Backend ==
El ''backend'' de Django  
+
El ''backend'' de Django o panell d'administració.
  
Per treballar el ''backend'' podem fer ús dels tutorials oficials de Django. Aquí tens accessos a la PART 1
+
Per treballar el ''backend'' podem fer ús del TUTORIAL oficial de Django, que està molt ben documentat:
python 2.7 -> https://docs.djangoproject.com/en/1.11/intro/tutorial01/
+
  https://www.djangoproject.com/start/
  python 3.x -> https://docs.djangoproject.com/en/2.0/intro/tutorial01/
 
  
 
Per poder dominar mínimament les possibilitats del ''backend'' segueix al menys aquestes parts del tutorial:
 
Per poder dominar mínimament les possibilitats del ''backend'' segueix al menys aquestes parts del tutorial:
Línia 109: Línia 115:
  
 
Instal·lar els següents paquets del sistema:
 
Instal·lar els següents paquets del sistema:
  $ sudo apt-get install libmysqlclient-dev python-dev python-gdal python-mysql.connector python-mysqldb python-mysqldb
+
  $ sudo apt-get install libmysqlclient-dev python3-dev gdal-bin python3-mysql.connector python3-mysqldb libssl-dev
  
 
Instal·lar els següents paquets del [[Virtualenv]]:
 
Instal·lar els següents paquets del [[Virtualenv]]:
 
* Per python 2.x:<pre>(env) $ pip install mysql-python</pre>
 
* Per python 2.x:<pre>(env) $ pip install mysql-python</pre>
* Per python 3.x:<pre>(env) $ pip install mysql-connector-python</pre>
+
* Per python 3.x:<pre>(env) $ pip install mysql-connector-python mysqlclient</pre>
  
 
Canviar el ''backend'' de BD de ''settings.py'':
 
Canviar el ''backend'' de BD de ''settings.py'':
Línia 127: Línia 133:
 
     }
 
     }
 
  }
 
  }
 +
 +
Per [https://ruddra.com/posts/install-mysqlclient-macos/#step-four-install-xcode-select instal·lar MySQL connector en Mac OS] és un pèl mes complicat que en Linux.
  
 
<br>
 
<br>
  
 
== Frontend ==
 
== Frontend ==
 +
 +
Pots practicar alguns [https://bytes.cat/doku.php/django_frontend elements previs al tutorial de frontend en aquest mini tutorial].
 +
 
Tutorials:
 
Tutorials:
 
* https://www.tutorialspoint.com/django/index.htm
 
* https://www.tutorialspoint.com/django/index.htm
Línia 215: Línia 226:
 
## Arrencar app: <pre>(env) $ python manage.py runserver</pre>
 
## Arrencar app: <pre>(env) $ python manage.py runserver</pre>
 
## Testejar el ''backend'' a través de la URL<pre>http://localhost:8000/admin/</pre>
 
## Testejar el ''backend'' a través de la URL<pre>http://localhost:8000/admin/</pre>
 +
# Ampliació del ''backend'':
 +
## Personalitzar els mètodes __str__ de cada model, per mostrar-los de forma més amigable.
 +
## Personalitzar la visualització dels models en <code>admin.py</code> : list_display , list_editable, list_filter
 +
## Afegir models relacionats amb ''inlines''
 
# '''Frontend''':
 
# '''Frontend''':
 
## Clarificar les rutes necessàries.
 
## Clarificar les rutes necessàries.

Revisió de 07:01, 6 oct 2020

Django és un framework web basat en Python molt popular. Està orientat a la rapidesa de desenvolupament.

Django or "The web framework for perfectionists with deadlines".

#FpInfor #DawMp07 #DawMp07Uf2 #DawMp07Uf02 #DawMpDual


Introducció[modifica]

Pàgina oficial:

https://www.djangoproject.com/

Articles relacionats:

Es basa en un paradigma MTV o Model-Template-View. És similar al arxiconegut MVC o Model-View-Controller, però la terminologia pot induir a confusions. En el cas de MVC, la view és la part visual o GUI, mentre que en el MTV, la view és el codi amb la lògica de negoci (equivaldria al controller del MVC).

ULL doncs amb els noms!

Model -   View   - Controller
Model - Template -   View

Django està molt implantat a tot el món web, disposa de gran prestigi i té un creixement ràpid de desenvolupadors i ofertes de feina relacionades.

Plug-ins interessants:

  • django-admin-sortable2: per poder fer llistes ordenables per JS
  • Oauth2
  • RIchTextField
  • Easy Select2 : per incrustar cercadors amb autocmpletar en els camps de FK o ManyToMany



Preparatius i instal·lació[modifica]

Per desenvolupar amb Django ens serà molt útil (per no dir imprescindible) utilitzar Virtualenv.

Abans de començar, configura el teu entorn com s'explica en aquest article.


Exemple: botiga[modifica]

Podeu agafar aquest projecte d'exemple per clarificar les funcions bàsiques de Django:

https://github.com/emieza/django-botiga


Backend[modifica]

El backend de Django o panell d'administració.

Per treballar el backend podem fer ús del TUTORIAL oficial de Django, que està molt ben documentat:

https://www.djangoproject.com/start/

Per poder dominar mínimament les possibilitats del backend segueix al menys aquestes parts del tutorial:

  • Part 1: creació de projecte i primera view
  • Part 2: model, BD, admin backend
  • Part 7: customize admin i inlines
  • Investiga la propietat list_editable del ModelAdmin. Per a què serveix?

A partir d'aquí podrem plantejar un projecte que implementi tot el CRUD en el backend.

  1. Planteja el projecte al professor. Que et doni el vist-i-plau abans de començar. El projecte hauria d'incloure usuaris i permisos diversos.
  2. Implementa el model amb Django. Imprescindible posar adequadament les FK (Foreign Keys).
  3. Mira si pots incloure inlines en alguna de les entitats del model (Ref. tutorial 7)
  4. Planteja't si la interfície que tens ara mateix et serveix com a backend o si necessita alguna restricció.
  5. Planteja la lògica de negoci.
  6. Implementa restriccions del backend perquè s'adapti a la lògica de negoci.


Django Auth i User model[modifica]

Per utilitzar el model User de Django dins del teu projecte (per exemple, per fer una Foreign Key) només cal importar-lo i utilitzar ForeignKey.

Per Django 1.x:

from django.contrib.auth import User
class MyModel(models.Model):
    ...
    usuari = models.ForeignKey(User)
    ...

Per referenciar el User en Django 2.x:

from django.conf import settings
from django.db import models

class Article(models.Model):
    author = models.ForeignKey(
        settings.AUTH_USER_MODEL,
        on_delete=models.CASCADE,
    )

Per ampliar el mòdul de Auth de Django i afegir camps al User, es pot fer de diverses maneres. Aquest article n'explica molt bé 4 d'elles:

https://simpleisbetterthancomplex.com/tutorial/2016/07/22/how-to-extend-django-user-model.html#onetoone


Bases de dades[modifica]

Migracions[modifica]

Hauràs vist que en el moment de fer "migration" Django crea la base de dades. Si canviem el nostre model (a models.py), per exemple afegint camps nous, està clar que el contingut de la BD hauria de canviar també. A aquest procés en diem migració, tot i que el context de migració està més associat a traslladar les dades d'un SGBD a un altre.

En versions anteriors de Django teniem el problema que si canviàvem el model havíem de refer tota la base de dades de nou. La eina "South" va permetre migrar les dades, i finalment s'ha integrat dins de Django.

Un cop fet un canvi en el model, caldrà executar:

$ python manage makemigrations <opcional:nom_app>
$ python manage migrate

SQLite vs MySQL[modifica]

Per defecte Django utilitza SQLite ja que és més senzilla de configurar i guarda les dades en un arxiu db.sqlite a l'arrel del projecte.

Per diversos motius ens pot interessar canviar el motor de la BD a un de més sofisticat, com pot ser MySQL. Alguns d'aquests motius son:

  • Eficiència
  • Multithreading
  • Ús de tipus de dades més sofisticats com la Geolocalització

Per canviar a MySQL hem de fer les següents passes:

Instal·lar els següents paquets del sistema:

$ sudo apt-get install libmysqlclient-dev python3-dev gdal-bin python3-mysql.connector python3-mysqldb libssl-dev

Instal·lar els següents paquets del Virtualenv:

  • Per python 2.x:
    (env) $ pip install mysql-python
  • Per python 3.x:
    (env) $ pip install mysql-connector-python mysqlclient

Canviar el backend de BD de settings.py:

DATABASES = {
   'default': {
       'ENGINE': 'django.db.backends.mysql',
       #'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
       'PASSWORD': 'lalalaxxx',
       'HOST': 'localhost',
       'PORT': '3306',
       'NAME': 'twitter',
       'USER': 'projectex',
   }
}

Per instal·lar MySQL connector en Mac OS és un pèl mes complicat que en Linux.


Frontend[modifica]

Pots practicar alguns elements previs al tutorial de frontend en aquest mini tutorial.

Tutorials:

Documentació rellevant:

Plug-ins:

  • django-money
  • django-richtextfield
  • django-oauth-toolkit

Autenticació en el frontend[modifica]

Per fer la autenticació en el front-end podriem fer-nos la nostra pròpia view seguint les indicacions de la doc oficial:

https://docs.djangoproject.com/en/1.11/topics/auth/default/

...però és més pràctic utiltizar un seguit de views predefinides que son típiques i ens serviran prou bé:

https://docs.djangoproject.com/en/1.11/topics/auth/default/#using-the-views

Un cop fet el sistema de login/logout, serà fàcil consultar en tot moment quin user tenim logat mitjançant la request:

def view_tal(request):
    usuari = request.user

Per augmentar les possibilitats d'autorització, és interessant tenir en compte els següents plugins i hacks:

Ampliar el model del User[modifica]

Sovint ens fa falta ampliar els atributs o comportament del User de Django. Hi ha diverses de fer-ho. Aquest article ens dona diverses opcions i ens explica quan utiltizar-les:

https://simpleisbetterthancomplex.com/tutorial/2016/07/22/how-to-extend-django-user-model.html

Resumint:

  • Utilitzant un Proxy Model
  • Creant un Profile relacionat amb el User amb un One-to-One relationship
  • Derivant un CustomUser de AbstractBaseUser
  • Derivant un CustomUser de AbstractUser


OAuth[modifica]

OAuth es mereix comentaris a part, ja que és molt útil per les xarxes socials i cada dia esdevé més important:


Projecte amb Django[modifica]

Seguidament proposem una guia per realitzar un projecte amb Django, un cop hagis finalitzat els tutorials anteriorment esmentats.

Comentarem les diferents passes amb aquest projecte d'exemple, es tracta d'una llista de karaoke per demanar torn, penjar el vídeo i votar els temes:

https://github.com/emieza/karaokelist

Guia:

  1. Preparació:
    1. Clarificar la funcionalitat del projecte.
    2. Crear entorn Virtualenv
      $ virtualenv env
      • Activar entorn
        $ source env/bin/activate
      • Instal·lar Django
        (env) $ pip3 install django
    3. Crear projecte Django
      (env) $ django-admin startproject
      • Crear app dintre del projecte
        (env) $ python manage startapp
    4. Crear repositori de GIT per gestionar l'equip de treball .
  2. Model i backend:
    1. Clarificar els objectes i taules de la BD, en particular les FK. Les implementarem al models.py , com podem veure a l'exemple:
      • Items: temes a cantar (nom del cantant, URL del vídeo, etc.)
      • Vots: (likes) vots emesos per al tema seleccionat. Es limita a un vot per IP emissora i tema (item).
    2. Afegir la app de Django a la variable INSTALLED_APPS de settings.py (si no ho fem, no s'inclouran els seus models a les migracions).
    3. Crear migració del model:
      (env) $ python manage.py makemigrations
    4. Crear DB:
      (env) $ python manage.py migrate
    5. Registrar models i personalitzar interfície d'administrador a admin.py.
    6. Crear superuser (admin):
      (env) $ python manage.py createsuperuser
    7. Arrencar app:
      (env) $ python manage.py runserver
    8. Testejar el backend a través de la URL
      http://localhost:8000/admin/
  3. Ampliació del backend:
    1. Personalitzar els mètodes __str__ de cada model, per mostrar-los de forma més amigable.
    2. Personalitzar la visualització dels models en admin.py : list_display , list_editable, list_filter
    3. Afegir models relacionats amb inlines
  4. Frontend:
    1. Clarificar les rutes necessàries.
    2. Implementar les rutes decidides a urls.py.
    3. Crea les views (controladors) pertinents a views.py.
    4. Crea les plantilles pertinents a la carpeta templates.
    5. Recorda crear una plantilla base i estendre les altres plantilles (per exemple aquesta de crear_item) utilitzant les sentències {% block %} i {% extends %}


Desplegament[modifica]

Desplegament:

  • En servidor web mitjançant WSGI en Apache i Nginx
  • En servidor d'aplicacions: Heroku, Openshift

Podeu llegir l'article Django en producció per veure diverses opcions.


Possibles ampliacions[modifica]

  • Investiga com utilitzar els Users de Django i com ampliar els camps dels què disposa.
  • Amplia els coneixements del backend:
    • Funcionalitat dels usuaris i grups de Django, i permisos.
    • Filtrar els resultats de l'admin segons l'usuari registrat. Per exemple, en una botiga, els usuaris podrien veure només les seves comandes. El superadmin podria veure-les, en canvi, totes.
  • Cerca com recuperar contrasenya en el admin de Django.
  • Cerca com enviar emails amb Django.
  • Investiga les capacitats multillenguatge de les plantilles de Django.
  • Cerca com ampliar les comandes de manage.py, per exemple per importar usuaris d'un arxiu .CSV
  • Cerca com canviar les plantilles per defecte de l'admin de Django.