Flask CRUD
About Lesson

In this Flask CRUD Application lesson we are going to learn about Flask CRUD Application Header Design, we want to design our application header, also in this lesson you will be familiar with template inheritance in Flask.

 

 

So now open your templates folder and create another HTML file at name of base.html, and this will be our main HTML file that all other files will extends from this file, you can see that in this file we have created some blocks.

 

tempaltes/base.html

 

 

Now let’s bring changes to our index.html. you can see at the top we have extended from our file from base.html file, because in here we are using template inheritance.

 

templates/index.html

 

 

If you run your Flask Application you will see the same result.

 

 

We want to add our Bootstrap CDN links in our base.html file, so open the file and bring some changes like this.

 

templates/base.html

 

 

 

Create another HTML file at name of header.html.

 

templates/header.html

 

 

 

Now include your header file in your index file.

 

templates/index.html

 

 

This is our App.py file.

 

 

 

Run your application and go to http://localhost:5000/, this will be the result.

Flask CRUD Application Header Design
Flask CRUD Application Header Design
Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.
Exercise Files
No Attachment Found
No Attachment Found