This is the 2nd part of our Laravel blog,news website tutorials from scracth . If you haven't seen our first part visit Creating Laravel Blog,News website from scratch tutorial series | Part 1 We will proceed step by step. So, let's work for admin panel

1) Setup Admin Panel Theme

• Download admin theme ex: https://startbootstrap.com/template-overviews/sb-admin
• Create 'admin' folder inside public/
• Copy css,js,images,fonts,vendor file to public/admin/
• create folder 'admin' inside resources/views/
• Create folder 'layout' inside resources/views/admin/
• Copy index.html of downlaod admin theme to resources/views/admin/layout
• Rename this index.html to master.blade.php
• Open master.blade.php and
• set css,js path ex: {{asset('public/admin/css/bootstrap.min.css')}}
• remove code between class="container-fluid" then put below

• also replace

• Create a file 'home.blade.php' inside resources/views/admin

• Put below inside home.blade.php

Create Routes

put below route inside app/routes.php

Create Controller

- Create a folder 'Admin' inside app\Http\Controllers - Create controller 'AdminController.php' inside this 'Admin' folder command : php artisan make:controller Admin\AdminController So it looks app\Http\Controllers\Admin\AdminController.php Replace with below

Now type below on url to test admin theme
ex:

Do remove extra code from master.blade.php ex: - menu - top bar (message ,notification,search )   After cleanup , our admin's master.blade.php looks

  < Core plugin JavaScript>  < Page level plugin JavaScript>    < Custom scripts for all pages>  < Demo scripts for this page>   @yield('footer_scripts')   

 

2) Admin Login System

Now we setup above admin theme, time to create admin login system . Well, You should already have admin database table that looks like below .

• Create Database Table : admin (aid,username,password,created_at,updated_at )
• Create model 'Admin.php' inside app/folder
• you can create using below command
• php artisan make:model Admin

now put below code inisde this class of Admin.php model ,it looks like

put below inside routes.php

Import Admin model on AdminController ex:

Create 4 new function inside AdminController index,login,logout,home index function looks

// Login function

create index.blade.php inside resources/views/admin/

      
 
 @if(Session::has('message')) 
 {{ Session::get('message') }} 
 @endif
   
   
   
   
   @if (Session::has('errors')) 
 @foreach ($errors->all() as $error)
   {{ $error }}
 @endforeach 
 @endif 
Admin Panel Login
 
 {{csrf_field()}}    
 
 
  < Bootstrap Core JavaScript >  < Morris Charts JavaScript >      

now open admin login from browser

Note : there no any record inside 'admin' table for login test So,

• uncomment below line of AdminController.php approx line no. 52

• access admin login page ex:

• put any username ,password (ex: admin, admin) then click submit
• it will show the hashed password of the entered password's string ex:

• Now access your database from phpmyadmin then go to 'admin' table
• then click on 'insert' tab put there

• now comment below line line of AdminController.php approx line no. 52 ex:

• and finally test login page ex:

 

3) Restrict directly access to admin pages

HTTP middleware provide a convenient mechanism for filtering HTTP requests entering your application. For example, Laravel includes a middleware that verifies the user of your application is authenticated. If the user is not authenticated, the middleware will redirect the user to the login screen. However, if the user is authenticated, the middleware will allow the request to proceed further into the application. Of course, middleware can be written to perform a variety of tasks besides authentication. A CORS middleware might be responsible for adding the proper headers to all responses leaving your application. A logging middleware might log all incoming requests to your application.

1) First lets create the middleware, you can call it whatever, let's say AdminMiddleware:

Execute below command

Now it create 'AdminMiddleware.php' under app\Http\Middleware

2) Now edit as shown below

3) Now, we need to use it in the routes/web.php file.

For more details regarding middleware visit laravel official documentation https://laravel.com/docs/7.x/middleware Next Part Creating Laravel Blog,News website from scratch tutorial series part 3 previous Creating Laravel Blog,News website from scratch tutorial series | Part 1