PART 6 - CREATING A VIEW OR DISPLAY PRODUCTS

Published: 27 March 2023
on channel: Leo Paliuanan

215

Topic: LARAVEL PROJECT (E-SHOP) CAPSTONE PROJECT

PART 6 - CREATING A VIEW OR DISPLAY PRODUCTS

run current project on browser
lets start ============================

1 create a link on the navigation bar
goto resources views layouts and open navigation.blade.php
look for !-- Navigation Links --

x-nav-link :href="route('dashboard')" :active="request()- routeIs('dashboard')"
{{ __('View Products') }}
/x-nav-link

2 check routes - on terminal php artisan route:list
copy seller.products.index
paste on the href of the link

should look like this

x-nav-link :href="route('seller.products.index')" :active="request()- routeIs('seller.products.index')"
{{ __('View Products') }}
/x-nav-link

3 create a blade - lets copy the current blade we have

copy - create.blade.php and rename it to index.blade.php
it is currently inside the folder seller / products

change content to related to viewing of products

4 goto the controller and go to the function index() and add the ff:

$p = products::all();
return view('seller.products.index')
with('p',$p);

5 go back to the index.blade.php - add the ff: code to display records from the table

@foreach ($p as $prod)
div class="row"
div class="col-sm-4"
img src="" class="img-fluid img-thumbnail" alt="product image"

/div
div class="col-sm-8"

div class="card"
div class="card-body"

div class="row"
div class="col-sm-6" CATEGORY: {{$prod- prodcategory}} /div
div class="col-sm-6" PRODUCT NAME: {{$prod- prodname}} /div
/div
div class="row"
div class="col-sm-6" DESCRIPTION: {{$prod- prodesc}} /div
div class="col-sm-6" PRICE: {{$prod- price}} /div
/div
div class="row"
div class="col-sm-6" STOCK: {{$prod- stock}} /div
div class="col-sm-6" CREATED AT: {{$prod- created_at}} /div
/div
div class="row"
div class="col-sm-6" EDITED AT: {{$prod- updated_at}} /div
/div
/div
/div
br

/div
/div
@endforeach

Watch video PART 6 - CREATING A VIEW OR DISPLAY PRODUCTS online without registration, duration hours minute second in high quality. This video was added by user Leo Paliuanan 27 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 215 once and liked it 5 people.

1,518

122