Una aplicación más compleja

Previo

Actividad

Seguiremos los siguientes tutoriales: http://net.tutsplus.com/tutorials/python-tutorials/an-introduction-to-pythons-flask-framework/ http://net.tutsplus.com/tutorials/python-tutorials/intro-to-flask-adding-a-contact-page/ http://net.tutsplus.com/tutorials/python-tutorials/intro-to-flask-signing-in-and-out/ Repositorio de código de clase: https://bitbucket.org/lmorillas/contactos-flask

Instalar MySQL

$ sudo apt-get install mysql-server mysql-client $ sudo apt-get install libmysqlclient-dev $ mysql -u username -p Enter password: mysql> CREATE DATABASE development; $ pip install mysql-python

Estructura inicial

Objetivo

* Crear proyecto en eclipse Preparar intérprete con virtualenv Crear estructura inicial del proyecto Iniciar repositorio local .hgignore Tip: Estructura inicial

Páginas estáticas. Home y about

Objetivo

Páginas estáticas home y about Estructura de templates: layout.html home.html about.html Vistas y rutas (decoradores) Tip: Páginas estáticas

Formulario de contacto

Objetivo

Formulario para contacto: instalar flask-wtf Creación del formulario Uso del formulario: GET y POST Template Tip: Páginas estáticas

Estilo en formulario de contacto

Objetivo

Modificar hoja de estilos Tip: Estilo en formulario de contacto

Validación de formularios

Objetivo

Campos obligatorios Campo email Tip: Validación del formulario

Mensajes de error

Objetivo

Mensajes de error genéricos Mensajes de error por campo Tip: Mensajes de error

Mensajes específicos de error

Objetivo

Mostrar un mensaje específico de error para cada input del formulario {% for mensaje in form.nombre.errors %} <div class="flash">{{ mensaje }}</div> {% endfor %}   {% for mensaje in form.email.errors %} <div class="flash">{{ mensaje }}</div> {% endfor %}   {% for mensaje in form.asunto.errors %} <div class="flash">{{ mensaje }}</div> {% endfor %}   {% for mensaje in form.mensaje.errors %} <div class="flash">{{ mensaje }}</div> {% endfor %}

Enviando correo

• Estensión: flask-mail

 pip install flask-mail

from flask.ext.mail import Message, Mail 
 
# configuración
MAIL_SERVER = "smtp.gmail.com"
MAIL_PORT = 465
MAIL_USE_SSL = True
MAIL_USERNAME = 'dwesdaw@gmail.com'  # en mi ejemplo
MAIL_PASSWORD = 'tu password'
 
def contacto():
    form = ContactForm()
 
...
        else:
            msg = Message(form.asunto.data, sender='dwesdaw@gmail.com', 
                          recipients=['destinatario'])
            msg.body = """
            From: %s <%s>
            %s
            """ % (form.nombre.data, form.email.data, form.mensaje.data)
 
            mail.send(msg)
            return render_template('contacto.html', exito=True, nombre = form.nombre.data   )
...

Menú contactos

layout.html

<a href="Plantilla:Url for('contacto')">Contacto</a>

Configuración base de datos

• Instalar mysql y python-mysql

SQLALCHEMY_DATABASE_URI = 'mysql://userflask:******@localhost/appFlask'
 
from models import db
 
db.init_app(app)

Modelo de usuario

models.py

db = SQLAlchemy()
 
 
class User(db.Model):
    __tablename__ = 'usuarios'
    uid = db.Column(db.Integer, primary_key = True)
    nombre = db.Column(db.String(100))
    apellido = db.Column(db.String(100))
    email = db.Column(db.String(120), unique=True)
    pwdhash = db.Column(db.String(54))
 
    def __init__(self, nombre, apellido, email, password):
        self.nombre = nombre.title()
        self.apellido = apellido.title()
        self.email = email.lower()
        self.set_password(password)
 
    def set_password(self, password):
        self.pwdhash = generate_password_hash(password)
 
    def check_password(self, password):
        return check_password_hash(self.pwdhash, password)

Refactorización

Decidimos cambiar el modelo de la base de datos y utilizar el modelo declarativo de http://flask.pocoo.org/docs/patterns/sqlalchemy/ Eso exige cambios en la aplicación:

models.py

Las clases heredarán de declarative_base()

from sqlalchemy.ext.declarative import declarative_base
from sqlalchemy import Boolean, Column
from sqlalchemy import DateTime, Integer, String, Text
 
Base = declarative_base()
class User(Base):
    __tablename__ = 'usuarios'
    uid = Column(Integer, primary_key = True)
    nombre = Column(String(100))
...

Creación automática de las tablas:

 Base.metadata.create_all(engine)

Las búsquedas se hacen ahora desde la sesión:

 session.query(User).all():

app.py

...
from models import Base, User
from flask.ext.sqlalchemy import SQLAlchemy
...
 
# Configuración SQL Alchemy
db = SQLAlchemy(app)
db.Model = Base

Para añadir ahora un usuario:

 db.session.add(usuario)
 db.session.commit()

forms.py

Si el formulario necesita un acceso a la base de datos para la validación, hay que darle el objeto correspondiente:

class InscripcionForm(Form):
    ...
    # necesita parámetro db para hacer validación
    def validate(self, db):
        if not Form.validate(self):
            return False
        user = db.session.query(User).filter_by(email = self.email.data.lower()).first()

Y en la llamada al método validate desde app.py:

 if form.validate(db) == False:

Configuración

conf.py

SECRET_KEY = '\x84\xed\xca\xe36\x8d\x17\xd4\xb3X\xfd1\xdfJx\xc6\xe9\xcf\x00\xdf\x9e \xa9l'
 
MAIL_SERVER = "smtp.gmail.com"
MAIL_PORT = 465
MAIL_USE_SSL = True
MAIL_USERNAME = 'dwesdaw@gmail.com'  # en mi ejemplo
MAIL_PASSWORD = 'tu password'
 
SQLALCHEMY_DATABASE_URI = 'mysql://userflask:*******@localhost/appFlask'

app.py

from conf import *
 
... 
 
app = Flask(__name__)
app.config.from_object(__name__)
 
...

Documentación adicional

Por dónde continuar ...

wtf http://wtforms.readthedocs.org/en/latest/ https://flask-wtf.readthedocs.org/en/latest/ flask-SQLAlchemy http://flask.pocoo.org/docs/patterns/sqlalchemy/ http://pythonhosted.org/Flask-SQLAlchemy/index.html Despliegue http://flask.pocoo.org/docs/deploying/ apache http://flask.pocoo.org/docs/deploying/mod_wsgi/ https://beagle.whoi.edu/redmine/projects/ibt/wiki/Deploying_Flask_Apps_with_Apache_and_Mod_WSGI heroku https://devcenter.heroku.com/articles/getting-started-with-python http://tech.pro/tutorial/1259/how-to-deploy-simple-and-larger-flask-apps-on-heroku http://blog.y3xz.com/blog/2012/08/16/flask-and-postgresql-on-heroku/ postgresql http://killtheyak.com/use-postgresql-with-django-flask/ openshift https://www.openshift.com/blogs/build-your-app-on-openshift-using-flask-sqlalchemy-and-postgresql-92