AdityaDees: Web

Hot

https://publishers.chitika.com/

Contact us for advertising.
Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

10 February 2022

Ask Cara Membuat Form Login Html Tanpa Database Mysql AdityaDs

06:06 0
cara-membuat-form-login-html-tanpa-database
Cara Membuat Form login Html Tanpa Database

Halo sobat setia syarif soden, ketemu lagi nih di blog adityadees. Pada kesempatan kali ini mimin mau share Cara membuat Form Login HTML tanpa MYSQL.

Untuk program ini sebenaranya sederhana, namu saya menambahkan beberapa animasi yaitu pada form login nya yang memiliki animasi bounce down saat baru dibuka.

Serta pada background program ini saya menambahkan animasi gradient animasi, yaitu animasi warna berjalan.

Oke langsung saja kita ke tutorialnya

Cara Membuat Form Login Html Tanpa Database Mysql

Sebelumnya kalian bisa membuat file seperti ini

cara-membuat-form-login-html-tanpa-database
Cara Membuat Form Login Html Tanpa Database

jika kalian ingin mendownload kodenya klik disini

Index.php

Pada file index.php ini kita akan membuat desain form untuk pengecekan session login. Yang mana jika session login pengguna masih tersimpan maka tampilan yang akan ditampilkan browser adalah tampilan berhasil login, jika session pengguna sudah kadaluarsa maka form akan di redirect ke login.php untuk melakukan login.

Style.css

Pada file style.css ini kita buat desain layout / desain tata letak form login nya. Untuk form login ini saya memberikan beberapa efek yaitu background animasi warna berjalan dan animasi bounce down.

Login.php

Pada file login.php ini kita akan membuat proses validasi atau pemeriksaan username dan password yang dimasukan saat login. Jika username dan password yang dimasukan benar, maka user yang telah berhasil login akan dicatat pada session login

Logout.php

Pada file logout.php ini kita isi dengan source code session destroy untuk menghapus seesion pada halaman login.

Proses_Login.php

pada file Proses_Login.php ini program akan melakukan pengecekan username dan password yang dimasukan user pada saat melakukan login, jika username dan password benar maka user berhasil login.

Oke sekian dulu tutorial mebuat Form Login HTML tanpa Database MYSQL. Silahkan tinggalkan komentar jika aada yang kurang jelas dam semoga bermanfaat untuk kita semua

Read More

01 January 2022

Ask Cara Menampilkan Data dari Database MYSQL ke HTML AdityaDs

15:16 0
cara-menampilkan-data-dari-database-mysql-ke-html
Cara Menampilkan Data dari Database
MYSQL ke HTML

Cara menampilkan data dari database ke tabel HTML bukan hanya menggunakan bahasa pemrograman HTML saja, tapi dikombinasikan juga dengan bahasa pemrograman PHP. Artikel kali ini akan membahas bagaimana cara mudah untuk menampilkan data dari database. Langsung saja, simak langkah-langkahnya di bawah ini.

Cara Menampilkan Data dari Database ke HTML

Sebelum Kalian membuat file-file yang dapat menampilkan data dari database, pastikan Kalian sudah memiliki database yang akan ditampilkan datanya. Berikut ini contoh database yang bisa Kalian ikuti:

1. Membuat Script Koneksi.PHP

Hal pertama yang harus Kalian lakukan adalah sediakan 3 file kosong. File-file tersebut digunakan untuk membuat file koneksi.php, file css, dan file untuk menampilkan data. Pertama-tama kita akan membuat file koneksi.php terlebih dahulu.

File ini yang berfungsi untuk menghubungkan Kalian dengan database dan dapat mengambil data dari database. Sebenarnya nama filenya tidak harus koneksi.php yang terpenting file yang Kalian buat disimpan dalam bentuk format .php karena jika kalian menyimpan script ini dalam format .html, maka proses tidak akan berjalan.

Berikut ini contoh script koneksi.php yang bisa Kalian gunakan.

Jika Kalian sudah menggunakan PHP 7 keatas, maka tidak disarankan untuk 

menggunakan fungsi mysql_xxx karena sudah tidak berlaku, melainkan silakan gunakan mysqli_xxx atau PHP PDO untuk koneksi, query data, dan menampilkan data.

Script yang perlu Kalian ubah dari contoh scrip di atas adalah:

$servername = "localhost"; -> Adalah server local kita 

