Create Page

We have the option to move the form for creating a new recipe to a separate page. In doing so, we'll leave a convenient button for creating a new recipe on the recipe.html file.

To get started, let's create a fresh file named new-recipe.html. You'll find that it's going to look quite similar to what we had in recipes.html. So, go ahead and copy that piece of code and transfer it to the new file from the very beginning.

The file's name in the example below doesn't correspond to the file's name in our project.

Now we need to create a route first to actually render this template.

python
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# main.py

@app.route("/recipes/new/", methods=["GET", "POST"])
def new_recipe():
    if request.method == "POST":
        recipe_title = request.form["title"]
        recipe_description = request.form["description"]
        new_recipe = Recipe(title=recipe_title, 
    description=recipe_description, author="Joey")
        db.session.add(new_recipe)
        db.session.commit()
        return redirect("/recipes/")
    else:
        return render_template("new_recipe.html")

Now let's add a button to the recipe.html template for 'New recipe'.

html
9
1
2
<h1>All recipes</h1>
<a class="btn btn-success float-right" href="/recipe/new/">New recipe</a>