Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Flask By Example

By : Gareth Dwyer

3.4 (8)

Flask By Example

3.4 (8)

By: Gareth Dwyer

Overview of this book

This book will take you on a journey from learning about web development using Flask to building fully functional web applications. In the first major project, we develop a dynamic Headlines application that displays the latest news headlines along with up-to-date currency and weather information. In project two, we build a Crime Map application that is backed by a MySQL database, allowing users to submit information on and the location of crimes in order to plot danger zones and other crime trends within an area. In the final project, we combine Flask with more modern technologies, such as Twitter's Bootstrap and the NoSQL database MongoDB, to create a Waiter Caller application that allows restaurant patrons to easily call a waiter to their table. This pragmatic tutorial will keep you engaged as you learn the crux of Flask by working on challenging real-world applications.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Hello, World!

1. Hello, World!

Introducing Flask

Creating our development environment

Writing "Hello, World!"

Deploying our application to production

Summary

2. Getting Started with Our Headlines Project

2. Getting Started with Our Headlines Project

Setting up our project and a Git repository

Creating a new Flask application

Introduction to RSS and RSS feeds

Summary

3. Using Templates in Our Headlines Project

3. Using Templates in Our Headlines Project

Introducing Jinja

Basic use of Jinja templates

Advanced use of Jinja templates

Summary

4. User Input for Our Headlines Project

4. User Input for Our Headlines Project

Getting user input using HTTP GET

Getting user input using HTTP POST

Adding weather and currency data

Summary

5. Improving the User Experience of Our Headlines Project

5. Improving the User Experience of Our Headlines Project

Adding cookies to our Headlines application

Adding CSS to our Headlines application

Summary

6. Building an Interactive Crime Map

6. Building an Interactive Crime Map

Setting up a new Git repository

Understanding relational databases

Installing and configuring MySQL on our VPS

Creating our Crime Map database in MySQL

Creating a basic database web application

Summary

7. Adding Google Maps to Our Crime Map Project

7. Adding Google Maps to Our Crime Map Project

Running a database application locally

Adding an embedded Google Maps widget to our application

Adding an input form for new crimes

Displaying existing crimes on our map

Summary

8. Validating User Input in Our Crime Map Project

8. Validating User Input in Our Crime Map Project

Choosing where to validate

Trying out an XSS example

Validating and sanitizing

Summary

9. Building a Waiter Caller App

9. Building a Waiter Caller App

Setting up a new Git repository

Using Bootstrap to kick-start our application

Adding user account control to our application

Summary

10. Template Inheritance and WTForms in Waiter Caller Project

10. Template Inheritance and WTForms in Waiter Caller Project

Adding the Account and Dashboard pages

Shortening URLs using the bitly API

Adding functionality to handle attention requests

Adding user feedback with WTForms

Summary

11. Using MongoDB with Our Waiter Caller Project

11. Using MongoDB with Our Waiter Caller Project

Introducing MongoDB

Installing MongoDB

Using the MongoDB shell

Introducing PyMongo

Testing our application in production

Adding some finishing touches

Summary

A. A Sneak Peek into the Future

A. A Sneak Peek into the Future

Expanding the projects

Expanding your Flask knowledge

Expanding your web development knowledge

Summary

Index

Index

Adding user feedback with WTForms

We now have a web application that is largely functional, but still fails to provide the user with helpful feedback, especially when it comes to submitting web forms. Let's look at how to make our application more intuitive by providing feedback when the user succeeds or fails to complete various actions.

To make our life easier, we'll use another Flask add-on, WTForms, which lets us validate inputs by using prespecified patterns or by creating our own. We'll use WTForms to implement all our web forms, namely:

The registration form
The sign-in form
The create table form

Introducing WTForms

You might have noticed that creating the registration form for new users to sign up for our web app was a bit cumbersome. We had to create the HTML form in our template file and then fetch all the input data when the form was submitted in our Python backend code. In order to do this, we had to use the same strings, such as email and password, in our HTML code...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Flask By Example

Search

Your notes and bookmarks