$Username = "root"; -> Adalah username untuk mengakses database di localhost secara default

$Password = "";  -> Silakan Kalian ubah jika Kalian menggunakan nama user dan password custom untuk mengakses database.

$Database = "test";-> Adalah nama database yang akan kita gunakan

2. Membuat Script Menampilkan Data

Berikutnya adalah membuat query yang berfungsi untuk menampilkan data dari database Kalian. Disini sebagai contoh saya membuat nama filenya data.php. Silakan sesuaikan dengan keinginan Kalian, yang penting file tersebut tersimpan dalam format .php karena akan ada query php di dalam file tersebut. Langsung saja simak contoh script nya di bawah ini.

Simak penjelasannya di bawah ini:

Terdapat script PHP di tengah-tengah tabel. Script tersebut yang berfungsi untuk menampilkan data dari database Kalian.

include('koneksi.php'); -> Untuk memanggil file koneksi.php yang sudah Kalian buat di awal tadi.

$no = 1; -> Deklarasi awal bahwa nomor akan dimulai dari angka 1.

mysqli_fetch_array -> Untuk mengambil data MySQL yang akan menghasilkan associative array dan indexed array.

<td>’.$no.'</td> -> Untuk mencetak output ke tabel.

$no++; -> Operator increment yang digunakan untuk membuat nomor urut.

3. Membuat Script CSS

Setelah file koneksi.php dan data.php sudah selesai, langkah selanjutnya Kalian bisa menambahkan CSS untuk membuat tampilan menjadi semakin lebih menarik. Berikut ini contoh script CSS yang bisa Kalian gunakan.

Script CSS bisa Kalian modifikasi sesuai dengan keinginan dan kebutuhan Kalian. Jadi, jangan terlalu terpaku dengan contoh script di atas. Berikut ini contoh tampilan dari script-script di atas.

cara-menampilkan-data-dari-database-ke-html
Cara Menampilkan Data dari
Database MYSQL ke HTML

Sekian artikel kali ini yang membahas tentang bagaimana cara menampilkan data dari database ke HTML dengan mudah. Semoga artikel ini dapat membantu dan bermanfaat untuk kalian. Terimakasih

Read More

30 December 2021

Ask Cara membuat Login dengan HTML PHP dan MYSQL dilengkapi keamanan MD5 AdityaDs

12:42 0


cara-membuat-login-dengan-html-php-dan-mysql-dilengkapi-keamanan-md5
Cara membuat Login dengan HTML PHP
dan MYSQL dilengkapi keamanan MD5

Halo sobat setia syarif soden, ketemu lagi nih di blog adityadees. Pada kesempatan kali ini mimin mau share Cara membuat Login dengan HTML PHP dan MYSQL dilengkapi keamanan MD5.

Tapi sebelumnya kalian perlu tahu dulu apa itu md5?

Mengutip dari Wikipedia, MD5 adalah singkatan dari “Message –Drest Algorithm 5”. Dan merupakan sebuah algoritma fungsi hash dari sistem kriptografi yang digunakan dengan hash value 128-bit.

Cara membuat Login dengan HTML PHP dan MYSQL dilengkapi keamanan MD5

Index.php

Pada file index.php ini kita akan membuat desain form untuk login. Yang mana nantinya user akan memasukkan username dan passwordnya disini.

Style.css

Pada file style.css ini kita buat desain layout / desain tata letak form login nya. Untuk form login ini saya memberikan beberapa efek yaitu background animasi warna berjalan dan animasi bounce down.

Login.php

Pada file login.php ini kita akan membuat proses validasi atau pemeriksaan username dan password yang dimasukan saat login. Jika username dan password yang dimasukan benar, maka user yang telah berhasil login akan dicatat pada session login

Config.php

Pada file config.php ini kita akan membuat penghubung antara form login dan database yang telah kita buat. 

Logout.php

Pada file logout.php ini kita isi dengan source code session destroy untuk menghapus seesion pada halaman login.

Register.php

pada file register ini kita buat form untuk registrasi data baru


Selanjutnya kita buat database dengan nama test dan tabel dengan nama user, untuk strukturnya seperti ini:

database:

tabel database

Perlu dicatat! jika kalian ingin menggunakan enkripsi MD5 pada database mysql kalian wajib membuat tabel password dengan panjang karakter 255

