Ejercicios CREACIÓN DE PROYECTO WEB PHP LARAVEL
Ejercicio 1: CCREACIÓN DE PROYECTO WEB PHP LARAVEL
Crear el proyecto Laravel
laravel new academico-app
cd academico-app
Configurar conexión a MySQL
Edita tu archivo .env:
DB_DATABASE=academico
DB_USERNAME=root
DB_PASSWORD=tu_contraseña
Crear la migración del modelo Estudiante
php artisan make:model Estudiante -m
Edita database/migrations/xxxx_create_estudiantes_table.php:
public function up()
{
Schema::create('estudiantes', function (Blueprint $table) {
$table->id('idEstudiante');
$table->string('nomEstudiante');
$table->string('dirEstudiante');
$table->string('ciuEstudiante');
$table->timestamps();
});
}
Y luego ejecuta:
php artisan migrate
Agregar Tailwind CSS
Configura tailwind 3 con los siguientes comandos:
npm install -D tailwindcss@3 postcss autoprefixer
npx tailwindcss init -p
Configura tailwind.config.js y añade Tailwind en tu resources/css/app.css:
@tailwind base;
@tailwind components;
@tailwind utilities;
Compila assets:
npm install
npm run dev
Crear rutas, controlador y formulario
Rutas (resources/routes/web.php)
use App\Http\Controllers\EstudianteController;
Route::get('/', [EstudianteController::class, 'create']);
Route::post('/guardar', [EstudianteController::class, 'store']);
Controlador (app/Http/Controllers/EstudianteController.php)
php artisan make:controller EstudianteController
// app/Http/Controllers/EstudianteController.php
use App\Models\Estudiante;
use Illuminate\Http\Request;
public function create() {
return view('formulario');
}
public function store(Request $request) {
Estudiante::create([
'nomEstudiante' => $request->nombre,
'dirEstudiante' => $request->direccion,
'ciuEstudiante' => $request->ciudad
]);
return redirect('/')->with('mensaje', 'Estudiante registrado');
}
Modelo (app/Models/Estudiante.php)
protected $table = 'estudiantes';
protected $primaryKey = 'idEstudiante';
protected $fillable = ['nomEstudiante', 'dirEstudiante', 'ciuEstudiante'];
Vista con Tailwind (resources/views/formulario.blade.php)
Crear la vista formulario
php artisan make:view formulario
← Volver