專案建立

建立專案資料夾

直接在C槽跟目錄下新增一個名為projects的資料夾,往後專案都放在這裡方便管理。

或是使用CMD命令提示字元來新增資料夾,使用 cd 指令移到C槽跟目錄,利用 mkdir 指令新增一個projects資料夾,打開C槽即會發現剛剛新增的資料夾。

cd C:\
mkdir projects

新建 laravel 專案

一樣使用CMD命令提示字元, 使用 cd 指令移到剛剛建立的projects目錄 。

cd C:\projects

利用之前安裝的 composer 來建立名為 todolist 的 laravel 專案,指令為composer create-project –prefer-dist laravel/laravel (專案名稱)

composer create-project --prefer-dist laravel/laravel todolist

耐心等待一段時間,直到出現successfully字樣代表成功建立專案。

接著進到剛剛建立的目錄裡,直接右鍵專案,使用 vscode 開啟專案。

開啟後使用上方選單新增一個終端機,或是使用快捷鍵Ctrl + Shift +`來開啟,這時就可以關掉cmd,我們不需要它了。

在下方終端機輸入npm install 來安裝所需套件,這部分也須耐心等候。

npm install

用終端機開啟php內建的伺服器。

php artisan serve

在瀏覽器輸出網址127.0.0.1:8000,看到下面laravel的歡迎畫面即成功安裝。

資料庫設定

新增資料庫

因為要使用到資料庫,這時之前安裝的 xampp 就可以派上用場了,打開 xampp ,並將 apache、mysql 服務器都打開,並按下 mysql 旁的 admin 按鈕進入 phpmyadmin 資料庫管理介面。

新建一個資料庫取名為 todolist 用來存放之後代辦事項的資料,並使用utf8_general_ci 編碼,以免發生亂碼的情形。

資料庫連線

這裡回到 vscode ,由於我們已經使用一個終端機來啟用伺服器,因此我們可以按下分割按鈕來新增另一個終端機來使用。

接著要來設定資料庫的連線,打開專案中的 .env 檔,填入資料庫名稱(DB_DATABASE)及資料庫帳號(DB_USERNAME)與密碼(DB_PASSWORD),由於為了方便示範,教學部另外設定資料庫的帳密,使用最高權限帳戶root,若未設定密碼就空白即可。

建立 Model 及 Migration

新增一個 model 以及 一個 migration 檔。

php artisan make:model Todo -m

表示建立一個名為 Todo 的 model -m 指的是同時產生該資料表的 migration

此時即可發現成功新增了一個Todo.php的model以及database>migrations>2019_05_05_142750_create_todos_table.php,前面的時間會依新增日期而不同。

新建資料表

開啟剛剛的migrate檔,新增posts資料表以及新增四個資料欄位,分別為id/title/content/時間。

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

切換到app>Providers>AppServiceProvider.php新增兩行程式。

use Illuminate\Support\Facades\Schema;
Schema::defaultStringLength(191);

回到終端機,migrate到資料庫中。

php artisan migrate

回到phpmyadmin即可發現資料表已成功移入了。

文章列表