01. [40p] Splitting web pages into Jinja2 templates

First, download the lab archive.

We now want to move the design from last time (a static html file) to use Flask Jinja2-based template rendering.

For this, you must:

  • Migrate / split the HTML code into templates/_base.html (base template) and templates/index.html (child);
    • Note: use Jinja2 template inheritance and content blocks;
    • Make sure to eliminate any duplicate code (the _base.html template should contain the common layout of all pages)!
  • Modify server.py to call render_template from router functions to actually serve our new design;
  • Also create second.html and fill the Flask function to serve it (fill it with whatever content you want, like in the previous lab);
  • Finally, fix the URLs in the base template's menu to point to the appropriate pages.
ii/labs/s2/03/tasks/01.txt ยท Last modified: 2024/04/01 21:59 by florin.stancu
CC Attribution-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0