Una aplicación más compleja

De WikiEducator
Saltar a: navegación, buscar



Previo







Icon activity.jpg

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

Icon objectives.jpg

Objetivo

* Crear proyecto en eclipse
  • Preparar intérprete con virtualenv
  • Crear estructura inicial del proyecto
  • Iniciar repositorio local
  • .hgignore
Icon present.gif


Páginas estáticas. Home y about

Icon objectives.jpg

Objetivo

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



Formulario de contacto

Icon objectives.jpg

Objetivo

  • Formulario para contacto: instalar flask-wtf
  • Creación del formulario
  • Uso del formulario: GET y POST
  • Template
Icon present.gif



Estilo en formulario de contacto

Icon objectives.jpg

Objetivo

  • Modificar hoja de estilos
Icon present.gif



Validación de formularios

Icon objectives.jpg

Objetivo

  • Campos obligatorios
  • Campo email
Icon present.gif



Mensajes de error

Icon objectives.jpg

Objetivo

  • Mensajes de error genéricos
  • Mensajes de error por campo
Icon present.gif



Mensajes específicos de error

Icon objectives.jpg

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)

    Página de perfil

    Entrar y salir

    Despliegue en Apache

    Despliegue en Heroku

    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