Laravel 學習筆記 — 專案練習 Part 1 — 會員系統

在終端機中，欲建立新專案的目錄下執行：

1. laravel new ithelp (建立新專案)，如果是打 laravel new ithelp --jet ，會順便安裝 jetstream
2. ls -al (查看所有檔案)
3. git init (發現未做初始化的管控：Initialized empty Git repository in C:/Users/vinci/ithelp/.git/)
4. git add . (鍵入指令)
5. git commit -m "init commit" (讓系統跑)

養成習慣，在開發的過程中，做版本控制

此處是使用 phpstorm IDE 開啟專案，如果跳出 run"npm"install ，就讓他跑

6. 在終端機使用：php artisan serve 讓專案跑起來，到網頁開啟 http://localhost:8000/ ，查看是否有畫面；如果要查看版本：php artisan --version

7. composer require laravel/jetstream

8. php artisan jetstream:install livewire ，注意跑完後，會提醒我們要跑另外一段：npm install && npm run dev

原本 resources 內的 app.css 跟 app.js 在最後會打包成供外部讀取的 app.css 跟 app.js 放在 public 資料夾內

此處看到 /css/app.css 檔案有4.38 MiB ，是因為 Tailwind CSS ，本身提供很多小單元的排列組合供使用，如果想幫該檔案減肥，可至 Tailwind 了解

跑完後會看到，css 跟 js 打包狀況

可以發現，剛在安裝 livewire 時，系統自動幫我們做了 Migration

系統自動幫我們做了 Migration

migration 產生的相關表格

資料庫：此次使用簡單的 SQLite ，避免複雜的安裝

1. 打開 .env 將 DB_CONNECTION 改成 sqlite

2. 到 config\database.php 將 sqlite 中，將 database_path 的路徑做修改 'database' => env('DB_DATABASE', database_path('ithelp.sqlite')),

將database_path 修改成 ithelp.sqlite

3. 快速建一個資料庫： touch database/ithelp.sqlite

4. php artisan migrate，會發現出現錯誤訊息

解決方法是到 .env 將 DB_DATABASE=ithelp 這行註解掉，意思是，我們就不在 .env 指定 database，而是在 config\database.php 中指定

php artisan migrate 後出現錯誤訊息

將 DB_DATABASE=ithelp 這行註解掉

再次執行php artisan migrate 即可成功

再次執行php artisan migrate 即可成功

打開剛建立的資料庫，看看是否有 sessions 跟 password_rests 一些資料表產生，如果有的話即表示透過 jetstream 快速建立會員相關的系統成功

出現 sessions password_rests 這些就好了

再次啟動 php artisan serve 查看首頁，可以發現右上角多了 Login 跟 Register

試著進行註冊，切記，註冊密碼需有8位數

註冊密碼需有8位數

註冊完會跑到 Dashboard

可以點擊右方帳號內的 Profile 做更多操作，包含上傳個人照片、修改密碼、二階段驗證、清除別的瀏覽器的 sessions 或是刪除帳號

註冊完會跑到 Dashboard

修改個人資料跟密碼

二階段驗證、清除別的瀏覽器的 sessions 或是刪除帳號

接下來可以試試剛才註冊的帳號，到 Login 是否能順利登入，就差不多拉