Desenvolupament d'aplicacions web amb frameworks

De Cacauet Wiki
La revisió el 08:25, 25 jul 2018 per Enric (discussió | contribucions) (etiquetes #fpinfor)
Salta a la navegació Salta a la cerca

#FpInfor #Daw #DawMpDual

Què és un framework?

Per començar, us reprodueixo el què explica la web de Pyramid, un conegut framework per Python, que compara la idea de llibreria i framework:

Frameworks vs. Libraries

A framework differs from a library in one very important way: library code is always called by code that you write, while a framework always calls code that you write. Using a set of libraries to create an application is usually easier than using a framework initially, because you can choose to cede control to library code you have not authored very selectively. But when you use a framework, you are required to cede a greater portion of control to code you have not authored: code that resides in the framework itself. You needn’t use a framework at all to create a web application using Python. A rich set of libraries already exists for the platform. In practice, however, using a framework to create an application is often more practical than rolling your own via a set of libraries if the framework provides a set of facilities that fits your application requirements.


Podriem dir, en resum, que un framework és:

  • Un seguit de llibreries
  • Uns mecanismes de control (en el cas del web, seria el servidor web)
  • Un conjunt de bones pràctiques ...molt important!!

Una de les bones pràctiques més importants en el disseny de software és el separar el codi funcional (la manipulació de les dades) del que serà la presentació a l'usuari. Al principi pot semblar que ens obliga a utilitzar més arxius, però quan el projecte es complica ens ofereix multitud d'avantatges: el codi és més ordenat, és més fàcil trobar el què busques per depurar, arreglar bugs i fer modificacions, etc.

De fet, la utilització del CSS ja és una separació de la estructura (HTML, blocs, divs i demés) del disseny (propietats d'aquests blocs com colors, posició, vores, arrodoniments, etc.).

Pels nostres projectes serà vital la separació de la presentació de la pàgina del codi que processa les dades, tal i com veurem en el següent paradigma multicapa.


Model multicapa

S'ha produït un error en crear la miniatura: /bin/bash: line 1: convert: command not found

L'arquitectura multicapa o multi-tier pot tenir diverses capes (també s'anomena N-layer) però acostuma a presentar-se el model de 3 nivells:

  • Nivell de Dades: s'ocupa de la persistència, incloent bases de dades i emmagatzematge d'arxius. També inclou les APIs d'accés a les dades que utilitzarà la capa de lògica de negoci.
  • Nivell de Lògica: en general ens referim a la Business Logic
  • Nivell de Presentació: renderització concreta del contingut a l'usuari.


Frameworks i microframeworks

Han sorgit molts microframeworks per desenvolupament superràpid, tot i que per a grans projectes potser els pot faltar algunes features que podem voler.

Frameworks Python:

Microframeworks Python:

Sistemes de templates (plantilles):

  • Jinja2 : s'ha fet imitant les Django templates.

Frameworks PHP:


Exercicis amb microframeworks

Introducció

Per introduir-nos definitivament en el fabulós món dels frameworks us proposo aquest exercici:

  1. Instal·la't el virtualenv per facilitar el teu entorn de desenvolupament.
  2. Tria un microframework (recomano Flask ja que el model de templates -jinja2- està copiat de Django).
  3. Fes la prova de "Hello World!" per començar a introduir-te.
  4. Mira't la secció Quickstart de la documentació de Flask. Hi ha 2 seccions que ens interessen:
    • Posa el servidor web de desenvolupament en mode DEBUG per facilitar l'auto-reload del projecte quan modifiquis els arxius.
    • Afegeix un template per renderitzar una pàgina HTML (secció "Rendering Templates").
  5. Prova de crear un template que impliqui l'ús de loops, com per exemple una taula o un calendari.
    Utilitza la documentació dels templates de Jinja2
  6. Prova de passar variables al template, per exemple, títol de la pàgina o el mes de l'any que vols renderitzar.
  7. ... posa-li imaginació!!!
  8. ...i sobretot: pensa't quina part de la teva lògica ha d'anar al template, i quina part ha d'anar a l'arxiu .py


Exemple amb formularis: email validation

Llegeix-te aquest article: Email check amb Flask

Utilitzant formularis: endevina el número

Realitzarem el joc de "endevina el número". Al servidor ens pensarem un nombre de l'1 al 100, el posarem en una variable global, i l'usuari haurà d'endevinar-lo. Quan ens introdueixi el número li direm si el que hem pensat és menor o major que el què ens ha dit, i ho anirem repetint fins que l'endevini.

  1. Utilitza els templates per crear una plantilla amb un formulari per enviar un número per POST
  2. Investiga a la doc Quickstart com permetre que es puguin rebre dades POST a una ruta determinada.
  3. Fes una aproximació amb un número fix a descobrir, posa'l en una variable global.
  4. Fes 3 plantilles i ajusta el codi del main.py perquè es mostri la plantilla adient:
    • Una explicant com funciona el joc. La mostrarem quan no s'hagi enviat cap número. També ha de tenir el formulari per començar la partida.
    • Una amb el formulari per endevinar el número. També ens ha de dir el resultat de la comparació del nombre anterior enviat.
    • Una 3a amb felicitacions quan s'hagi descobert el nombre amagat.
  5. Respon a l'usuari si el número és major o menor que el que tenim "pensat".
  6. Quan encertem el número, a part de mostrar el missatge de felicitació, has de reiniciar el número a un nombre aleatori nou.