Januari 2020 - PenyairCoding (Bergerak & Kemudian Terjadi)
Latest Post
Tunggu...

Selasa, 07 Januari 2020

Mempercantik alamat URL pada Framework Yii2

Mempercantik alamat URL pada Framework Yii2


Halo sobat coding, bagaimana kabarnya, kami doakan selalu sehat ya.
Kali ini admin akan mecoba memberikan tutorial Yii2 sesuai dengan judul. Admin beranggapan sobat sudah pada tau apa itu framework yii2 ya, agar mudah mengikuti tutorial ini.

Sesuai dengan judul, mempercantik alamat URL pada Framework Yii2. Secara default saat kita mengakses aplikasi yii maka url pada web browser akan sepeti ini http://localhost/advanced/frontend/web/index.php?r=about . Lantas bagaimana cara mempecantik alamat url pada aplikasi yii2 kita, simak penjelasannya.

Pada tutorial ini admin menggunakan template advanced, jika sobat menggunakan Yii2 advanced template sama seperti admin, konfigurasi sangatlah mudah.

Buat file .htaccess copy file dibawah ini dan simpan didalam folder advanced/frontend/web.

# use mod_rewrite for pretty URL support
RewriteEngine on
 
# if a directory or a file exists, use it directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
 
# otherwise forward it to index.php
RewriteRule . index.php

Kemudian buat kembali file .htaccess, copy file dibawah ini dan letakan di dalam folder advanced

Note - advaced adalah nama folder pada web root tutorial ini.

