Wednesday, 30 April 2025

DAY26 เพิ่มหน้า Login Frontend

25 Dec 2024
146

หลังจากที่ทำการแบ่งหน้าแต่ละส่วนเป้น header,footer มาแล้วก็มาส่วนของสร้างหน้า login กันใหม่โดย copy html มาแล้วมาวางที่ resource>view>auth

จากนั้นก็วาง html ที่ design หน้าlogin ลงไป แล้วก็ นำแต่ละส่วนเข้ามา

 

@extends(‘frontend.frontend_dashboard’) 
@section(‘main’)
html ที่ design หน้าlogin
@section
จากนั้นก็มาแก้ ส่วนของ sign in
<h4>Login</h4>
                                        <form action=”{{ route(‘login’) }}” method=”post” class=”default-form”>
                                        @csrf
                                            <div class=”form-group”>
                                                <label>Email/Name/Phone</label>
                                                <input type=”text” name=”login” id=”login” required=””>
                                            </div>
                                            <div class=”form-group”>
                                                <label>Password</label>
                                                <input type=”password” name=”password” id=”password” required=””>
                                            </div>
                                            <div class=”form-group message-btn”>
                                                <button type=”submit” class=”theme-btn btn-one”>Sign in</button>
จากนั้นเราก็ทดสอบ login ดูกันเลย เย้! คุณทำได้
                                            </div>