Monday, 2 December 2024

DAY15 Create Admin Login

07 Nov 2024
21
luminox watches

หลังจากที่เราแก้ปุ่ม Logout ให้ redirect ไปหน้า login เรียบร้อยแล้วตอนนี้เราจะมาทำ admin login กันให้ไม่เหมือนกับ userทั่วไปใช้กันครับ

1. เริ่มจาก สร้าง route กัน

 

Route::get(‘/admin/login’, [AdminController::class, ‘AdminLogin’])->
    name(‘admin.login’);
create route-admin-login

create route-admin-login

2 .สร้าง view login กันก่อนครับ new file ที่ resources>views>admin>admin_login.blade.php

Create-view-admin-login

Create-view-admin-login

3. จากนั้นก็ copy html login มาใส่ครับ แก้ css เป็น {{asset (‘ใส่ลิงค์ตรงนี้‘)}}

4. หลังจากแก้ html เรียบร้อยแล้ว ก็ลอง test login ดูที่  127.0.0.1/admin/login

admin-login-window

admin-login-window

 

5. เพิ่มรูปให้สวยงามสักหน่อย สรา้ง folder  upload ที่ public จากนั้นก็วางรูปไว้ที่นี่แล้ว เพิ่ม css ที่หน้า login_admin.blade.php

 <style type=”text/css”>
    .authlogin-side-wrapper{
      width:100%;
      height: 100%;
      background-image:url({{asset(‘upload/login.png’)}});
    }
  </style>

6. เมื่อ login ได้แล้วตอน logout ออกจะไป default login เราต้องไปแก้ให้กลับมา login ที่ admin ด้วย

 

public function AdminLogout(Request $request){
        Auth::guard(‘web’)->logout();
        $request->session()->invalidate();
        $request->session()->regenerateToken();
        return redirect(‘/admin/login‘);

 

7.ปรับ folder assets ไปอยู่ใน backend แล้วเปลี่ย path เป็น

<script src=”{{ asset (‘backend/assets/js/dashboard-dark.js’)}}”></script>
แล้ว run  php artisan optimize เพื่อ clear cache สักทีนึง
Thanat Sirikitphattana

แบ่งปันกัน เราอยู่กันไม่เกิน 100 ปีหรอกครับ
สุดท้ายก็ทิ้งไว้ที่โลก จะคงเหลือไว้แต่คุณงามความดีที่ให้ระลึกถึงกันครับ

Follow Us / Thanat Sirikitphattana