Frontend Framework - Bootstrap 5

Frontend Framework yang mudah dipelajari dan powerfull untuk digunakan dalam pembuatan website.

Web Language Programming - PHP 8

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.

Framework PHP - Laravel

Laravel is a web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small things.

The Mobile SDK for The WEB

An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in React/Vue/Angular.

App Game Kit

AppGameKit is an easy to learn game development engine, ideal for Beginners, Hobbyists and Indie developers

03 Januari 2025

Mengaktifkan Menu Produk

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 :
  1. Buka projek Laravel kalian menggunakan editor Visual Studio Code.
  2. Buka file index.blade.php yang berada di dalam folder produk.
  3. 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>
  4. 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')
    
    
  5. Dan ganti script bagian bawah dengan script berikut ini:

  6. 
    @endsection
    
    @section('plugins.Datatables', true)
    
    @section('js')
        
    @endsection
        
    
Semoga artikel ini bermanfaat.