Oke sekian dulu tutorial mebuat Login dengan HTML PHP dan MYSQ dilengkapi keamanan MD5. Silahkan tinggalkan komentar jika aada yang kurang jelas dam semoga bermanfaat untuk kita semua

Read More

03 May 2021

Segala Sesuatu tentang Bootstrap 4 yang Perlu Front-end Developer Tahu

16:51 0

 

Bootstrap 4 adalah versi terbaru dari kerangka kerja front-end yang sangat populer, Bootstrap. Sebagai versi terbaru salam sebuah framework, Bootstrap 4 menawarkan berbagai kemudahan untuk pembuat desain. Apalagi mengingat perlu berulang kali menulis CSS, Bootsrap ini bisa membantu memudahkan. 

Mungkin Anda pernah mendengar tentang Bulma atau Materialize yang membuat penulisan prototipe yang sama cepat dengan Bootstrap 4. Namun keunggulan dari Bootstrap adalah, Anda bisa memilih sendiri modul yang akan digunakan. 

Ada berbagai situs web terkenal yang menjadikan Bootstrap sebagai kerangka. Sebut saja twitter yang memiliki tampilan sederhana tapi modern sehingga semakin hari semakin diminati. Begitu juga tema pada Joomla, Wordpress, dan CMS yang menggunakan Bootstrap. 

Bagi developer anyar, desain web yang responsif adalah hal sulit untuk digunakan walau memang bagi yang berpengalaman, ini bisa dengan mudah dikerjakan. Bootsrap hadir memudahkan pekerjaan para developer baru ini. Apalagi Bootstrap 4 dibangun di atas Flexbox yang membuatnya jadi lebih cerdas. 

Perbedaan Bootstrap 3 dengan Bootstrap 4: 

Terus melakukan pembaharuan, ternyata perbedaan Bootstrap terbaru dengan versi lama cukup signifikan. Mulai dari perubahan font, warna, dan lain sebagainya. Untuk lebih jelasnya, berikut ini ulasan lengkapnya: 

  • Menggunakan font default, Bootstrap 3 menggunakan ukuran 14px yang kemudian diperbaharui menjadi 16px. Dengan perubahan ini, Anda yang menggunakan Bootstrap harus segera menyesuaikan ukuran pixelnya.
  • Tidak lagi menggunakan font jenis Helvetica Neue, Helvetica, Sans-Serif, dan Arial. Yang terbaru menggunkan jenis font Sans-Serif, Arial, dan Helvetica Neue.
  • Pada Bootstrap 3, setiap class grid membutuhkan ‘col-‘ pada bagian depan. Namun untuk versi Bootrstap 4 tidak lagi membutuhkannya. Selain itu versi terbaru menambahkan satu sistem grid menjadi col-md, col-lg, col-sm, col-xl, dan col-*.
  • Ada perubahan besar yang paea Bootstrap tidak menggunakan header, kini ada pada versi terbaru ini. Selain itu, header tabel juga bisa diberi warna jadi terang (.thead-light) atau nuansa gelap (.thead-dark).

 

Kelebihan dari Bootstrap 4:

  1. Bootstrap yang lama menggunakan cara border-box ke content-box. Untuk sebagian developer, ini memang menjengkelkan karena lebih sulit dipahami dan memakan waktu yang lama. Namun dengan kerangka terbaru, yaitu border-box, ini lebih mudah digunakan.
  2. Reset CSS selama ini sudah berkembang pesat. Dalam versi Bootstrap disebut dengan Reboot. Penggunaan Reboot berbeda karena didasarkan dengan normalisasi. Ini supaya menghindari margin-top, menggunakan banyak rem unit, dan native font rendering yang lebih optimal.

Cara instal Bootstrap 4:

Tahukah Anda bahwa Bootstrap 4 bisa diunduh secara online dan juga offline? Selain itu juga bisa menggunakan bower, npm, dan composer. Namun yang perlu Anda ingat jika instal project Bootstrap 4 tergantung dengan development yang digunakan. 


