Flask es un marco de desarrollo web. Con Python, hay dos módulos que uno puede usar para el desarrollo web: Django y Flask. Sin embargo, Flask es más liviano y más fácil de aprender. En este tutorial, construiremos un sitio web muy simple usando el módulo frascos de Python.

Para empezar, instale el matraz:

Frasco de instalación de PIP

Paso #1: Aplicación web mínima

La aplicación mínima se puede encontrar en https: // frask.Palletsprojects.com/en/2.0.X/QuickStart/#A-Minimal-Application. Esta es una página web que muestra "Hello World". Lo primero que hicimos fue crear una instancia de Flask () con "__name__" como argumento. El decorador de ruta se utiliza para informar a Flask la URL que activará la función que escribimos.

de Flask Import Flask
App = Flask (__ Nombre__)
@App.ruta('/')
índice def ()::
regresa "Hola mundo"
Si "__name__" == "__main__":
aplicación.run (debug = true)

A continuación, en la terminal de Pycharm, escriba lo siguiente (donde el nombre de mi archivo Python es principal.py; En su caso, reemplace principal.Py con el nombre de archivo de tu python):

Establecer frasco_app = principal.py
$ env: frask_app = "principal.py "
frasco

Una vez que ejecute "Flask Run", la terminal arrojará una URL con un puerto. Esta URL: el puerto es donde se carga la página web. Siempre puedes presionar el control + c para dejar de fumar. En mi caso, dice "Ejecutando en http: // 127.0.0.1: 5000/ (presione Ctrl+C para dejar de fumar) ". Entonces, abra su navegador web y copie y pegue la URL dada. En mi caso, copié y pegé "http: // 127.0.0.1: 5000/". Tenga en cuenta también que las líneas anteriores deben ejecutarse cada vez que reinicie PyCharm para que funcione:

Paso #2: Agregar html

Lo primero que deberá hacer es abrir la carpeta donde se encuentra el script de Python y crear una carpeta llamada "plantillas". Cuando ejecuté esto por primera vez, intenté poner el nombre "plantilla" como el nombre de la carpeta, y todo el programa se bloqueó y no funcionó. Entonces, es imperativo que llames a la carpeta "plantillas". Dentro de esta carpeta "plantillas", cree un índice.Archivo HTML con su código HTML. Luego, use render_template () y pase “índice.html ”como argumento. Ahora, si ejecuta "Flask Run" en el terminal, su código HTML debe representarse:

Mi Código HTML (índice.html) Por el momento es el siguiente:

Currículum de Kalyani
Esta página contendrá mi currículum

Y mi código de archivo de python (principal.py) es el siguiente:

de Flask Import Flask, render_template
App = Flask (__ Nombre__)
@App.ruta('/')
índice def ()::
return render_template ("índice.html ")
Si "__name__" == "__main__":
aplicación.run (debug = true)

Este último representará una página HTML simple.

Paso #3: Agregar CSS

Ahora, quiero agregar CSS a mi HTML. Para hacer esto, cree una carpeta llamada "estática" y cree un archivo llamado "Main.CSS ". Aquí, el nombre del archivo CSS real puede ser cualquier cosa. He decidido llamar a la mía "Main.CSS ". Sin embargo, el nombre de la carpeta debe ser "estático"! De hecho, en la carpeta "estática", se puede colocar todo lo que sea estático, como CSS, JavaScript e Imágenes. Entonces, si vas a poner imágenes, JavaScript y CSS, es posible que desee crear subcarpetas.

Primero, escribamos el CSS (principal.css) quiero:

cuerpo
margen: 0;
Color: #333
Font-Family: Verdana;
tamaño de fuente: 20px;
Color de fondo: RGB (201, 76, 76);

.estilo
Color de fondo: #92A8D1;
Font-Family: Verdana;
tamaño de fuente: 20px;

Aquí, en el índice.html, necesitamos escribir ylt; link rel = ”stylesheet” type = ”text/css” href = ”url_for ('static', filename =" principal.CSS ")"> En el cabezal del archivo HTML. Aquí, el nombre de archivo es el nombre del archivo CSS (el mío es principal.CSS). Si, por ejemplo, el "principal.CSS "se encuentra con un subcarpeta llamado" CSS ", luego escribiría lo siguiente:

.

Después de eso, puede usar el CSS que ha creado. Por ejemplo, creé uno llamado "Styled", y lo usé en la clase H1.

Mi índice.El archivo HTML sería el siguiente:

Currículum de Kalyani

Esta página contendrá mi currículum

Alternativamente, también se puede usar lo siguiente:

.
[/cce_python]
En este caso, el código HTML se vería así:
[cc lang = "html" width = "100%" height = "100%" escapado = "true" thema = "Blackboard" Nowrap = "0"]