0Pricing
Python For Kids · Lekcja

Tworzenie prostej aplikacji webowej

Stwórz swoją pierwszą aplikację webową przy użyciu Flask.

Tworzenie prostej aplikacji webowej to bezpłatna lekcja Python For Kids 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 For Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Python For Kids zawiera 4 lekcji w sumie.

Tworzenie prostej aplikacji internetowej

Teraz, gdy poznali Państwo podstawy Flask, nadszedł czas na zbudowanie prostej aplikacji internetowej. Aplikacja będzie zawierać wiele tras, szablony HTML i pewne elementy interaktywne.

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

Tworzenie prostej aplikacji webowej — ilustracja 1

Krok 1: Konfiguracja projektu

Utwórz nowy folder projektu i zainicjalizuj środowisko wirtualne:

python -m venv venv

Aktywuj środowisko wirtualne i zainstaluj 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 zdefiniuj trasy dla 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: Używanie render_template

Należy zaktualizować trasy home i about, aby używały 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

Utwórz plik style.css w folderze static/ i połącz go z plikiem 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

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

Częste błędy podczas tworzenia aplikacji internetowych

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

  • Brak uporządkowanej struktury aplikacji (np. brak folderów templates/ i static/).
  • Wpisywanie adresów URL na stałe zamiast używania url_for().
  • Brak testowania aplikacji w trybie debugowania.

Czego się nauczyliśmy?

W tej lekcji poznali Państwo:

  • jak skonfigurować strukturę projektu Flask,
  • jak definiować trasy i używać szablonów,
  • jak dołączać do aplikacji pliki statyczne, takie jak CSS,
  • jak uruchamiać aplikację Flask i wyświetlać ją w przeglądarce.

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

Tworzenie prostej aplikacji webowej — ilustracja 11

Często zadawane pytania

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

Tak — pełny tekst „Tworzenie prostej aplikacji webowej” 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 For Kids, przejdź na CoddyKit PRO. Kurs Python For Kids zawiera 4 lekcji w sumie.

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

Stwórz swoją pierwszą aplikację webową przy użyciu Flask. Ćwiczysz Python For Kids 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 For Kids?

Nie wymagamy żadnego doświadczenia. Python For Kids 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 webowej”?

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 For Kids?

Tak. Każda lekcja Python For Kids 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

  1. Podstawy frameworków webowych
  2. Wprowadzenie do Flask
  3. Tworzenie prostej aplikacji webowej
  4. Łączenie Pythona z bazami danych
← Powrót do Python For Kids