Está en la página 1de 26

C25-Y20C1

Agenda
Estructura Base

MVC

Templates

Controllers

Models

Bonus
Estructura Base
[Basics]
Hello, world
Hello, world
● HTML
● PYTHON
<!DOCTYPE html>

<html>
<head>
<title>hola</title>
</head>
<body>
hola, mundo
HTML
</body>
</html>
from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def index(): Python
return render_template("index.html")
Estructura de
.
├── application.py Archivos
└── templates
└── index.html

1 directory, 2 files
Flask
● Usaremos Flask, un micro framework, o conjunto de código que nos permitirá
construir programas sin escribir código compartido o repetido una y otra vez.
● Flask está escrito en Python y es un conjunto de librerías de código que
podemos usar para escribir un servidor web en Python.
● Una metodología para organizar el código de un servidor web es MVC, o
Modelo-Vista-Controlador.
Modelo, Vista, Controlador
[MVC]
solicitud
HTTP, CLI, etc.

respuesta
HTML, RSS, XML,
JSON, etc.

consulta
datos
MVC
● Hasta el momento, los programas que hemos escrito han estado todos en la
categoría de Controladores, donde tenemos la lógica y los algoritmos que dan
solución a problemas e imprimen salidas a la terminal. Pero con la programación
web, también queremos añadir formato visual y estética (View), además
queremos acceder a la información de una forma más organizada (Model).
● Cuando iniciamos a escribir nuestro servidor web en Python, la mayor parte de la
lógica estará en los controladores.
● Al organizar nuestro proyecto de esta manera, podemos tener separación de
responsabilidades.
Vista: Plantillas
[View: Templates]
Hello, world
Hello, {{ nombre }}
Dinamismo
<!DOCTYPE html>

<html>
<head>
<title>hola</title>
</head>
<body>
hola, {{ nombre }}
HTML
</body> {% JINJA 2 %}
</html>
GET
http://localhost:5000/?name=Silvio
from flask import Flask, render_template, request

app = Flask(__name__)

@app.route("/")
def index(): Python
name = request.args.get("name", "mundo")
return render_template("index.html", nombre=name) ● GET
● POST
Controlador
[Controller]
Controlador (ver código fuente)
● registro0
● registro1
● registro2
Modelo
[Model]
Modelo (ver código fuente)
● registro3
● registro4
● registro5
Extras
[Bonus]
Extras (ver código fuente)
● words0
● words1
● words2
● words3
¡Gracias por su atención!

Powered by: emorales.

También podría gustarte