Ambil contoh jika Anda ingin mengembangkan website menggunakan NodeJs, maka yang paling tepat adalah instao menggunakan bower dan npm. Nah, berikut ini langkah menambahkan Bootstrap 4 dalam pekerjaan Anda:

  1. Pastikan Anda sudah membuat direktori terbaru dan mengunduh Bootrstap dari website resminya. Setelah sudah selesai diunduh, Anda akan mendapatkan versi zip yang di dalamnya terdiri dari banyak folder. Nah, file inilah yang nantinya perlu Anda ekstrak ke dalam folder project supaya bisa digunakan.
  2. Pastikan semua folder zip sudah diekstrak sehingga nantinya akan mendapat susunan direktori yang lengkap.
  3. Buka teks editor dan buat file index.html dan diisikan beberapa kode. Jangan lupa, gunakan juga file Bootstrap dan library yang lainnya.
  4. Dengan begitu, Bootstrap sudah bisa digunakan untuk mengembangkan website.

Cara instal secara online:

Sebelum Anda menginstal Bootstrap 4 secara online, Anda perlu tahu bahwa dengan cara ini mempengaruhi kecepatan website. Jika tidak masalah, Anda bisa menggunakan CDN jika berminat instal secara online. 


Buka perintah: 


<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js”></script>


Dan nantinya file Bootstrap 4 akan tersalin dalam website untuk bisa digunakan oleh class dan fungsi yang lainnya.

Langkah-langkah menggunakan Bootstrap:

Yang terbaik dari menggunakan Bootstrap adalah waktu menjadi lebih singkat dan tidak perlu kesulitan mengetik banyak kode program. Selain itu, Anda hanya perlu menggunakan class-class  yang terletak dalam file Bootstrap. 


Apabila Anda ingin menggabungkan class dengan class lainnya, hanya perlu menambahkan class tabel yang dikombinasikan oleh class lainnya. Anda tidak perlu khawatir karena sudah tersedia beberapa class yang dipersiapkan untuk membuat tabel. Berikut selengkapnya:

  • ‘.table’ untuk menjelaskan atau membuat tabel yang biasa. Hasilnya hanya akan berupa lapisan kecil dan pembatas secara mendatar. Kodenya adalah <table class=”table”>.
  • ‘.table-bordered’ adalah class yang digunakan untuk memasukkan border dalam table. Untuk mencobanya, Anda bisa membuat kode <table class=”table table-bordered”>.
  • ‘.table-stripped’ adalah class yang akan membuat table jadi warna yang berbeda di setiap baris. Kode untuk yang satu ini adalah  <table class=”table table-sripped”>.
  • ‘.table-hover’ adalah class yang memanfaatkan hover pada table. Namun efek ini baru terlihat saat mouse diletakkan pada class. Kode untuk yang satu ini adalah <table class=”table table-hover”>.

Mengatur tampilan gambar dengan Bootstrap:

Dengan framework ini, Anda jadi bisa membuat gambar yang responsif atau thumbnail. Class yang digunakan pada Bootstrap 4 adalah ‘.img-circle’, ‘.img-responsive’, ‘.img-rounded’, ‘.img-thumbnail’. Dengan adanya gambar, website Anda akan jauh lebih menarik. 

  • ‘.img-circle’ adalah class yang digunakan untuk menambahkan gambar yang berbentuk lingkaran.
  • ‘.img-responsive’ adalah class yang memungkinkan untuk membuat gambar jadi bisa dibuka dalam berbagai jenis resolusi layar.
  • ‘.img-rounder’ adalah class yang digunakan untuk membuat efek melingkar atau melengkung pada gambar.
  • ‘.img-thumbnail’ adalah class yang digunakan untuk menambahkan gambar thumbnail melalui Bootstrap.

Cara membuat tombol dengan Bootstrap

Karena tombol adalah komponen penting dalam sebuah website, maka Bootstrap juga menyediakan class untuk menambah tombol yang berfungsi sekaligus menarik. Ada berbagai variasi tombol yang bisa dipilih, tapi awalnya Anda hanya perlu menggunakan class ‘btn’.
Berikut adalah variasi class tombol yang ada pada Bootstrap:

  • ’.btn-default’ adalah class yang menjadikan tombol default berwarna abu-abu.
  • ‘.btn-sucsess’ adalah class yang dibuat untuk pemberitahuan setelah selesai memasukkan atau memproses suatu program.
  • ‘.btn-primary’ adalah class yang digunakan untuk menjadikan tombol berwarna biru. Umumnya terjadi pada tombol untuk login
  • ‘.btn-warning’ adalah class yang digunakan untuk membuat tombol yang memperingati jika terjadi sesuatu. Umumnya, tombol berwarna kuning.
  • ‘.btn-info’ adalah class yang membuat tombol jadi warna biru muda
  • ‘.btn-danger’ adalah class yang membuat tombol jadi terlihat warna merah.
  • ‘.btn’ adalah class yang digunakan untuk membuat tombol secara standar dengan warna abu-abu kehitaman.

 

