Assalamu alaikum Wr. Wb
Salam Pinter Bareng Komputer, ...zero bit...
Pada artikel kali ini kita akan belajar menyesuaian Tampil Produk, Add Produk, Edit Produk projek laravel kita sebelumnya ke dalam jendela yang telah disambungkan dengan Admin LTE 3.2.
Berikut langkah - langkahnya :
- Buka projek Laravel kalian menggunakan editor Visual Studio Code.
- Buka file index.blade.php yang berada di dalam folder produk.
- Hapus script yang ditandai warna merah berikut ini :
<html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Data Produk</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head> <body>
script di tengah - tengah sini jangan dihapus
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</body> </html>
- Kemudian ganti script di bagian atas seperti berikut ini :
@extends('adminlte::page') @section('title','data produk') @section('content_header') <h4>Data Produk</h4> @endsection @section('content')
- Dan ganti script bagian bawah dengan script berikut ini:
@endsection @section('plugins.Datatables', true) @section('js') @endsection
Semoga artikel ini bermanfaat.
0 comments:
Posting Komentar