6-1 修改註冊頁面

一、修改註冊界面

1. 上一單元在原先的users資料表加入兩個欄位後，接著，我們必須讓使用者可以填寫這兩個欄位，所以，我們可以修改一下註冊的界面，將這兩個欄位加入註冊表單中。
2. 開啟註冊頁面的blade檔案：\專案\resources\views\auth\register.blade.php，我們可以在密碼輸入框的下方加入兩個欄位的表單語法（表單語法可以直接複製name或email的表單語法來修改即可）：

   <div class="form-group row">
       <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Address') }}</label>
   
       <div class="col-md-6">
           <input id="address" type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{ old('address') }}" required autocomplete="address">
   
           @error('address')
               <span class="invalid-feedback" role="alert">
                   <strong>{{ $message }}</strong>
               </span>
           @enderror
       </div>
   </div>
   
   <div class="form-group row">
       <label for="tel" class="col-md-4 col-form-label text-md-right">{{ __('Tel') }}</label>
   
       <div class="col-md-6">
           <input id="tel" type="text" class="form-control @error('tel') is-invalid @enderror" name="tel" value="{{ old('tel') }}" required autocomplete="tel">
   
           @error('tel')
               <span class="invalid-feedback" role="alert">
                   <strong>{{ $message }}</strong>
               </span>
           @enderror
       </div>
   </div>

3. 其中 old() 是輔助函數，可參考：https://learnku.com/docs/laravel/5.8/helpers/3919#method-old
4. @error @enderror則是Laravel 5.8.13以後才有的新功能，可以在blade視圖中，輕鬆的針對錯誤的欄位來進行相關動作。
5. 看到的畫面如下：
   

二、修改語系

1. 開啟\專案\resources\lang\zh-TW.json，加入兩個語系

   {
       "Login": "登入",
       "Password": "密碼",
       "Remember Me": "記住我",
       "E-Mail Address": "電子郵件",
       "Forgot Your Password?": "忘記密碼？",
       "Verify Your Email Address": "驗證您的電子郵件地址",
       "A fresh verification link has been sent to your email address.": "新的驗證連結已發送到您的電子郵件地址",
       "Before proceeding, please check your email for a verification link.": "在繼續之前，請檢查您的電子郵件以獲取驗證鏈接。",
       "If you did not receive the email": "如果您沒有收到該電子郵件",
       "click here to request another": "點擊這裡申請另一個",
       "Reset Password": "重設密碼",
       "Send Password Reset Link": "寄送重設密碼連結",
       "Confirm Password": "確認密碼",
       "Toggle navigation": "縮放導覽工具",
       "Register": "註冊",
       "Name": "姓名",
       "Logout": "登出",
       "Address": "收貨地址",
       "Tel": "聯絡電話"
   }
   

    

2. 重新整理畫面：