Selain bisa digunakan untuk membuat tombol dan menambah gambar, Bootstrap 4 juga bisa diandalkan untuk membuat class panel, class peringatan, dan lain sebagainya. Karena banyaknya class yang ada, tidak heran jika Bootstrap  4 banyak diminati dan ditunggu.

Read More

31 March 2021

Ask Cara Membuat Form Booking Hotel Dengan HTML AdityaDs

20:00 0
cara-membuat-form-booking-hotel-dengan-html

Form Booking Hotel HTML

Oke sahabat setia syarif soden, ketemu lagi nih di blog Syarif Soden. Pada kesempatan kali ini kita akan belajar membuat program Form Booking Hotel dengan HTML tanpa database, jadi program ini di khususkan bagi pemula yang baru kenal dengan HTML.

Transaksi dalam sebuah website adalah suatu kegiatan yang dilakukan oleh user yang dapat menimbulkan perubahan pada suatu data. Sebuah transaksi berfungsi untuk merekam segala perubahan data dan mencegah data dari kehilangan ataupun kerusakan, setelah transaksi selesai dilakukan, maka data tersebut biasanya disimpan disuatu database, tetapi di tutorial ini saya tidak menggunakan databse karen didalam program ini tidak ada tombol input.


Alat Yang Dibutuhkan Untuk Membuat Form Booking Hotel HTML

Berikut adalah alat / software yang harus dipersiapkan untuk membuat form booking hotel dengan HTML ini. 

Web Browser = (Mozila, Chrome, atau lainnya).

Text Editor = (Sublime, Notepad++, atau lainnya). 


Inputan Program Form Booking Hotel HTML

Program Form Booking Hotel ini bertemakan pemesanan sewa Hotel dan program tersebut memiliki beberapa inputan yaitu diantaranya.

Lokasi (input type Text)

Tanggal check in (date picker)

Tanggal check out (date picker)

Jumlah ruangan/Room (input type number)

Ruangan Untuk Dewasa/Adults (input type number)

Ruangan Untuk Anak-Anak/Kids (input type number)

silahkan kalian buka aplikasi teks editor kalian, Disini saya menggunakan teks editor Notepad++.setelah kalian membuka aplikasi teks editor selanjutnya buat file baru lalu masukkan kode dibawah ini.

Source Code Form Booking Hotel HTML

Simpan source code tersebut dengan nama file hote.html atau beri nama bebas yang penting akhiri dengan ekstensi atau format .html (ingat folder tempat menyimpan file hasil kodingan tadi ya sob).

cara-membuat-form-booking-hotel-dengan-html

Untuk mengetesnya kalian bisa cari file hasil kodingan tadi lalu klik kanan pada file itu dan klik open as, selanjutnya pilih google chrome.

jika kalian ingin merubah gambar pada backgroun silahkan ganti link background-image pada kode css  dengan link foto kalian.

Oke, mungkin itu dulu yang bisa sya bagikan malam ini. Dan mulai dari sekarang, mungkin saya bakal sering berbagi sedikit ilmu tentang HTML, kalo ada pertanyaan, saran, dan masukan bisa tulis via komentar di bawah ini.

Read More

19 March 2021

Menampilkan Data dari Database Kedalam DataTables di Codeigniter

13:57 0

 


DataTables merupakan sebuah library javascript yang mempermudah kita dalam menampilkan data kedalam bentuk table. Penggunaannya yang sangat simple dan memiliki banyak fitur membuat datatables banyak digunakan.

Pada postingan kali ini kita akan mencoba menampilkan data dari database kedalam table menggunakan DataTables dan framework Codeigniter 3. Langsung saja ikuti langkah-langkah di bawah.

1. Buat struktur database yang akan ditampilkan.





2. Hubungkan Codeigniter dengan database yang akan ditampilkan, caranya masuk ke application -> config -> database.php lalu masukkan atur sesuai database kalian contohnya seperti dibawah.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'cmsku',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);




3. Buat view dengan nama coba.php kemudian isi dengan kode di bawah :

<!DOCTYPE html>
<html>
<head>
<title>Coba Data Tables</title>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css">

