Desenvolupament d'aplicacions web amb frameworks: Diferència entre les revisions

De Cacauet Wiki
Dreceres ràpides: navegació, cerca
(Exercici amb microframeworks)
(Frameworks i microframeworks)
Línia 46: Línia 46:
 
* [http://flask.pocoo.org/ Flask]
 
* [http://flask.pocoo.org/ Flask]
 
* [http://bottlepy.org Bottle]
 
* [http://bottlepy.org Bottle]
 +
 +
Sistemes de ''templates'' (plantilles):
 +
* [http://jinja.pocoo.org/docs/dev/templates/ Jinja2] : s'ha fet imitant les Django templates.
  
 
Frameworks PHP:
 
Frameworks PHP:

Revisió de 18:21, 10 oct 2016

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

Three-tier-application.svg

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:


Exercici amb microframeworks

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