<blockquote id="bkwcg"></blockquote>
\n
\n

Flask App<\/h1>\n<\/div>\n
\n {% block content %}{% endblock %}\n<\/div>\n<\/body>\n<\/html><\/pre>\n

Next, create the home page template:<\/p>\n

app\/templates\/home.html<\/strong><\/p>\n

{% extends \"layout.html\" %}\n\n{% block content %}\n  
\n

Welcome!<\/h2>\n

This is the home page.<\/h3>\n <\/div>\n{% endblock %}<\/pre>\n

Now, map the URL to the template in routes.py<\/code>:<\/p>\n

app\/routes.py<\/strong><\/p>\n

from flask import Flask, render_template\n\napp = Flask(__name__)\n\n@app.route('\/')\ndef home():\n  return render_template('home.html')\n\nif __name__ == '__main__':\n  app.run(debug=True)<\/pre>\n

Add CSS styling to static\/css\/main.css<\/code>: (Content of main.css remains the same)<\/p>\n

Running the app and visiting http:\/\/localhost:5000\/<\/code> will display the home page.<\/p>\n

Adding an About Page and Navigation<\/h2>\n

Let's create an \"About\" page and add navigation links.<\/p>\n

Create the \"About\" template:<\/p>\n

app\/templates\/about.html<\/strong><\/p>\n

{% extends \"layout.html\" %}\n\n{% block content %}\n  

About<\/h2>\n

This is the About page.<\/p>\n{% endblock %}<\/pre>\n

Update routes.py<\/code> to include the about page route:<\/p>\n

app\/routes.py<\/strong><\/p>\n

from flask import Flask, render_template\n\napp = Flask(__name__)\n\n@app.route('\/')\ndef home():\n  return render_template('home.html')\n\n@app.route('\/about')\ndef about():\n  return render_template('about.html')\n\nif __name__ == '__main__':\n  app.run(debug=True)<\/pre>\n

Add navigation links to layout.html<\/code>: (Content remains the same)<\/p>\n

Add navigation styles to main.css<\/code>: (Content remains the same)<\/p>\n

Now, you can access the about page at http:\/\/localhost:5000\/about<\/code>.<\/p>\n

Conclusion<\/h2>\n

This tutorial demonstrates a basic Flask application, illustrating a scalable workflow for building more complex web applications. Flask's simplicity and power make it an excellent choice for various web development projects.<\/p>"}

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Table of Contents
Flask Installation
Virtualenv Setup
Project Structure
Creating the Home Page
Adding an About Page and Navigation
Conclusion
Home Backend Development Python Tutorial An Introduction to Python's Flask Framework

An Introduction to Python's Flask Framework

Feb 28, 2025 am 10:23 AM

This tutorial demonstrates building a simple two-page website using Flask, a lightweight Python web framework. It focuses on static content to establish a foundational workflow, easily expandable for more complex applications.


Flask Installation

Before starting, install Flask. If you encounter issues, consult online resources or leave a comment detailing the problem.

Virtualenv Setup

We'll use virtualenv to create an isolated Python environment for this project. This prevents conflicts with other system libraries.

Check if virtualenv is already installed:

$ virtualenv --version

If not, install it:

$ pip install virtualenv

Create and activate a virtual environment:

$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate

Now install Flask:

pip install Flask

Project Structure

Organize your project as follows within the flaskapp directory:

<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>

The diagram below illustrates the application flow:

An Introduction to Python’s Flask Framework

  1. A user request (e.g., /) reaches the routes.py file.
  2. routes.py locates the corresponding template in the templates folder.
  3. The template accesses static assets (images, CSS, JavaScript) from the static folder.
  4. The rendered HTML is returned to the browser via routes.py.

Creating the Home Page

To avoid repetitive HTML boilerplate, we'll use web templates. Flask utilizes the Jinja2 template engine.

First, create a base layout template:

app/templates/layout.html

<!DOCTYPE html>
<html>
<head>
<title>Flask App</title>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
</head>
<body>
<div class="container">
  <h1 class="logo">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>
</body>
</html>

Next, create the home page template:

app/templates/home.html

{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2>Welcome!</h2>
    <h3>This is the home page.</h3>
  </div>
{% endblock %}

Now, map the URL to the template in routes.py:

app/routes.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

if __name__ == '__main__':
  app.run(debug=True)

Add CSS styling to static/css/main.css: (Content of main.css remains the same)

Running the app and visiting http://localhost:5000/ will display the home page.

Adding an About Page and Navigation

Let's create an "About" page and add navigation links.

Create the "About" template:

app/templates/about.html

{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}

Update routes.py to include the about page route:

app/routes.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

@app.route('/about')
def about():
  return render_template('about.html')

if __name__ == '__main__':
  app.run(debug=True)

Add navigation links to layout.html: (Content remains the same)

Add navigation styles to main.css: (Content remains the same)

Now, you can access the about page at http://localhost:5000/about.

Conclusion

This tutorial demonstrates a basic Flask application, illustrating a scalable workflow for building more complex web applications. Flask's simplicity and power make it an excellent choice for various web development projects.

The above is the detailed content of An Introduction to Python's Flask Framework. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are dynamic programming techniques, and how do I use them in Python? What are dynamic programming techniques, and how do I use them in Python? Jun 20, 2025 am 12:57 AM

Dynamic programming (DP) optimizes the solution process by breaking down complex problems into simpler subproblems and storing their results to avoid repeated calculations. There are two main methods: 1. Top-down (memorization): recursively decompose the problem and use cache to store intermediate results; 2. Bottom-up (table): Iteratively build solutions from the basic situation. Suitable for scenarios where maximum/minimum values, optimal solutions or overlapping subproblems are required, such as Fibonacci sequences, backpacking problems, etc. In Python, it can be implemented through decorators or arrays, and attention should be paid to identifying recursive relationships, defining the benchmark situation, and optimizing the complexity of space.

How do I perform network programming in Python using sockets? How do I perform network programming in Python using sockets? Jun 20, 2025 am 12:56 AM

Python's socket module is the basis of network programming, providing low-level network communication functions, suitable for building client and server applications. To set up a basic TCP server, you need to use socket.socket() to create objects, bind addresses and ports, call .listen() to listen for connections, and accept client connections through .accept(). To build a TCP client, you need to create a socket object and call .connect() to connect to the server, then use .sendall() to send data and .recv() to receive responses. To handle multiple clients, you can use 1. Threads: start a new thread every time you connect; 2. Asynchronous I/O: For example, the asyncio library can achieve non-blocking communication. Things to note

How do I slice a list in Python? How do I slice a list in Python? Jun 20, 2025 am 12:51 AM

The core answer to Python list slicing is to master the [start:end:step] syntax and understand its behavior. 1. The basic format of list slicing is list[start:end:step], where start is the starting index (included), end is the end index (not included), and step is the step size; 2. Omit start by default start from 0, omit end by default to the end, omit step by default to 1; 3. Use my_list[:n] to get the first n items, and use my_list[-n:] to get the last n items; 4. Use step to skip elements, such as my_list[::2] to get even digits, and negative step values ??can invert the list; 5. Common misunderstandings include the end index not

How do I use the datetime module for working with dates and times in Python? How do I use the datetime module for working with dates and times in Python? Jun 20, 2025 am 12:58 AM

Python's datetime module can meet basic date and time processing requirements. 1. You can get the current date and time through datetime.now(), or you can extract .date() and .time() respectively. 2. Can manually create specific date and time objects, such as datetime(year=2025, month=12, day=25, hour=18, minute=30). 3. Use .strftime() to output strings in format. Common codes include %Y, %m, %d, %H, %M, and %S; use strptime() to parse the string into a datetime object. 4. Use timedelta for date shipping

Polymorphism in python classes Polymorphism in python classes Jul 05, 2025 am 02:58 AM

Polymorphism is a core concept in Python object-oriented programming, referring to "one interface, multiple implementations", allowing for unified processing of different types of objects. 1. Polymorphism is implemented through method rewriting. Subclasses can redefine parent class methods. For example, the spoke() method of Animal class has different implementations in Dog and Cat subclasses. 2. The practical uses of polymorphism include simplifying the code structure and enhancing scalability, such as calling the draw() method uniformly in the graphical drawing program, or handling the common behavior of different characters in game development. 3. Python implementation polymorphism needs to satisfy: the parent class defines a method, and the child class overrides the method, but does not require inheritance of the same parent class. As long as the object implements the same method, this is called the "duck type". 4. Things to note include the maintenance

How do I write a simple 'Hello, World!' program in Python? How do I write a simple 'Hello, World!' program in Python? Jun 24, 2025 am 12:45 AM

The "Hello,World!" program is the most basic example written in Python, which is used to demonstrate the basic syntax and verify that the development environment is configured correctly. 1. It is implemented through a line of code print("Hello,World!"), and after running, the specified text will be output on the console; 2. The running steps include installing Python, writing code with a text editor, saving as a .py file, and executing the file in the terminal; 3. Common errors include missing brackets or quotes, misuse of capital Print, not saving as .py format, and running environment errors; 4. Optional tools include local text editor terminal, online editor (such as replit.com)

What are tuples in Python, and how do they differ from lists? What are tuples in Python, and how do they differ from lists? Jun 20, 2025 am 01:00 AM

TuplesinPythonareimmutabledatastructuresusedtostorecollectionsofitems,whereaslistsaremutable.Tuplesaredefinedwithparenthesesandcommas,supportindexing,andcannotbemodifiedaftercreation,makingthemfasterandmorememory-efficientthanlists.Usetuplesfordatain

How do I generate random strings in Python? How do I generate random strings in Python? Jun 21, 2025 am 01:02 AM

To generate a random string, you can use Python's random and string module combination. The specific steps are: 1. Import random and string modules; 2. Define character pools such as string.ascii_letters and string.digits; 3. Set the required length; 4. Call random.choices() to generate strings. For example, the code includes importrandom and importstring, set length=10, characters=string.ascii_letters string.digits and execute ''.join(random.c

See all articles