Differences
This shows you the differences between two versions of the page.
|
ii:labs:s2:02:tasks:03 [2023/03/17 21:28] florin.stancu removed |
ii:labs:s2:02:tasks:03 [2024/03/17 18:24] (current) florin.stancu |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ==== 03. [10p] Feedback ==== | + | ==== 03. [30p] Firing up the Flask backend ==== |
| - | Please take a minute to fill in the [[https://forms.office.com/Pages/ResponsePage.aspx?id=usiMLdqNNEOeXPrCCS6brJoxNMaLqNZHpd8YaA7IhDNURElGNjIzNTEwUlNRS0cyQlkxQk5LMldINC4u|feedback form]] for this lab. | + | First, let's understand how Flask serves files: |
| + | * Download a random photo from the Internet (e.g., your favorite snake species) and place it into ''public/myimage.jpg'' (or use whatever name you wish, but keep this directory!); | ||
| + | * Start up the Flask server (''python3 server.py'') and point your browser to ''http://localhost:5000/public/myimage.jpg'', it should display your image. | ||
| + | * Copy/rename or download another image directly to your project's root, alongside ''server.py''; start the web server, point your browser to ''http://localhost:5000/myimage2.jpg'' -- it won't work... why? | ||
| + | |||
| + | Now, we want to move the ''html'' page from earlier tasks to be served by the Flask web server: | ||
| + | |||
| + | * Copy the ''initial_design.html'' to the ''templates/'' directory (we're using the default Flask convention); | ||
| + | * Modify ''server.py'' to call ''render_template'' ([[https://flask.palletsprojects.com/en/3.0.x/quickstart/#rendering-templates|see official quickstart guide]]) and actually serve your HTML file. | ||
| + | * Fire it up! | ||
| + | |||
| + | <note important> | ||
| + | Don't forget to import the ''render_template'' symbol from the Flask library! | ||
| + | </note> | ||
| + | |||
| + | * Finally for this task, make a ''/google'' endpoint which automatically redirects to your favorite (or not) search engine! | ||
