如何在 Laravel 框架下开发一个基本的 Web 应用

海尔源码
12 阅读3分钟

1. 安装 Laravel

首先，我们需要在本地开发环境中安装 Laravel。这里假设你已经安装好了 PHP 和 Composer。如果还没有，可以先安装它们。

  1. 安装 Laravel

在终端中执行以下命令来安装一个新的 Laravel 项目：

bash
复制编辑
composer create-project --prefer-dist laravel/laravel laravel-demo

这条命令会在当前目录下创建一个名为 laravel-demo 的新目录，并且下载并安装 Laravel。

  1. 进入项目目录
bash
复制编辑
cd laravel-demo
  1. 启动本地开发服务器

在项目目录下执行以下命令启动 Laravel 内置的开发服务器：

bash
复制编辑
php artisan serve

默认情况下，Laravel 会在 http://127.0.0.1:8000 启动一个开发服务器，你可以在浏览器中访问这个 URL 来查看你的应用。

2. 创建一个简单的控制器和视图

我们将创建一个简单的控制器来展示如何返回数据并渲染视图。

  1. 创建控制器

执行以下命令来创建一个控制器，假设我们想创建一个 HomeController：

bash
复制编辑
php artisan make:controller HomeController

这个命令会在 app/Http/Controllers/ 目录下创建一个名为 HomeController.php 的文件。

  1. 定义控制器方法

打开 app/Http/Controllers/HomeController.php 文件，修改内容如下：

php
复制编辑
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
    // 默认方法
    public function index()
    {
        $message = "Welcome to Laravel!";
        return view('home', compact('message')); // 将数据传递到视图
    }
}
  1. 创建视图

在 resources/views 目录下创建一个视图文件 home.blade.php：

html
复制编辑
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Laravel Demo</title>
</head>
<body>
    <h1>{{ $message }}</h1>
</body>
</html>

3. 配置路由

Laravel 使用 路由 来将 URL 映射到控制器方法。我们需要在 routes/web.php 中定义一个路由，指向我们刚才创建的控制器方法。

打开 routes/web.php 文件，修改或添加如下路由：

php
复制编辑
use App\Http\Controllers\HomeController;

Route::get('/', [HomeController::class, 'index']);

4. 访问应用

现在，我们已经完成了基本的控制器、视图和路由配置。你可以通过浏览器访问 http://127.0.0.1:8000，你应该会看到以下内容：

css
复制编辑
Welcome to Laravel!

这是我们从控制器传递到视图的数据。

5. 使用数据库（简单的 CRUD）

让我们接下来展示如何在 Laravel 中使用数据库来执行基本的 CRUD（创建、读取、更新、删除） 操作。

1. 配置数据库连接

首先，确保你已经配置好数据库连接。在 .env 文件中，配置你的数据库连接信息（例如 MySQL）：

env
复制编辑
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_demo
DB_USERNAME=root
DB_PASSWORD=

2. 创建数据库迁移

Laravel 提供了非常强大的数据库迁移功能。我们可以通过迁移来创建数据库表。

执行以下命令创建一个新的迁移文件：

bash
复制编辑
php artisan make:migration create_users_table

打开 database/migrations/ 目录下生成的迁移文件，在 up 方法中添加如下内容来定义 users 表的结构：

php
复制编辑
public function up()
{
    Schema::create('users', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('email')->unique();
        $table->timestamps();
    });
}

3. 运行迁移

执行以下命令来创建数据库表：

bash
复制编辑
php artisan migrate

4. 创建模型（Model）

接下来，创建一个模型来与数据库进行交互：

bash
复制编辑
php artisan make:model User

这个命令会在 app/Models/ 目录下创建一个名为 User.php 的模型。

5. 控制器中的 CRUD 操作

我们来创建一个用于显示和创建用户的简单 CRUD 控制器。

首先，编辑 HomeController.php，添加一个新的方法来展示所有用户：

php
复制编辑
use App\Models\User;

class HomeController extends Controller
{
    public function index()
    {
        $message = "Welcome to Laravel!";
        return view('home', compact('message'));
    }

    // 显示所有用户
    public function showUsers()
    {
        $users = User::all();  // 获取所有用户
        return view('users.index', compact('users'));
    }

    // 创建一个用户
    public function createUser(Request $request)
    {
        $user = User::create([
            'name' => $request->name,
            'email' => $request->email,
        ]);
        return redirect()->route('users.index');
    }
}

6. 设置路由

在 routes/web.php 中，添加以下路由来支持用户列表展示和用户创建：

php
复制编辑
Route::get('/users', [HomeController::class, 'showUsers'])->name('users.index');
Route::post('/users', [HomeController::class, 'createUser']);

7. 创建视图来展示和创建用户

在 resources/views 目录下，创建一个 users 文件夹，并在其中创建 index.blade.php 文件来显示用户列表：

html
复制编辑
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Laravel Users</title>
</head>
<body>
    <h1>Users List</h1>

    <form action="/users" method="POST">
        @csrf
        <input type="text" name="name" placeholder="Name" required>
        <input type="email" name="email" placeholder="Email" required>
        <button type="submit">Create User</button>
    </form>

    <h2>User List:</h2>
    <ul>
        @foreach($users as $user)
            <li>{{ $user->name }} ({{ $user->email }})</li>
        @endforeach
    </ul>
</body>
</html>

8. 访问用户列表和创建用户

  1. 在浏览器中访问 http://127.0.0.1:8000/users，你将看到一个用户列表页面和一个表单来创建新用户。
  2. 填写表单并提交，你将看到新用户被添加到列表中。

海尔源码haierym.com

avatar
文章
阅读
粉丝