# prevent directory listings
Options -Indexes
IndexIgnore */*
 
# follow symbolic links
Options FollowSymlinks
RewriteEngine on
RewriteRule ^administrator(/.+)?$ backend/web/$1 [L,PT]
RewriteRule ^(.+)?$ frontend/web/$1

Tambahkan kode dibawah ini pada backend\config\main.php dan frontend\config\main.php.
'components' => [
'urlManager' => [
'enablePrettyUrl' => true,
'showScriptName' => false,
],

Masih pada file main.php pada frontend, tambahkan kode baris berikut.
'homeUrl' => '/advanced',
'components' => [
....
],
Masih pada file main.php pada backend tambahkan kode baris berikut.
'homeUrl' => '/advanced/administrator',
'components' => [
....
],
Selesai maka URL yang sebelumnya http://localhost/advanced/frontend/web/index.php?r=about, menjadi http://localhost/advanced/frontend/web/about mudah bukan, jika sobat mengikuti dengan baik pasti tidak terjadi error.

Selamat mencoba and good luck..

Minggu, 05 Januari 2020

CRUD Kilat Menggunakan Fitur GII pada Yii2

CRUD Kilat Menggunakan  Fitur GII pada Yii2 Advanced


Halo halo sobat, kali ini admin akan memberikan cara atau informasi yang mungkin sobat sekalian sudah pernah dengar atau memang sudah tau, Yak cara ngoding kilat menngunakan fitur Gii pada Yii2. Pada tutorial kali ini admin menggunakan Yii2 advanced, mau tau gimana kilat nya menggunakan fitur ini, yuk simak.

Pada tutorial sebelumnya, admin telah memberikan tutorial bagaimana cara install yii2 kalo belum dibaca silakan kunjungi laman ini Cara Install Yii2.
Sekarang masuk ke pembahasan, untuk mempermudah metode pembelajaran, sobat dapat mengcopy tabel pada database di bawah ini, agar dapat mengikuti tutorial ini dengan cepat. Admin menggunakan database MySql, admin rasa sobat sudah paham bagaimana cara mengimport atau mengeksport database dari aplikasi XAMPP.
Langkah pertama, sobat buat database sesuai keinginan sobat, dalam tutorial ini, admin membuat database dengan nama yii2advanced yang kemudian membuat tabel dengan nama tabel_crud, sobat dapat bereksplorasi yaaa.
CREATE TABLE `tabel_crud` (
  `id_tabel` int(11) NOT NULL,
  `nama_tabel` varchar(255) DEFAULT NULL,
  `alamat_tabel` varchar(255) DEFAULT NULL,
  `agama_tabel` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Kita tidak akan membahas bagaimana cara import dan eksport database pada XAMPP, namun jika sobat ingin membaca kunjungi halaman ini Cara Import dan Export Database pada XAMPP.
Ketika sudah membuat database dan tabel, sekarang saatnya mengoneksikan aplikasi Yii2 dengan database.
Buka folder yii2 yang telah sobat download, kemudian buka folder common, config, dan pilih file main-local.php , ubah koneksi database dengan database yang sebelumnya telah kita buat. Perhatikan kode dibawah ini.
<?php
return [
    'components' => [
        'db' => [
            'class' => 'yii\db\Connection',
            'dsn' => 'mysql:host=localhost;dbname=yii2advanced',
            'username' => 'root',
            'password' => '',
            'charset' => 'utf8',
        ],
        'mailer' => [
            'class' => 'yii\swiftmailer\Mailer',
            'viewPath' => '@common/mail',
            // send all mails to a file by default. You have to set
            // 'useFileTransport' to false and configure a transport
            // for the mailer to send real emails.
            'useFileTransport' => true,
        ],
    ],
];
Perhatikan kode di atas, ubah nama database, username dan password sesuai dengan database kalian.
Jika sudah, saatnya kita running aplikasi Yii2 kita di web browser dengan mengakses link localhost/advanced/frontend/web/index.php?r=gii. Lihat gambar dibawah ini.

Terdapat menu pilihan terlihat seperti pada gambar diatas
Model Generator berfungsi untuk membuat Model
CRUD Generator berfungsi untuk menggenerate file controllers dan view pada aplikasi kita
Pada tutorial ini kita akan membahas kedua tolls tersebut, karena dari kedua tolls tersebut kita sudah dapat membuat CRUD singkat pada aplikasi Yii2 kita.

Langkah selanjutnya masuk ke Model generator, lihat gambar dibawah ini.
Pada tabel name isikan sesuai dengan tabel yang sebelumnya kita buat sedangakan untuk Model Class Name field akan otomatis terisi, kemudian klik preview kemudian klik generate.
Oke langkah pertama telah selesai, untuk membuktikan bahwa model telah dibuat, cari folder models pada folder frontend kemudian otomatis ada file baru dengan nama TabelCrud.php.
Langkah selanjutnya, masuk ke CRUD Generator maka akan tampil tampilan seperti gambar dibawah ini.

Pada field pertama isikan sesuai dengan folder dimana kita membuat model dengan contoh sebagai berikut.
app\models\TabelCrud maksud dari kode tersebut, maka kita akan menggenerate Model Class kita kedalam folder frontend dimana kita membuka link Gii pada halaman frontend, lalu bagaimana dengan backend, jika ingin membuat CRUD pada backend menggunakan fitur Gii maka langkah awal kita dengan cara masuk ke halaman backend dengan cara akses ke link localhost/advanced/backend/web/index.php?r=gii.
Kemudian isi field Search Model Class ->  frontend\models\TabelCrudSearch
Isi juga field Controller Class  -> frontend\controllers\TabelCrudController
Cukup isi ketiga field diatas seperti pada gambar kemudian klik preview, maka akan tampil seperti pada gambar dibawah ini.
Lihat gambar diatas, perhatikan setiap file yang di generate, setiap file yang akan kita generate akan otomatis masuk kedalam folder controllers, models dan juga views. Oke langkah selanjutnya klik generate jangan lupa semua file harus di ceklis, langkah selanjutnya kita buktikan hasil CRUD kilat kita dengan cara panggil hasil CRUD kita ke web browser dengan cara masukan link ini kedalam web browser kita http://localhost/advanced/frontend/web/index.php?r=tabel-crud , atau sobat dapat langsung memanggil folder baru hasil generate yang terdapat pada folder views dengan cara ketik link ini di web browser sobat http://localhost/advanced/frontend/web/index.php?r=IsiDenganNamaFolderHasilGeneratepadaFolderViews. Lihat gambar dibawah ini.


Jika berhasil akan tampil gambar diatas, dan sobat dapat membuat proses CRUD pada halaman tersebut.
Mudah bukan, admin yakin sobat dapat melakukan tutorial ini dengan mudah, semoga tutorial ini dapat membatu sobat dalam mempelajari framework Yii2.

Pada tutorial selanjutnya, admin akan membuat tutorial untuk menambahkan elemen ajax pada Gii, agar hasil CRUD kita terlihat lebih interaktif.
Sekian Terima Kasih.

Kamis, 02 Januari 2020

Tutorial Cara Membuat Virtual Host di Apache (XAMPP)

Tutorial Cara Membuat Virtual Host





Halo sobat, bagaimana kabarnya, admin doakan selalu sehat dan tetap semangat.
Oke kali ini kita akan membahas bagaimana cara membuat Virtual Host pada XAMPP.

Oke langsung saja pada materi, karena mimin rasa sobat sudah tau apa itu virtual host. Untuk yang belum tau apa itu XAMPP bisa baca disini ya.

Lanjut:
Langkah pertama, sobat masuk ke dalam folder ke directory C kemudian cari file host yang terletak di folder etc.

C:\Windows\System32\drivers\etc\host .

Langkah kedua buka file host dengan Text Editor kemudian tambahkan baris berikut, lihat pada gambar:


Dalam tutorial kali ini, mimin memberikan nama Virtual Host nya adalah puribetikhati.dev. Untuk pemberian nama virtual host buatlah sesuka sobat ya.

Langkah ketiga buka file httpd-vhosts.conf dengan Text Editor, yang terletak di C:\xampp\apache\conf\extra. Kemudian tambahkan baris berikut, lihat pada gambar.


Atau bisa langsung copy-paste kode dibawah ini. Fungsi kode dibawah ini adalah untuk memanggil folder yang terletak di web root aplikasi kita.

<VirtualHost *:1240>
ServerAdmin puribetikhati.dev
DocumentRoot "C:/xampp/htdocs/puribetikhati"
ServerName puribetikhati.dev
ServerAlias puribetikhati.dev
ErrorLog "logs/dummy-host2.example.com-error.log"
CustomLog "logs/dummy-host2.example.com-access.log" common

</VirtualHost>
Langkah terakhir:
Edit file httpd.conf cara mencari file nya mudah, lihat gambar dibawah:


Kemudian tambahkan baris berikut, pada file httpd.conf, lihat pada gambar.

Sekarang saatnya kita memanggil aplikasi Virtual ke web browser.

Restart XAMPP kalian, kemudian jalankan, ketikan localhost:1240 pada web browser kalian lihat gambar dibawah ini.

Oke tampilan diatas hanya merupakan contoh dari folder yang sebelumnya telah kita panggil di file httpd-vhosts.conf.

Jika proses di ikuti dengan benar, insyaallah pasti benar.

Sekian tutorial kali ini, semangat belajar dan tetap semangat .


BACA JUGA-----> Cara instal composer di windows