<!--Import jQuery before export.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>


<!--Data Table-->
<script type="text/javascript" src=" https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
</head>
<body>
<table id="tabelku" class="display" style="width:100%">
<thead>
<tr>
<th>No</th>
<th>Judul</th>
<th>Isi</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>


</tbody>
</table>

<script type="text/javascript">
$(document).ready(function(){
let RefTable = {
init() {
RefTable.table=$('#tabelku').DataTable({

bSort : true,
destroy : true,
iDisplayLength : 10,
processing : true,
serverSide : true,
order : [],
ajax : {
"url" : "<?php echo base_url()?>Coba/load",
"type" : "POST",
},

});

$("body").on("click", "[data-action]", function(e) {
e.preventDefault();

let action = $(this).data("action");
if (action === "edit") {
//aksi edit disini
}
});
}

}
RefTable.init();

});

</script>





</body>
</html>



4. Buat Model dengan nama DataModel.php lalu isi dengan kode dibawah

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class DataModel extends CI_Model {

var $table = 'postingan a';//nama tabel

var $column_order = array(null,'a.tanggal',null); //order berdasarkan

var $column_search = array('a.judul_postingan, a.tanggal', 'a.isi'); //cari berdasarkan

var $select_column = array('a.*'); //select all
var $order = array('a.tanggal' => 'desc'); // default order


public function __construct()
{
parent::__construct();
$this->load->database();
}

private function _get_datatables_query()
{
$this->db->select($this->select_column);
$this->db->from($this->table);
$i = 0;

foreach ($this->column_search as $item) // loop column
{
if($_POST['search']['value']) // if datatable send POST for search
{

if($i===0) // first loop
{
$this->db->group_start(); // open bracket. query Where with OR clause better with bracket. because maybe can combine with other WHERE with AND.
$this->db->like($item, $_POST['search']['value']);
}
else
{
$this->db->or_like($item, $_POST['search']['value']);
}

if(count($this->column_search) - 1 == $i) //last loop
$this->db->group_end(); //close bracket
}
$i++;
}

if(isset($_POST['order'])) // here order processing
{
$this->db->order_by($this->column_order[$_POST['order']['0']['column']], $_POST['order']['0']['dir']);
}
else if(isset($this->order))
{
$order = $this->order;
$this->db->order_by(key($order), $order[key($order)]);
}
}

function get_datatables()
{

$this->_get_datatables_query();
if($_POST['length'] != -1)
$this->db->limit($_POST['length'], $_POST['start']);
$query = $this->db->get();
return $query->result();
}

function count_filtered()
{
$this->_get_datatables_query();
$query = $this->db->get();
return $query->num_rows();
}

public function count_all()
{
$this->db->from($this->table);
return $this->db->count_all_results();
}
}





Silahkan sesuaikan baris berikut sesuai dengan database kalian.

var $table = 'postingan a';//nama tabel

var $column_order = array(null,'a.tanggal',null); //order berdasarkan

var $column_search = array('a.judul_postingan, a.tanggal', 'a.isi'); //cari berdasarkan

var $select_column = array('a.*'); //select all
var $order = array('a.tanggal' => 'desc'); // default order



5. Buat Controller dengan nama Coba.php lalu isi dengan kode dibawah

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Coba extends CI_Controller {

public function __construct()
{
parent::__construct();
$this->load->model('DataModel');

}

public function index()
{
$this->load->view('coba');
}

public function load()
{

$data = array();

$tampil = $this->DataModel->get_datatables();

$no = $_POST['start'];

foreach ($tampil as $key => $r) {
$no++;
$row = array();
$row[] = $no;
$row[] = $r->judul_postingan;
$row[] = $r->isi;
$row[] = $r->status;
$row[] = '<a href="javascript:; type="button" class="btn btn-xs yellow btn-outline btn-edit tooltips " title="Edit" data-action="edit" data-id="'.$r->id_postingan.'"><i class="fa fa-edit"></i> Edit</a>
';
$data[] = $row;
}

$output = array(
"draw" => $_POST['draw'],
"recordsTotal" => $this->DataModel->count_all(),
"recordsFiltered" => $this->DataModel->count_filtered(),
"data" => $data,
);

echo json_encode($output);
}
}




6. Hasil running akan tampak seperti gambar dibawah ini :





Read More

https://payclick.com/

Contact us for advertising.