Creare una semplice lista di cose da fare
Crei una semplice applicazione per la lista di cose da fare con PHP e HTML
Creare una semplice lista di cose da fare è una lezione PHP Academy gratuita su CoddyKit. Questa è la lezione 1 di 2. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento PHP Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso PHP Academy include 2 lezioni in totale.
Introduzione al progetto della lista di cose da fare
Creazione di una semplice lista di cose da fare
Benvenuto alla lezione sulla creazione di una semplice lista di cose da fare! In questo progetto imparerà a creare un'applicazione PHP per aggiungere, visualizzare e rimuovere attività. Iniziamo!
Configurazione del progetto
Prima di iniziare, si assicuri di avere quanto segue:
- Un server web come XAMPP o WAMP.
- Un editor di testo o un IDE (ad esempio, VS Code).
- Un file denominato
todo.phpnella directory del progetto.
Punto chiave: Questo progetto utilizzerà le sessioni PHP per memorizzare temporaneamente le attività.
Creazione della struttura HTML di base
Inizi creando il layout HTML per l'applicazione della lista di cose da fare. Ecco un esempio:
Suggerimento: Utilizzi l'elemento ul per visualizzare l'elenco delle attività.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do List</title>
</head>
<body>
<h1>To-Do List</h1>
<form action="todo.php" method="post">
<input type="text" name="task" placeholder="Enter a new task" required>
<button type="submit" name="add">Add Task</button>
</form>
<ul>
<!-- Task list will appear here -->
</ul>
</body>
</html>
Avvio della sessione PHP
Utilizzi le sessioni PHP per memorizzare le attività tra una richiesta e l'altra. Aggiunga questo codice all'inizio del file todo.php:
Punto chiave: Le sessioni consentono di mantenere i dati mentre si passa da una pagina all'altra.
<?php
session_start();
if (!isset($_SESSION['tasks'])) {
$_SESSION['tasks'] = [];
}
?>
Aggiunta di attività alla lista
Aggiunta di attività all'elenco
Elabori l'invio del modulo per aggiungere una nuova attività alla sessione. Esempio:
Suggerimento: Utilizzi trim() per rimuovere gli spazi non necessari dall'input dell'utente.
<?php
if (isset($_POST['add'])) {
$task = trim($_POST['task']);
if (!empty($task)) {
$_SESSION['tasks'][] = $task;
}
}
?>
Visualizzazione dell'elenco delle attività
Utilizzi un ciclo per visualizzare le attività memorizzate nella sessione. Esempio:
Punto chiave: Ogni attività include un pulsante di eliminazione per rimuoverla dall'elenco.
<ul>
<?php
if (!empty($_SESSION['tasks'])) {
foreach ($_SESSION['tasks'] as $key => $task) {
echo "<li>$task <form style='display:inline;' method='post'><button type='submit' name='delete' value='$key'>Delete</button></form></li>";
}
} else {
echo "<li>No tasks added yet.</li>";
}
?>
</ul>
Eliminazione di un'attività
Elabori l'invio tramite il pulsante di eliminazione per rimuovere le attività. Esempio:
Suggerimento: La reindicizzazione garantisce che gli indici delle attività rimangano coerenti dopo l'eliminazione.
<?php
if (isset($_POST['delete'])) {
$key = $_POST['delete'];
unset($_SESSION['tasks'][$key]);
$_SESSION['tasks'] = array_values($_SESSION['tasks']); // Re-index the array
}
?>
Miglioramento dell'applicazione
Ecco alcuni miglioramenti che può aggiungere:
- Stili l'applicazione con CSS per ottenere un'interfaccia utente migliore.
- Utilizzi JavaScript per aggiungere finestre di conferma prima di eliminare le attività.
- Memorizzi le attività in un database per una conservazione persistente dei dati.
Punto chiave: I miglioramenti rendono l'applicazione più intuitiva e funzionale.
Ottimo lavoro!
Complimenti! Ha creato una semplice applicazione per la lista delle cose da fare utilizzando PHP. Ha imparato a usare le sessioni per memorizzare le attività, elaborare i dati dei moduli e visualizzare ed eliminare dinamicamente le attività. Nella prossima lezione creeremo un altro progetto divertente per migliorare le Sue competenze in PHP. Continui a programmare!
Impara PHP con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 49
- Lezioni
- 195
Domande Frequenti
La lezione «Creare una semplice lista di cose da fare» è gratuita?
Sì — il testo completo di «Creare una semplice lista di cose da fare» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso PHP Academy, passa a CoddyKit PRO. Il corso PHP Academy include 2 lezioni in totale.
Cosa imparerò in «Creare una semplice lista di cose da fare»?
Crei una semplice applicazione per la lista di cose da fare con PHP e HTML Eserciti PHP Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare PHP Academy?
Non è richiesta alcuna esperienza precedente. PHP Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 2.
Quanto tempo richiede la lezione «Creare una semplice lista di cose da fare»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione PHP Academy?
Sì. Ogni lezione PHP Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Creare una semplice lista di cose da fare
- Creare un modulo di contatto