Python Academy · Lekcja

Tworzenie prostej aplikacji internetowej

Utwórz swoją pierwszą aplikację internetową za pomocą Flask

Tworzenie prostej aplikacji internetowej to bezpłatna lekcja Python Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Python Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Python Academy zawiera 4 lekcji w sumie.

Budowanie prostej aplikacji webowej

Teraz, gdy poznali już Państwo podstawy Flask, czas zbudować prostą aplikację webową. Będzie ona zawierać wiele tras, szablony HTML i elementy interaktywne.

W tej lekcji krok po kroku utworzymy podstawową aplikację webową.

Tworzenie prostej aplikacji internetowej — ilustracja 1

Krok 1: Konfigurowanie projektu

Należy utworzyć nowy folder projektu i zainicjować środowisko wirtualne:

python -m venv venv

Następnie należy aktywować środowisko wirtualne i zainstalować Flask:

pip install flask

# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

Krok 2: Tworzenie struktury aplikacji

Należy utworzyć następujące foldery i pliki:

app.py: główny plik aplikacji,
templates/: folder na szablony HTML,
static/: folder na pliki statyczne, takie jak arkusze CSS i obrazy.

Krok 3: Definiowanie tras

W pliku app.py należy zdefiniować trasy strony głównej i strony z informacjami:

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

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

Krok 4: Dodawanie szablonów

Należy utworzyć plik HTML o nazwie home.html w folderze templates/:

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

Krok 5: Korzystanie z render_template

Należy zaktualizować trasy home i about, aby korzystały z szablonów:

# Using templates
from flask import render_template

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

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

Krok 6: Dodawanie plików statycznych

Należy utworzyć plik style.css w folderze static/ i dołączyć go w pliku home.html:

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

Krok 7: Uruchamianie aplikacji

Należy uruchomić aplikację Flask:

python app.py

Następnie należy otworzyć przeglądarkę i przejść pod adres http://127.0.0.1:5000/, aby zobaczyć działanie aplikacji webowej.

Typowe błędy podczas budowania aplikacji webowych

Oto błędy, których należy unikać:

brak uporządkowanej struktury aplikacji (np. brak folderów templates/ i static/),
umieszczanie adresów URL bezpośrednio w kodzie zamiast korzystania z url_for(),
nietestowanie aplikacji w trybie debugowania.

Czego się nauczyliśmy

W tej lekcji poznali Państwo:

sposób konfigurowania struktury projektu Flask,
sposób definiowania tras i korzystania z szablonów,
sposób dołączania do aplikacji plików statycznych, takich jak arkusze CSS,
sposób uruchamiania aplikacji Flask i wyświetlania jej w przeglądarce.

Świetna praca! Przejdźmy do następnego tematu.

Tworzenie prostej aplikacji internetowej — ilustracja 11

Często zadawane pytania

Czy lekcja „Tworzenie prostej aplikacji internetowej” jest bezpłatna?

Tak — pełny tekst „Tworzenie prostej aplikacji internetowej” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Python Academy, przejdź na CoddyKit PRO. Kurs Python Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Tworzenie prostej aplikacji internetowej”?

Utwórz swoją pierwszą aplikację internetową za pomocą Flask Ćwiczysz Python Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Python Academy?

Nie wymagamy żadnego doświadczenia. Python Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Tworzenie prostej aplikacji internetowej”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Python Academy?

Tak. Każda lekcja Python Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

Podstawy frameworków internetowych
Wprowadzenie do Flask
Tworzenie prostej aplikacji internetowej
Łączenie Pythona z bazami danych

← Powrót do Python Academy