9. Building a Waiter Caller App | Flask By Example

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

Setting up a new Git repository

As before, we need to create a new git repository to host our new project. The first step is to go to log into the web interface of BitBucket or whichever code repository host you are using, select the Create a new Repository option, and select the Git radio option, taking note of the URL with which it provides you. As the next steps are identical to the previous projects, we will give you only a summary. If you need more fine-grained guidance, refer to the Installing and using git section of Chapter 1, Hello, World!.

Setting up the new project locally

To set up the local project structure, run the following commands locally:

mkdir waitercaller
cd waitercaller
git init
git remote add origin <new-repository-url>
mkdir templates
mkdir static
touch waitercaller.py
touch templates/home.html
touch .gitignore

We want to get the minimal running app for this project so that we can iron out any configuration issues before we get started with development. Add the...

Visually different images

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