Pyramid: arquitectura - Historial de revisió

Enric: /* 2.Ruta a init.py */

2012-12-12T19:14:05Z

2.Ruta a __init__.py

Enric: /* Views i Plantilles (templates) */

2012-12-12T19:13:30Z

Views i Plantilles (templates)

Enric: /* Alguns ajustos més perquè funcioni */

2012-12-12T18:39:08Z

Alguns ajustos més perquè funcioni

Enric: /* Alguns ajustos més perquè funcioni */

2012-12-12T18:29:02Z

Alguns ajustos més perquè funcioni

Enric: /* Views i Plantilles (templates) */

2012-12-12T17:39:34Z

Views i Plantilles (templates)

Enric: /* Views i Plantilles (templates) */

2012-12-12T17:38:36Z

Views i Plantilles (templates)

Enric: /* Views i Plantilles (templates) */

2012-12-12T17:05:59Z

Views i Plantilles (templates)

Enric a 12:40, 10 des 2012

2012-12-10T12:40:53Z

Enric a 12:07, 10 des 2012

2012-12-10T12:07:11Z

Enric: Es crea la pàgina amb «Aquest és un article que detalla l'original Python: Pyramid framework. Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el li…».

2012-12-10T11:33:22Z

Es crea la pàgina amb «Aquest és un article que detalla l'original Python: Pyramid framework. Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el li…».

Pàgina nova

Aquest és un article que detalla l'original [[Python: Pyramid framework]].

Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el link anterior).

L'arquitectura bàsica d'una ''site'' Pyramid , just quan creem el ''scaffold'' bàsic és (en negreta les que ens interessen):
'''simpleshop/'''
├── CHANGES.txt
├── '''development.ini'''
├── MANIFEST.in
├── '''production.ini'''
├── README.txt
├── setup.cfg
├── setup.py
└── '''simpleshop'''
├── '''__init__.py'''
├── static
│   ├── favicon.ico
│   ├── footerbg.png
│   ├── headerbg.png
│   ├── ie6.css
│   ├── middlebg.png
│   ├── pylons.css
│   ├── pyramid.png
│   ├── pyramid-small.png
│   └── transparent.gif
├── '''templates'''
│   └── '''mytemplate.pt'''
├── tests.py
└── '''views.py'''

@@ Línia 89: / Línia 89: @@
 === 2.Ruta a __init__.py ===
-Això és necessari per
+Això és necessari per que la request de la URL que demana el client es redirigeixi cap a la ''view''.
 <syntaxhighlight lang="Python">
 config.add_route('productes', '/botiga') # productes=view, /botiga=URL

@@ Línia 66: / Línia 66: @@
 <br>
-== Views i Plantilles (templates) ==
+=== 1.View ===
 Mostrarem un petit exemple de com es passen la informació entre el codi (view) i la plantilla.
@@ Línia 88: / Línia 88: @@
 </syntaxhighlight>
