如何使用Laravel開發一個線上投票系統-Laravel-PHP中文網

如何使用Laravel開發一個線上投票系統

WBOY

發布： 2023-11-02 18:31:56

原創

1276 人瀏覽過

如何使用Laravel開發一個線上投票系統

引言：
隨著網路的發展，越來越多的事物都可以在線上完成，其中包括投票。線上投票系統可以方便、有效率地收集大量使用者的意見和回饋。本文將介紹如何使用Laravel框架來開發一個基本的線上投票系統，並提供具體程式碼範例。

一、環境建置與Laravel安裝：

確保您的機器上已經安裝了PHP和Composer。如果沒有，請先安裝。
開啟命令列窗口，使用Composer安裝Laravel：
composer global require laravel/installer
安裝完成後，在命令列中輸入以下命令以創建一個新的Laravel專案：
laravel new votingsystem
#進入專案目錄：
cd votingsystem
啟動Laravel開發伺服器：
php artisan serve
開啟瀏覽器，造訪http://localhost:8000，如果看到Laravel的歡迎頁面，說明環境搭建成功。

二、資料庫準備：

在專案根目錄中，開啟.env文件，配置資料庫連線資訊。修改以下行：

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=voting_system
DB_USERNAME=root
DB_PASSWORD=

登入後複製

建立一個名為voting_system的資料庫。

三、建立投票相關的模型、遷移和控制器：

在命令列中輸入以下命令以建立一個Poll模型和對應的資料遷移檔案：
php artisan make:model Poll -m

在產生的遷移檔案中，定義polls表格的字段：

public function up()
{
    Schema::create('polls', function (Blueprint $table) {
        $table->id();
        $table->string('title');
        $table->timestamps();
    });
}

登入後複製

執行資料庫遷移：
php artisan migrate
建立一個PollController控制器，並且加入create和store方法：
```
php artisan make:controller PollController --resource
```
登入後複製

#在PollController中，加入create和store方法的實現，以便於建立和保存投票：

<?php

namespace AppHttpControllers;

use IlluminateHttpRequest;
use AppPoll;

class PollController extends Controller
{
    public function create()
    {
        return view('polls.create');
    }

    public function store(Request $request)
    {
        $this->validate($request, [
            'title' => 'required'
        ]);

        $poll = Poll::create([
            'title' => $request->title
        ]);

        // 添加投票选项
        foreach($request->options as $option) {
            $poll->options()->create([
                'name' => $option
            ]);
        }

        return redirect()->route('poll.show', $poll->id);
    }
}

登入後複製

建立Option模型和對應的資料遷移檔案：
##php artisan make:model Option -m

在產生的

Option遷移檔案中，定義options表格的欄位：

public function up()
{
    Schema::create('options', function (Blueprint $table) {
        $table->id();
        $table->unsignedBigInteger('poll_id');
        $table->string('name');
        $table->timestamps();
    });
}

登入後複製

php artisan migrate
#在
Poll模型中，加入與Option#模型的關聯關係：
```
public function options()
{
    return $this->hasMany(Option::class);
}
```
登入後複製

四、建立視圖與路由：

在

resources/views目錄下，建立一個名為polls的資料夾，並在其中建立一個create.blade.php檢視檔：

<form action="{{ route('poll.store') }}" method="POST">
    @csrf
    <label for="title">标题：</label>
    <input type="text" name="title">

    <label for="options">选项：</label>
    <ul id="options">
        <li>
            <input type="text" name="options[]">
        </li>
    </ul>
    <button id="add-option" type="button">添加选项</button>

    <button type="submit">提交</button>
</form>

<script>
document.getElementById('add-option').addEventListener('click', function() {
    var option = document.createElement('li');
    option.innerHTML = '<input type="text" name="options[]">';
    document.getElementById('options').appendChild(option);
});
</script>

登入後複製