Flask

Micro web development framework
https://flask.palletsprojects.com/en/2.0.x/
Flask depends on the Jinja template engine and the Werkzeug WSGI toolkit.

Example

   1 cd ~/tmp
   2 mkdir flaskproject
   3 cd flaskproject
   4 sudo apt install python3-venv
   5 python3 -m venv venv
   6 . venv/bin/activate
   7 # pip install -r requirements.txt
   8 pip install Flask
   9 find . venv/
  10 ./venv/bin/python -V
  11 ./venv/bin/python

static/app.css

   1 .p{ text-align: center; }

static/app.js

   1 document.addEventListener("DOMContentLoaded", (event) => {
   2   console.log("DOM is ready!");  
   3 });

templates/index.html

   1 <html>
   2   <head> 
   3     <link href="static/app.css" rel="stylesheet">  
   4     <script src="static/app.js"></script>
   5   </head> 
   6   <body>
   7     <p>Hello Flask</p>
   8   </body>
   9 </html>

flaskproj.py

   1 from flask import Flask, render_template
   2 
   3 app = Flask(__name__)
   4 
   5 @app.route("/")
   6 def hello_world():
   7     return render_template("index.html")

   1 export FLASK_APP=flaskproj
   2 flask run  --host=0.0.0.0
   3 # http://127.0.0.1:5000/
   4 #  if the file is named app.py or wsgi.py, you don’t have to set the FLASK_APP environment
   5

-  ⇤ ← Revision 2 as of 2021-06-18 13:58:37 → 
  Size: 769
  Editor: localhost
  Comment:
+   ← Revision 6 as of 2026-03-28 15:32:28 → ⇥
  Size: 1346
  Editor: vitor
  Comment:
-Deletions are marked like this.
+Additions are marked like this.
 Line 1:
+<<TableOfContents(2)>>
-Line 7:
+Line 8:
-{{{#!highlight bash
+{{{#!highlight sh
-Line 12:
+Line 13:
-python3 -m venv virtenv
. virtenv/bin/activate
+python3 -m venv venv
. venv/bin/activate
# pip install -r requirements.txt
-Line 15:
+Line 17:
-find . virtenv/
+find . venv/
./venv/bin/python -V
./venv/bin/python
-Line 18:
+Line 22:
- * nano flaskproj.py
+=== static/app.css ===
{{{#!highlight css
.p{ text-align: center; }
}}}

=== static/app.js ===
{{{#!highlight javascript
document.addEventListener("DOMContentLoaded", (event) => {
  console.log("DOM is ready!");  
});
}}}

=== templates/index.html ===
{{{#!highlight html
<html>
  <head> 
    <link href="static/app.css" rel="stylesheet">  
    <script src="static/app.js"></script>
  </head> 
  <body>
    <p>Hello Flask</p>
  </body>
</html>
}}}

=== flaskproj.py ===
-Line 20:
+Line 49:
-from flask import Flask
+from flask import Flask, render_template
-Line 26:
+Line 55:
-    return "<p>Hello World from Flask!</p>"
+    return render_template("index.html")