-Ara podrem utilitzar aquestes variables a la plantilla '''productes.mako''' (la que s'indica al "renderer" de la view). En la plantilla (template) treballarem amb HTML, i, per exemple, per visualitzar el nom del projecte posaríem:
+=== 2.Ruta a __init__.py ===
   ${projecte}
 ...i amb la llista i el diccionari tres quarts del mateix:

@@ Línia 106: / Línia 106: @@
 === Alguns ajustos més perquè funcioni ===
-Per problemes de la codificació per defecte (unicode) i canviar-la a "utf-8", editar '''/usr/lib/pythonX.Y/sitecustomize.py''' i afegir:
+Per problemes de la codificació per defecte (unicode) cal canviar-la a "utf-8" tant als arxius com en el sistema:
 <syntaxhighlight lang="python">
 import sys
 sys.setdefaultencoding('utf-8')
 </syntaxhighlight>
 Finalment cal afegir el path dels templates MAKO al main() del __init__.py:

@@ Línia 114: / Línia 114: @@
 Finalment cal afegir el path dels templates MAKO al main() del __init__.py:
 <syntaxhighlight lang="python">
 settings['mako.directories'] = os.path.join(here, 'templates')
 </syntaxhighlight>

@@ Línia 105: / Línia 105: @@
 </syntaxhighlight>
-Alguns ajustos més perquè funcioni:
+=== Alguns ajustos més perquè funcioni ===
-En producció, per problemes de la codificació per defecte i canviar-la a "utf-8", editar '''/usr/lib/pythonX.Y/sitecustomize.py''' i afegir:
+Per problemes de la codificació per defecte (unicode) i canviar-la a "utf-8", editar '''/usr/lib/pythonX.Y/sitecustomize.py''' i afegir:
 <syntaxhighlight lang="python">
 import sys

@@ Línia 69: / Línia 69: @@
 Mostrarem un petit exemple de com es passen la informació entre el codi (view) i la plantilla.
-A la view generarem les dades a partir d'arxius o de bases de dades. Quan acabem de processar-ho '''retornarem les dades a la plantilla en forma de diccionari'''. En aquest exemple tenim:
+A la view generarem les dades a partir d'arxius o de bases de dades. Quan acabem de processar-ho '''retornarem les dades a la plantilla en forma de diccionari'''.
 <syntaxhighlight lang="Python">
 @view_config(route_name='productes', renderer='productes.mako')
 def productes_view(request):
     # aqui aniriem als arxius o la base de dades a buscar la informació
-    # ... posem que tenim 3 variables: pepino, enciam i plàtan
+    # així ho simulem
     # els retornarem amb:
-    return { "producte1": "pepino", "producte2": "enciam", "producte3": "plàtan" }
+    return { "projecte":proj, "productes":prod, "preus":preus }
 </syntaxhighlight>
-és clar que seria més sensat tornar una llista amb els 3 productes:
+Ara podrem utilitzar aquestes variables a la plantilla '''productes.mako''' (la que s'indica al "renderer" de la view). En la plantilla (template) treballarem amb HTML, i, per exemple, per visualitzar el nom del projecte posaríem:
-<syntaxhighlight lang="Python">
+ ${projecte}
-@view_config(route_name='productes', renderer='productes.mako')
+...i amb la llista i el diccionari tres quarts del mateix:
-def productes_view(request):
+<syntaxhighlight lang="html4strict">
-   # aqui aniriem als arxius o la base de dades a buscar la informació
+<html>
-   # ... posem que una llista "verdures" amb 3 productes:
+   <body>
-   # verdures = [ 'pepino' , 'enciam' , 'plàtan' ]
+      <h1>${projecte}</h1>
-    # els retornarem amb:
+      <ul>
-   return { "productes": verdures }
+      % for prod in productes:
 </syntaxhighlight>

@@ Línia 2: / Línia 2: @@
 Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el link anterior).
 == Aïllament del codi i el disseny ==
@@ Línia 44: / Línia 46: @@
 ** Conf. directori ''static''
 ** Configuració de les rutes: traducció de les URLs -> funcions (views).
-* views.py : codi de les views
+* views.py
-* templates (carpeta) : trobarem plantilles que son
+** Codi de les views (el què s'executarà abans de renderitzar la plantilla).

@@ Línia 3: / Línia 3: @@
 Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el link anterior).
 L'arquitectura bàsica d'una ''site'' Pyramid , just quan creem el ''scaffold'' bàsic és (en negreta les que ens interessen):
   '''simpleshop/'''
   ├── CHANGES.txt
-  ├── '''development.ini'''
+  ├── '''development.ini'''       # arxiu de conf. de l'entorn (port d'escolta, etc.)
   ├── MANIFEST.in
   ├── '''production.ini'''
@@ Línia 12: / Línia 21: @@
   ├── setup.cfg
   ├── setup.py
-  └── '''simpleshop'''
+  └── '''simpleshop'''            # arxiu de conf. de l'entorn (port d'escolta, etc.)
-      ├── '''__init__.py'''
+      ├── '''__init__.py'''       # arxiu '''__INIT__'''
       ├── static
       │   ├── favicon.ico
@@ Línia 20: / Línia 29: @@
       │   ├── ie6.css
       │   ├── middlebg.png
-      │   ├── pylons.css
+      │   ├── '''pylons.css'''    # CSS (full d'estils)
       │   ├── pyramid.png
       │   ├── pyramid-small.png
       │   └── transparent.gif
       ├── '''templates'''
-      │   └── '''mytemplate.pt'''
+      │   └── '''mytemplate.pt''' # template principal
       ├── tests.py
-      └── '''views.py'''
+      └── '''views.py'''          # arxiu '''VIEWS'''

Pyramid: arquitectura - Historial de revisió

Enric: /* 2.Ruta a __init__.py */

Enric: /* Views i Plantilles (templates) */

Enric: /* Alguns ajustos més perquè funcioni */

Enric: /* Alguns ajustos més perquè funcioni */

Enric: /* Views i Plantilles (templates) */

Enric: /* Views i Plantilles (templates) */

Enric: /* Views i Plantilles (templates) */

Enric a 12:40, 10 des 2012

Enric a 12:07, 10 des 2012

Enric: Es crea la pàgina amb «Aquest és un article que detalla l'original Python: Pyramid framework. Abans de treballar aquest apartat, cal que us familiaritzeu amb aquest framework (mireu el li…».

Enric: /* 2.Ruta a init.py */