Scribd
Unggah
35 tayangan4 halaman

Modul 1 Database SQL DG CI4 - Tampil Data

Dokumen ini menjelaskan langkah-langkah untuk menghubungkan database SQL dengan CodeIgniter 4, termasuk pembuatan database, konfigurasi file, dan pembuatan controller, model, dan view untuk menampilkan data mahasiswa. Pengguna diminta untuk membuat database 'dbmahasiswa' dan menambahkan minimal 5 data, serta mengedit beberapa file konfigurasi dalam proyek CodeIgniter. Akhirnya, pengguna diarahkan untuk menjalankan proyek melalui browser.

Diunggah oleh

Tegar Persada SN
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
35 tayangan4 halaman

Modul 1 Database SQL DG CI4 - Tampil Data

Dokumen ini menjelaskan langkah-langkah untuk menghubungkan database SQL dengan CodeIgniter 4, termasuk pembuatan database, konfigurasi file, dan pembuatan controller, model, dan view untuk menampilkan data mahasiswa. Pengguna diminta untuk membuat database 'dbmahasiswa' dan menambahkan minimal 5 data, serta mengedit beberapa file konfigurasi dalam proyek CodeIgniter. Akhirnya, pengguna diarahkan untuk menjalankan proyek melalui browser.

Diunggah oleh

Tegar Persada SN
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

AHMAD FIKRI FAJRI, M.

KOM [PEMOGRAMAN WEB 2 – GANJIL 20211]

KONEKSI DATABASE SQL DENGAN CODEIGNITER 4 – TAMPIL DATA


Buatlah sebuah database dengan nama dbmahasiswa, dengan struktur table seperti berikut :

Nb : Isi Minimal 5 Data

Selanjutnya ekstrak file CodeIgniter4 yang sudah didonlod, dan setting beberapa file yang diperlukan, dengan
cara :
1. Buka File CodeIgniter4 dengan text editor, selanjutnya pilih file env, lakukan konfigurasi seperti
berikut :

Lakukan konfigurasi Pada fil env denga cara :


1. Rename file env dengan menambahkan titik di
awalnya
2. Buka file tersebut, pada baris ke 17 lakukan
perubahan (yg awalnya production diganti menjadi
development)
3. Silahkan disave

2. Selanjutnya lakukakan konfigurasi pada file [Link] ( terletak pada folder App -> Config), Seperti
berikut :

Silahkan Dikonfigurasi file ini dengan


menyesuaikan database yang telah
dibuat
AHMAD FIKRI FAJRI, [Link] [PEMOGRAMAN WEB 2 – GANJIL 20211]

3. Selanjutnya buat sebuah file Controller baru dengan nama [Link], dengan script seperti berikut :

4. Selanjutnya buat file Model dengan nama [Link], dengan script seperti berikut :

<?php

namespace App\Models;

use CodeIgniter\Model;

class Mmahasiswa extends Model


{
protected $table = 'mahasiswa';
protected $primaryKey = 'nobp';

protected $allowedFields = ['nobp', 'nama', 'jurusan', 'jeniskelamin', 'notlp'];


}
AHMAD FIKRI FAJRI, [Link] [PEMOGRAMAN WEB 2 – GANJIL 20211]

5. Selanjutnya masuk untuk View, kita tambahkan sebuah file dengan nama [Link], dengan script
seperti berikut :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data Mahasiswa</title>
<style>
table{
width: 100%;
border-collapse: collapse;
}
</style>
</head>
<body>
<h2> Data Mahasiswa </h2>
<p>
<button type="button" onclick="[Link]='<?php echo site_url('mahasiswa/formtambah') ?
>'">
Tambah Data
</button>
</p>

Hasil<table border="1">
Eksekusi Program :
<thead>
<th>No</th>
<th>NoBp</th>
<th>Nama Mahasiswa</th>
<th>Jurusan</th>
<th>Jenis Kelamin</th>
<th>No Telpon</th>
<th>Aksi</th>
<tbody>
<?php
$nomor=0;
foreach ($datamahasiswa as $row):
$nomor++;
?>
<tr>
<th><?= $nomor; ?></th>
<td><?= $row['nobp'] ?></td>
<td><?= $row['nama'] ?></td>
<td><?= $row['jurusan'] ?></td>
<td><?= $row['jeniskelamin'] ?></td>
<td><?= $row['notlp'] ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</body>
</html>
AHMAD FIKRI FAJRI, [Link] [PEMOGRAMAN WEB 2 – GANJIL 20211]

7. Terakhir kita lakukan konfigurasi pada file [Link] (terlatak pada folder App -> Config), seperti berikut:

Pada Baris ke 34, dirubah settingannya


dengan controller yang kita tambahkan tadi.

8. Silahkan dijalankan projectnya melalui browser yang ada.

Anda mungkin juga menyukai