Era digitală necesită experiențe web dinamice și interactive. Construirea unui server web este piatra de temelie a acestui peisaj digital, permițându-vă să creați aplicații care depășesc paginile HTML statice. Python, cu sintaxa sa elegantă și bibliotecile extinse, oferă o bază puternică pentru dezvoltarea web. Flask, un microcadru ușor și versatil, simplifică și mai mult procesul. Combinând flexibilitatea Python cu abordarea simplificată a Flask, dezvoltatorii pot construi rapid și eficient servere web robuste. Această călătorie aprofundează în conceptele de bază ale dezvoltării web, de la gestionarea solicitărilor și răspunsurilor HTTP la rutare și șabloane, dându-vă puterea să construiți aplicații web captivante și funcționale care se pot conecta și informa lumea.  „Web-ul devine piața orașului pentru satul global de mâine”. - Bill Gates  Cerințe preliminare  Python 3.x  Balon  Instalați Flask folosind pip:   pip install flask  Codul  Mai jos este codul complet pentru un   : sistem simplu de rezervare la Restaurant   from flask import Flask, render_template, request app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/submit', methods=['POST']) def submit(): # Extract form data name = request.form['name'] phone = request.form['phone'] email = request.form['email'] date = request.form['date'] time = request.form['time'] # Create a message for the result page message = ( f"Hello, {name.split()[0]}! Your reservation has been booked for {date} at {time}. " f"A reminder has been sent to {phone} and {email}" ) return render_template('result.html', message=message) if __name__ == '__main__': app.run(debug=True)    : Începem prin a importa modulele necesare din Flask. Flask este clasa principală pentru aplicația noastră, render_template este folosit pentru a reda șabloane HTML, iar cererea este folosită pentru a gestiona datele din formulare primite. Importul modulelor Flask    : Creăm o instanță a clasei Flask, care va fi aplicația noastră WSGI (Web Server Gateway Interface). Crearea aplicației Flask    : Definirea rutelor    : Această rută redă șablonul   , care ar trebui să conțină formularul pentru ca utilizatorii să introducă detaliile rezervării. Index Route ('/') index.html    : Această rută se ocupă de trimiterea formularului. Extrage datele din formular folosind   și construiește un mesaj de confirmare. Mesajul este apoi transmis șablonului   pentru randare. Submit Route ('/submit') request.form result.html   Rularea aplicației:   python app.py    : dacă   include   , serverul va porni în modul de depanare, care este util pentru dezvoltare. Oferă mesaje de eroare detaliate și reîncarcă automat serverul atunci când modificați codul. Modul de depanare app.py app.run(debug=True)    : implicit, Flask rulează pe   . Dacă trebuie să schimbați gazda sau portul, puteți modifica apelul   în   : Port și gazdă http://127.0.0.1:5000/ app.run() app.py   if __name__ == '__main__': app.run(host='0.0.0.0', port=8000, debug=True) Index.html  Fișierul   servește ca interfață cu utilizatorul pentru sistemul de rezervare, oferind un formular în care utilizatorii își pot introduce detalii precum numele, numărul de telefon, e-mailul, data și ora pentru rezervarea unei mese. Este stilat cu CSS pentru a oferi o experiență atrăgătoare din punct de vedere vizual și ușor de utilizat. La trimitere, datele formularului sunt trimise către server pentru procesare. index.html     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Restaurant Table Booking</title> <style> body { font-family: Arial, sans-serif; background-image: url('https://img.freepik.com/premium-vector/delicious-food-menu-landing-page-template-homepage-design_631465-116.jpg?w=2000'); background-size: cover; background-position: center; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .form-container { background-color: rgba(255, 255, 255, 0.8); padding: 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); max-width: 300px; width: 100%; } h1 { text-align: center; color: #333; } label { display: block; margin-bottom: 8px; color: #555; } input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="time"] { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } input[type="submit"] { width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } input[type="submit"]:hover { background-color: #45a049; } </style> </head> <body> <div class="form-container"> <h1>Book a Table</h1> <form action="/submit" method="POST"> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="phone">Phone Number:</label> <input type="tel" id="phone" name="phone" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="date">Date:</label> <input type="date" id="date" name="date" required> <label for="time">Time:</label> <input type="time" id="time" name="time" required> <input type="submit" value="Submit"> </form> </div> </body> </html>  Rezultat.html  Fișierul   afișează un mesaj de confirmare pentru utilizator după ce formularul este trimis. Afișează în mod dinamic detaliile rezervării, confirmând rezervarea și asigură că a fost trimis un memento la informațiile de contact furnizate result.html     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Reservation Confirmation</title> <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet"> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-image: url('https://img.freepik.com/free-vector/minimal-doodle-frame-background-social-story-highlight_53876-97970.jpg?t=st=1735447681~exp=1735451281~hmac=d8f33db86d2b336838279674afb91df8c2089c7e8be13d316dc26982e0b30ac2&w=2000'); background-size: cover; background-position: center; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; color: #fff; } .form-container { background-color: rgba(0, 0, 0, 0.7); padding: 40px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); max-width: 400px; width: 100%; text-align: center; } h1 { font-family: 'Lobster', cursive; font-size: 32px; margin-bottom: 20px; } p { font-size: 18px; line-height: 1.5; } </style> </head> <body> <div class="form-container"> <h1>Reservation Confirmed!</h1> <p>{{ message }}</p> </div> </body> </html>  Gânduri de închidere  Am aprofundat în principiile de bază ale dezvoltării web, de la gestionarea solicitărilor HTTP la redarea conținutului dinamic, punând o bază solidă pentru eforturile viitoare. Web-ul este un peisaj în continuă evoluție, plin de oportunități pentru inovație și creativitate. Acceptați această provocare, continuați să explorați posibilitățile vaste de dezvoltare web și să contribuiți la tapițeria în continuă creștere a internetului

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

This story contains AI-generated text. The author has used AI either for research, to generate outlines, or write the text itself. 

Read My Stories

Acest audio este produs în limba originală a poveștii!

Construirea unui server web cu Python și Flask

About Author

COMENTARII

Etichete suspendate

ACEST ARTICOL A FOST PREZENTAT IN

Related Stories

The TechBeat: Digital Transformation Success Stories in Mezzanine Lending (2/28/2024)

The TechBeat: Apple Customers Return Vision Pro By The Droves (2/26/2024)

How Soon Can Google Investors Make Bank?

The #bitcoin Writing Contest by Rootstock and HackerNoon: Round 2 Results 🎉

The TechBeat: Digital Transformation Success Stories in Mezzanine Lending (2/28/2024)

The TechBeat: Apple Customers Return Vision Pro By The Droves (2/26/2024)

How Soon Can Google Investors Make Bank?

The #bitcoin Writing Contest by Rootstock and HackerNoon: Round 2 Results 🎉

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps