Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Membuat tabel dari database dengan PHP looping
saya mau bertanya cara untuk memanggil data yang tersimpan di database dengan php dengan struktur database :
INSERT INTO `data-absen` (`id`, `nama`, `keteterangan`, `tanggal`, `inputby`) VALUES
(1, 'nama1', 'sakit', '1-Jun-2017', 'supardi'),
(2, 'nama2', 'alfa', '2-Jun-2017', 'supardi'),
(3, 'nama3', 'izin', '2-Jun-2017', 'supardi'),
(4, 'nama4', 'izin', '4-Jun-2017', 'supardi'),
(5, 'nama5', 'sakit', '5-Jun-2017', 'supardi'),
dan ingin menampilkan data tersebut menjadi tabel seperti ini :
6 Jawaban:
Jawaban Terpilih
Ambil dari database, querynya:
SELECT * FROM data-absen;
Untuk kodenya bisa dicari, gampang kok.
untuk bikin table, saya asumsikan saya udah dapet datanya dari PHP :
https://jsfiddle.net/372j1hsb/5/
<html>
<body>
<div id="app">
<table class="table table-bordered">
<tr>
<th>Nama</th>
<th>Tgl 1</th>
<th>Tgl 2</th>
<th>Tgl 3</th>
<th>Tgl 4</th>
<th>Tgl 5</th>
</tr>
<tbody id="data">
</tbody>
</table>
</div>
<script>
var mF = {
data: [],
init: function(){
this.setData();
},
setData: function(){
this.data.push([1, 'nama1', 'sakit', '1-Jun-2017', 'supardi']);
this.data.push([2, 'nama2', 'alfa', '2-Jun-2017', 'supardi']);
this.data.push([3, 'nama3', 'izin', '2-Jun-2017', 'supardi']);
this.data.push([4, 'nama4', 'izin', '4-Jun-2017', 'supardi']);
this.data.push([5, 'nama5', 'sakit', '5-Jun-2017', 'supardi']);
this.createTable();
},
createTable: function(){
var ins = document.getElementById("data");
for(var i = 0; i < this.data.length; i++){
var app = document.createElement("tr");
for(var j = 0; j < this.data[i].length; j++){
if(j == 3){
var gD = new Date(this.data[i][j]);
var mD = gD.getDate();
for(var k = 1; k <= this.data.length; k++){
if(k == mD){
var inp = document.createElement("td");
inp.innerHTML = this.data[i][2];
app.appendChild(inp);
} else {
var dt = document.createElement("td");
app.appendChild(dt);
}
}
}
else if(j == 1) {
var nm = document.createElement("td");
nm.innerHTML = this.data[i][1];
app.appendChild(nm);
}
}
ins.appendChild(app)
}
}
}
mF.init();
</script>
</body>
</html>
Hasilnya :
Contoh gambarnya saya masukin yang nginput :D tapi kodenya udah saya edit
untuk pengambilan database query nya gimana? saya masih belum mengerti ? di tempatkan di bagian mananya ?
bikin script PHP aja, mau ngambil datanya berdasarkan apa? tanggal? yang nginput? atau apa?
mau berdasarkan tanggal dan nama ! cara yang tadi itu sudah saya coba tapi tidak mau jalan !
ini script php yang sudah saya buat :
$query_absen="Select * From `data-absen` " ;
$hasil_absen=mysql_query($query_absen);
dijadiin API aja mas, nanti access lewat ajax.