Una aplicación de lista de tareas simple que toma las tareas enviadas por el usuario en un formulario y las guarda en una base de datos MySQL. Las tareas también se recuperan de la base de datos y se muestran en la página web con un botón de eliminación al lado de cada tarea. Cuando se hace clic en el botón Eliminar, la tarea se elimina de la base de datos.
Eso es lo que construiremos en este tutorial.
Como de costumbre, creemos nuestra base de datos. Crea una base de datos llamada todo y en él, crea una tabla llamada Tareas. La tabla de tareas tiene solo dos campos, a saber:
- id – int (10)
- tarea – varchar (255)
Ahora crea dos archivos:
Ábrelos en un editor de texto y pega el siguiente código dentro del archivo index.php:
<!DOCTYPE html>
<html>
<head>
<title>ToDo List Application PHP and MySQL</title>
</head>
<body>
<div class="heading">
<h2 style="font-style: 'Hervetica';">ToDo List Application PHP and MySQL database</h2>
</div>
<form method="post" action="index.php" class="input_form">
<input type="text" name="task" class="task_input">
<button type="submit" name="submit" id="add_btn" class="add_btn">Add Task</button>
</form>
</body>
</html>Si ve su página ahora en el navegador, se verá así:
Agreguemos el estilo. Directamente debajo de la etiqueta