:::

6-1 修改註冊頁面

一、修改註冊界面

  1. 上一單元在原先的users資料表加入兩個欄位後,接著,我們必須讓使用者可以填寫這兩個欄位,所以,我們可以修改一下註冊的界面,將這兩個欄位加入註冊表單中。
  2. 開啟註冊頁面的blade檔案:\專案\resources\views\auth\register.blade.php,我們可以在密碼輸入框的下方加入兩個欄位的表單語法(表單語法可以直接複製nameemail的表單語法來修改即可):
    <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. 重新整理畫面:

到GitHub觀看此單元程式異動


:::

書籍目錄

展開 | 闔起

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D43%26tbdsn%3D1400

計數器

今天: 1489148914891489
昨天: 1416141614161416
總計: 7340136734013673401367340136734013673401367340136