PART 6 - CREATING A VIEW OR DISPLAY PRODUCTS

Опубликовано: 27 Март 2023
на канале: 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

Смотрите видео PART 6 - CREATING A VIEW OR DISPLAY PRODUCTS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Leo Paliuanan 27 Март 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 215 раз и оно понравилось 5 людям.

2,126,826

32 тыс

00:00:59