BackEnd Website Menggunakan CodeIgniter (CI)

BackEnd website adalah bagian dari website yang digunakan untuk mengolah data dari content / isi dari sebuah website. Kali ini kita akan belajar membuat BackEnd website dari FrondEnd website yang sudah kita buat sebelumnya dengan studi kasus toko_online.

Untuk pembuatan FrontEnd website bisa dilihat pada tutorial berikut :
CodeIgniter Untuk Membuat Website (bag1)
CI CodeIgniter Untuk Membuat Website (bag2)
MySQL Database koneksi dengan CodeIgniter

Langkah-langkah yang dilakukan :

  1. Konfigurasi XAMPP
  2. Konfigurasi Framework CodeIgniter (CI)
  3. Konfigurasi template / tema
  4. Konfigurasi MySQL Database
  5. Pembuatan Controller
  6. Pembuatan Model
  7. Pembuatan View
  8. Uji coba BackEnd website yang sudah dibuat

Mulai dengan dengan langkah awal :
1. Konfigurasi XAMPP

Download XAMPP untuk server menjalankan di local komputer terlebih dahulu.
– Link download klik Disini sesuaikan dengan OS (Operating System / Sistem Operasi yang ada di komputer. Contoh : Windows, MacOS, Linux.

Install XAMPP yang sudah didownload dan diinstall :

XAMPP
XAMPP untuk Windows
XAMPP
XAMPP untuk MacOS

Pada modules Actions tekan tombol Start untuk menjalan servis XAMPP (XAMPP untuk Windows). Pada tab menu Manage Servers tekan tombol Start All untuk menjalankan semua servis XAMPP (XAMPP untuk MacOS).

2. Konfigurasi Framework CodeIgniter (CI)

Langkah selanjutnya, Download framework CI :
– Link download1 klik Disini
– Link download2 klik Disini

Setelah didownload maka file dalam format .zip. Ekstrak file terlebih dahulu seperti berikut:

CI
Extract Zip File CI

Ganti nama folder CodeIgniter menjadi backend. Copy ke dalam folder xampp/htdocs/

3. Konfigurasi template / tema

Siapkan template dengan mendownload link dibawah ini :
Download link template1 disini
Download link template2 disini

Setelah didownload ekstrak templateBackEnd.zip terlebih dahulu.
– Buka folder templateBackEnd
– Copy folder assets ke folder XAMPP/htdocs/backend
– Buat folder uploads digunakan untuk menyimpan image / gambar

xampp
htdocs/backend

4. Konfigurasi MySQL Database

– Buka folder application/config
– Buka file database.php
– Lengkapi coding seperti berikut :

– Buka folder application/config
– Buka file autoload.php
– Lengkapi coding seperti berikut :

– Buka folder application/config
– Buka file routes.php
– Lengkapi coding seperti berikut :

– Buka folder application/config
– Buka file config.php
– Lengkapi coding seperti berikut :

Buat database
– Buka browser, ketikkan url “http://localhost/phpmyadmin

Klik New pada phpMyAdmin untuk membuat database toko online. Beri nama database “dbtoko_online“. Tekan tombol Create.

Create Database
Create Database ‘dbtoko_online’

Pilih tab menu SQL ketikkan coding seperti berikut :

5. Pembuatan Controller

– Buka folder application/controller
– Buka file Welcome.php
– Lengkapi coding berikut :

6. Pembuatan Model

– Buka folder application/model
– Buat file Mod_produk.php
– Ketikkan coding seperti berikut :

7. Pembuatan View

– Buka folder application/view
– Buat file welcome.php
– Ketikkan coding seperti berikut :

8. Uji coba BackEnd website yang sudah dibuat
Buka browser, ketikkan url “http://localhost/backend

Data Produk
Tampilan BackEnd
Tambah Produk
Modal Tambah Produk
Edit Produk
Modal Edit Produk
Hapus Produk
Modal Hapus Produk
Tampilan Pagination_1
Tampilan Pagination_1
Tampilan Pagination_2
Tampilan Pagination_2

Sekian tutorial kali ini. Selamat mencoba.
Happy Coding 🙂

35 Comments

  1. ko gini gan saya msih nub

    Fatal error: Cannot redeclare class Welcome in C:\xampp\htdocs\backend\application\controllers\Welcome.php on line 167
    A PHP Error was encountered
    Severity: Compile Error

    Message: Cannot redeclare class Welcome

    Filename: controllers/Welcome.php

    Line Number: 167

    Backtrace:

    1. Coba buka folder application/config, buka file routes.php -> lengkapi seperti ini -> $route[‘default_controller’] = ‘welcome/welcome’;
      Terima kasih sudah berkunjung 🙂

  2. Type: ParseError

    Message: syntax error, unexpected ‘public’ (T_PUBLIC), expecting end of file

    Filename: C:\xampp\htdocs\backend\application\controllers\Welcome.php

    Line Number: 160

    Backtrace:

    File: C:\xampp\htdocs\backend\index.php
    Line: 315
    Function: require_once

    ini kesalahan dimana ?

    1. Itu kesalahan terjadi karena tidak ada ” class Welcome extends CI_Controller { ” atau hilangkan public pada class Welcome, coba cek di controller Welcome.php,
      Terima kasih sudah berkunjung 🙂

    1. Kesalahan pada controller, coba cek apakah sudah ada ” public function welcome() { … } ” ? seperti pada langkah ke 5. Pembuatan Controller.
      Terima kasih sudah berkunjung. 🙂

  3. Hi. I have checked your belajaraplikasi.com and i see you’ve got some duplicate
    content so probably it is the reason that you don’t rank hi in google.
    But you can fix this issue fast. There is a tool that generates content like human, just search in google:
    miftolo’s tools

  4. A PHP Error was encountered
    Severity: Error

    Message: Call to undefined method Welcome::library()

    Filename: controllers/Welcome.php

    Line Number: 109

    Backtrace:

    mohon bantuannya

    1. Ow iya ini kurang code di application/controller file Welcome.php method atau function edit_produk(), coba ubah code $this->library(‘upload’, $config); menjadi $this->load->library(‘upload’, $config);

      Terima kasih sudah berkunjung 🙂

  5. A PHP Error was encountered
    Severity: Error

    Message: Class ‘CI_Model’ not found

    Filename: controllers/Welcome.php

    Line Number: 3

    Backtrace:

    1. kalau yang gagalnya pas edit terus simpan, ubah code $this->library(‘upload’, $config); menjadi $this->load->library(‘upload’, $config);
      terus folder uploads nya pastikan jangan read only.

      terima kasih sudah berkunjung 🙂

  6. Apakah artikel ini masuk ke kategori back-end?
    Saya lihat sama saja scrptnya dengan yang front-end cuma beda template saja.
    Dimana Backend nya?

    1. Biasanya kalau front-end itu buat interface, kalau back-end itu untuk pengolahan data. Atau mungkin script yang dicari API (Application Programming Interface) nya bisa dipelajari diartikel Cara Menghubungkan Backend dengan Android. Kalau di artikel ini membahas pengolahan data nya saja. Jadi yang membedakan front-end dan back-end itu bukan scriptnya tapi lebih ke fungsinya.

      Terima kasih sudah berkunjung. 🙂

  7. An uncaught Exception was encountered
    Type: RuntimeException

    Message: Unable to locate the model you have specified: Mod_produk

    Filename: C:\xampp\htdocs\Backend\system\core\Loader.php

    Line Number: 348

    Backtrace:

    File: C:\xampp\htdocs\Backend\application\controllers\Welcome.php
    Line: 10
    Function: model

    File: C:\xampp\htdocs\Backend\index.php
    Line: 315
    Function: require_once

    1. Coba buat dulu Class Mod_produk seperti langkah 6. Pembuatan Model

      Terima kasih sudah berkunjung 🙂

  8. An uncaught Exception was encountered
    Type: ParseError

    Message: syntax error, unexpected ‘extends’ (T_EXTENDS), expecting end of file

    Filename: C:\xampp\htdocs\Backend\application\controllers\Welcome.php

    Line Number: 5

    Backtrace:

    File: C:\xampp\htdocs\Backend\index.php
    Line: 315
    Function: require_once

    1. Coba buat terlebih dahulu class Welcome extends sesuai dengan langkah 5. Pembuatan Controller

      Terima kasih sudah berkunjung 🙂

  9. An uncaught Exception was encountered
    Type: Error

    Message: Call to undefined function base_url()

    Filename: E:\xampp\htdocs\Backend\application\controllers\Welcome.php

    Line Number: 19

    Backtrace:

    File: E:\xampp\htdocs\Backend\index.php
    Line: 315
    Function: require_once

    1. coba masuk folder application/config kemudian buka file autoload.php, pastikan untuk konfigurasi helper seperti ini $autoload[‘helper’] = array(‘url’);

      autoload_base_url_ci

      Terima kasih sudah berkunjung 🙂

  10. An uncaught Exception was encountered
    Type: ParseError

    Message: syntax error, unexpected ‘<', expecting end of file

    Filename: C:\xampp\htdocs\backend\application\controllers\Welcome.php

    Line Number: 26

    Backtrace:

    File: C:\xampp\htdocs\backend\index.php
    Line: 315
    Function: require_once
    ini kesalahannya dimana?

  11. An uncaught Exception was encountered
    Type: Error

    Message: Call to undefined function base_url()

    Filename: E:\xampp\htdocs\CI\backend\application\controllers\Welcome.php

    Line Number: 19

    Backtrace:

    File: E:\xampp\htdocs\CI\backend\index.php
    Line: 315
    Function: require_once

    1. coba masuk folder application/config kemudian buka file autoload.php, pastikan untuk konfigurasi helper seperti ini $autoload[‘helper’] = array(‘url’);

      autoload_base_url_ci

      Terima kasih sudah berkunjung 🙂

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *