Salah satu fitur yang saya sukai dari Framework Yii2 adalah bisa menjalankan fungsi melalui console atau terminal. Biasanya fitur ini saya gunakan untuk mengecek atau mengupdate data secara otomatis atau berkala dan di padukan penggunaannya menggunakan CRON di Linux. Oke, untuk lebih jelasnya kita mulai nyekrip.

Cara Membuat Console Command di Framework Yii2

Untuk membuat fungsi ini, kita perlu tahu terlebih dahulu dimana lokasi fungsi tersebut di tempatkan. Pada template Yii2 basic maupun advance, letak folder fungsi ini sedikit berbeda.

Jika anda menggunakan template basic, maka letak folder untuk menaruh fungsi console command berada di bawah folder root app dan berada di dalam folder commands/ . Tetapi jika anda menggunakan template advance, maka letak folder untuk menaruh fungsi console command berada di bawah folder root app dan berada di dalam folder console/controllers/ .

Basic Template
root App/
commands/
    TesController.php

Advance Template
Root App/
console/
   controllers/
      TesController.php

Contoh Pertama

Berikut adalah contoh fungsi console command pada template Yii2 basic. Bisa kita lihat, untuk class HelloController akan meng extends class dari yii\console\Controller.

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace app\commands;

use yii\console\Controller;

/**
 * This command echoes the first argument that you have entered.
 *
 * This command is provided as an example for you to learn how to create console commands.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class HelloController extends Controller
{
    /**
     * This command echoes what you have entered as the message.
     * @param string $message the message to be echoed.
     */
    public function actionIndex($message = 'hello world')
    {
        echo $message . "\n";
    }
}

Untuk mengeksekusi nya anda bisa lihat pada screenshot di bawah ini.

Cara Membuat Console Command di Framework Yii2

Contoh Kedua

Untuk contoh kedua ini saya akan membuat sebuah fungsi menggunakan console command yang memproses sebuah insert dan view data dari database. Saya akan menggunakan tabel post dengan struktur sebagai berikut.

+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| id          | int(11)      | NO   | PRI | NULL    | auto_increment |
| author_id   | int(11)      | NO   |     | NULL    |                |
| title       | varchar(255) | NO   |     | NULL    |                |
| description | varchar(500) | NO   |     | NULL    |                |
| content     | text         | NO   |     | NULL    |                |
| date        | date         | NO   |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+
6 rows in set (0,00 sec)

Kemudian saya buat model dengan nama Posts dan terletak di app/models/Posts.php . Kemudian kita buat sebuah controller dengan nama TesController dan terletak di app/commands/TesController.php . Terdapat dua buah fungsi yaitu actionInsert & actionView terhadap tabel Posts, dan penampakan skrip nya adalah sebagai berikut.

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace app\commands;

use yii\console\Controller;
use app\models\Posts;
/**
 * This command echoes the first argument that you have entered.
 *
 * This command is provided as an example for you to learn how to create console commands.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class TesController extends Controller
{
    /**
     * This command echoes what you have entered as the message.
     * @param string $message the message to be echoed.
     */
    public function actionInsert()
    {
      	$post = new Posts;
      	$post->author_id = 1;
      	$post->title = "Insert dari console";
      	$post->description = "Saya mencoba insert data ke database melalui console";
      	$post->content = "Mragus.com";
      	$post->date = date('Y-m-d');
      	if($post->save()){
      		echo "data berhasil disimpan";
      	}else{
      		echo "data gagal disimpan";
      	}
    }

    public function actionView($id){
    	$post = Posts::findOne($id);
    	echo $post->description;
    }
}

Untuk mengeksekusinya adalah seperti di bawah ini.

Contoh Ekseskusi Insert Data

Coba kita lihat hasilnya di database.

Data pada database hasil dari Insert melalui Console

Selanjutnya kita menguji action View nya dengan cara memanggil action tersebut dan menambahkan opsi parameter ID data 1001 pada tabel Posts.

Mengeksekusi action view pada console command

Cukup mudah bukan gan, selanjutnya anda bisa mengkreasikan sendiri fungsi tersebut sesuai dengan kebutuhan yang anda perlukan. Sekian tutorial dari saya ini, semoga dapat bermanfaat. Kritik dan sarannya saya tunggu untuk kesempurnaan tulisan ini dan masukan untuk saya pribadi.

Terimakasih.

The post Cara Membuat Console Command di Framework Yii2 appeared first on Mr Agus.

Meskipun kita dengan secara mudah membuat module dengan menggunakan Gii, tapi kita juga harus mengerti lebih lanjut tentang struktur dari module dan konfigurasi apa saja yang dibutuhkan. Oke, langsung saja kita mulai untuk nyekrip nya.

Cara Membuat Module di Framework Yii2

Pada tutorial ini, saya menggunakan template Basic untuk Framework Yii2 nya. Langkah pertama kita masuk ke aplikasi dan kemudian masuk ke Gii. Selanjutnya kita pilih menu Module Generator.

Cara Membuat Module di Framework Yii2

Kemudian kita isikan nama module pada form yang tersedia, contohnya sebagai berikut.

Cara Membuat Module di Framework Yii2

Setelah module sukses ter generate, maka akan muncul pesan berwarna hijau di bawah tombol preview yang berisi pesan untuk menambahkan skrip class module di dalam konfigurasi aplikasi kita. Untuk menambahkan skrip tersebut, kita buka file config di config/web.php, kemudian tambahkan skripnya. Contohnya sebagai berikut.

Cara Membuat Module di Framework Yii2

Untuk mengakses module yang telah kita buat, arahkan url sesuai dengan nama module yang telah kita buat. Contohnya sebagai berikut.

Cara Membuat Module di Framework Yii2

Struktur

Struktur module yang kita buat adalah sebagai berikut.

modules/
   BelajarModule/                folder untuk module
      TesModule.php              file yang berisi class untuk module id
      controllers/               folder yang digunakan untuk menyimpan controller untuk module
        DefaultController.php    file yang berisi class DefaultController
    models/                      kita bisa menambahkan folder models untuk menyimpan class model
    views/                       folder yang digunakan untuk menyimpan view pada module
        default/                 folder yang digunakan untuk menyimpan view pada DefaultController
            index.php            file index untuk DefaultController

Selanjutnya anda bisa mengembangkan sendiri dan menambahkan file sesuai dengan kebutuhan pada project yang agan-agan kerjakan. Sekian tutorial dari saya ini, semoga dapat bermanfaat. Kritik dan masukannya saya tunggu untuk kesempurnaan tulisan ini.

Terimakasih.

The post Cara Membuat Module di Framework Yii2 appeared first on Mr Agus.

Di tutorial kali ini saya akan memberikan contoh sorting dengan tabel yang memiliki relasi dengan tabel yang lain, atau biasa disebut sebagai related tabel. Tabel yang saya gunakan adalah  tabel posts dan authors. Untuk tampilan tabel yang akan di kasih sorting adalah tabel Posts.

Mudahnya Membuat Sorting Tabel Gridview Pada Framework Yii2

Berikut adalah struktur tabel Author.

+------------+--------------+------+-----+-------------------+----------------+
| Field      | Type         | Null | Key | Default           | Extra          |
+------------+--------------+------+-----+-------------------+----------------+
| id         | int(11)      | NO   | PRI | NULL              | auto_increment |
| first_name | varchar(50)  | NO   |     | NULL              |                |
| last_name  | varchar(50)  | NO   |     | NULL              |                |
| email      | varchar(100) | NO   | UNI | NULL              |                |
| birthdate  | date         | NO   |     | NULL              |                |
| added      | timestamp    | NO   |     | CURRENT_TIMESTAMP |                |
+------------+--------------+------+-----+-------------------+----------------+
6 rows in set (0,00 sec)

Tabel Posts.

+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| id          | int(11)      | NO   | PRI | NULL    | auto_increment |
| author_id   | int(11)      | NO   |     | NULL    |                |
| title       | varchar(255) | NO   |     | NULL    |                |
| description | varchar(500) | NO   |     | NULL    |                |
| content     | text         | NO   |     | NULL    |                |
| date        | date         | NO   |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+
6 rows in set (0,00 sec)

Coding

Bisa dilihat pada tabel posts memiliki relasi dengan tabel author. Selanjutnya kita buat CRUD dan Gridviewnya menggunakan Gii untuk tabel Posts.

Mudahnya Membuat Sorting Tabel Gridview Pada Framework Yii2

Setelah CRUD di buat, ternyata pada kolom author masih berupa ID. Untuk menampilkan nama author pada tabel ini, kita perlu membuat lazy loading dengan menggunakan fungsi relasi yang terdapat pada model posts.

Mudahnya Membuat Sorting Tabel Gridview Pada Framework Yii2

Jika belum ada, kita bisa buat fungsinya secara menual, untuk scriptnya contohnya sebagai berikut.

public function getAuthor()
{
   return $this->hasOne(Authors::className(), ['id' => 'author_id']);
}

Setelah fungsi tersebut di atas di buat, sesuaikan juga tampilan Gridview untuk menampilkan nama dari author.

<?= 
   GridView::widget([
       'dataProvider' => $dataProvider,
       'columns' => [
           ['class' => 'yii\grid\SerialColumn'],
           'author.first_name',
           'title',
           'description',
           'content',
           // 'date',

           ['class' => 'yii\grid\ActionColumn'],
       ],
   ]); 
?>

Untuk membuat sorting, kita perlu memodifikasi script pada controllers terkait. Tambahkan property sort pada class ActiveDataProvider, serta definisikan kolom yang ingin di kasih fitur sorting. Karena sorting ini menggunakan dua tabel, jangan lupa gunakan join with pada fungsi yang di gunakan untuk menampilkan tabel posts. Pada Sorting kolom yang menggunakan related tabel, ada beberapa penyesuaian script.

'author.first_name' => [
      'asc' => [ 'authors.first_name' => SORT_ASC ],
      'desc' => ['authors.first_name' => SORT_DESC],
      'default' => SORT_DESC,
],

Untuk properti yang akan di kasih sorting, kita harus menggunakan lazy loading dalam pendefinisian attributnya. Kemudian pada ASC, atau DESC kita harus mendefinisikan nama kolom secara real, seperti contoh di atas :

authors.first_nama(‘nama_tabel’.’nama_kolom’).

Secara lengkap berikut adalah script pada fungsi index pada controllers Posts.

public function actionIndex(){
        $query = Posts::find()
                    ->joinWith(['author']);
        $dataProvider = new ActiveDataProvider([
            'query' => $query,
            'sort' => [
                'attributes' => [
                    'title',
                    'description',
                    'content',
                    'author.first_name' => [
                        'asc' => [ 'authors.first_name' => SORT_ASC ],
                        'desc' => ['authors.first_name' => SORT_DESC],
                        'default' => SORT_DESC,
                    ],
                ],
                'defaultOrder' => [
                    'title' => SORT_ASC,
                ],
            ],
            'pagination' => [
                'pageSize' => 20
            ],
        ]);
        return $this->render('index', [
            'dataProvider' => $dataProvider,
        ]);
    }

Testing

Setelah script kita sesuaikan, kemudian tes apa yang telah kita buat diatas tadi. Berikut adalah penampakan dari CRUD tabel Posts yang sudah di beri fitur sorting. Pada semua kolom yang kita set untuk diberi futur sorting, tulisan pada header akan berwarna biru (menunjukkan kolom dapat di sort).

Mudahnya Membuat Sorting Tabel Gridview Pada Framework Yii2

Mudah bukan, hanya dalam beberapa langkah fitur sorting bisa di implementasikan pada view tabel yang kita inginkan. Semoga tulisan ini bermanfaat, masukan dari teman teman readers sangat saya butuhkan. Terimakasih.

The post Mudahnya Membuat Sorting Tabel Gridview Pada Framework Yii2 appeared first on Mr Agus.

Before Save dan After Save di Yii2

Disini saya akan menggunakan tabel dengan struktur seperti di bawah ini.

mysql> desc tb_propinsi;
+--------------+-------------+------+-----+---------+----------------+
| Field        | Type        | Null | Key | Default | Extra          |
+--------------+-------------+------+-----+---------+----------------+
| propinsi_id  | int(11)     | NO   | PRI | NULL    | auto_increment |
| nama         | varchar(45) | NO   |     | NULL    |                |
| dalam_negeri | tinyint(4)  | YES  |     | NULL    |                |
| created_at   | datetime    | NO   |     | NULL    |                |
| updated_at   | datetime    | NO   |     | NULL    |                |
+--------------+-------------+------+-----+---------+----------------+
5 rows in set (0,00 sec)

Kasus Pertama

Kita buat sebuah CRUD menggunakan GII untuk tabel propinsi tersebut, tapi tanpa ada input untuk created_at dan updated_at dan coba kita lakukan proses insert data.

Before Save dan After Save di Yii2

Maka akan terjadi error seperti berikut karena field created_at dan updated_at saya buat not null dan tidak ada default value pada form inputan.

Before Save dan After Save di Yii2

Solusi

Nah, untuk menyelesaikan masalah di atas kita bisa menggunakan fungsi before save.

Before save adalah proses yang di lakukan sebelum proses save ke model active record terjadi.

Kita buat script seperti pada dokumentasi nya disini, dan ubah scrip pada model TbPropinsi dengan menambahkan script di bawah ini.

public function beforeSave($insert) {
        if (parent::beforeSave($insert)) {
            $this->created_at = date('Y-m-d H:i:s');
            $this->updated_at = date('Y-m-d H:i:s');
            return true;
        } else {
            return false;
        }
    }

Kemudian coba kita eksekusi lagi proses Insert Data Propinsi. Foilah sukses berjalan tanpa error pada field created at, updated at dan data sudah terisi sesuai before save yang kita definisikan.

Before Save dan After Save di Yii2

Kasus Kedua

Pada kasus kedua ini saya akan mencoba menginsert data secara paralel pada tabel yang lain ketika proses menyimpan data pada tabel propinsi terjadi. Tabel yang saya gunakan adalah tabel kabupaten. Pada form Insert Tabel Propinsi, akan terjadi proses insert ke tabel propinsi dan tabel kabupaten.

mysql> desc tb_kabupaten_kota;
+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| kab_id      | int(11)      | NO   | PRI | NULL    | auto_increment |
| nama        | varchar(150) | NO   |     | NULL    |                |
| propinsi_id | int(11)      | NO   | MUL | NULL    |                |
| kab_kodya   | int(11)      | YES  |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+

Seperti yang terlihat, ada sebuat field foreign key propinsi id pada tabel tb_kabupaten_kota tersebut, jika ingin melakukan proses paralel insert pada tabel kabupaten, tidak bisa menggunakan berfore save seperti pada kasus pertama. Karena row pada tabel propinsi belum terbentuk dan data untuk foreign key propinsi_id tidak ada. Untuk itulah maka pada kasus ini kita menggunakan fungsi after save.

After save adalah proses yang dilakukan setelah proses save di model Active Record Terjadi.

Langsung saja kita tambahkan script di model TbPropinsi untuk menginsert data secara paralel pada tabel TbKabupatenKota.

public function afterSave($isNew, $old) {
       if ($isNew){  
           $kabupaten = new TbKabupatenKota;
           $kabupaten->propinsi_id = $this->propinsi_id;
           $kabupaten->nama = "kabupaten dari propinsi ".$this->nama;
           $kabupaten->kab_kodya = 1;
           $kabupaten->save();        
       }
   }

*fungsi di atas berjalan jika proses insert data baru pada model tbPropinsi di eksekusi.

Uji Coba

Kita coba masukkan data pada Form Create Propinsi.

Before Save dan After Save di Yii2

Kemudian kita lihat data pada tabel kabupaten kota apakah data sudah bisa di insert beserta foreign key dari Tabel Propinsi. Tadaa, data berhasil di insert sesuai dengan fungsi after save yang kita buat tadi .

Before Save dan After Save di Yii2

Sekian bahasan yang saya sampaikan, semoga dapat bermanfaat. Kritik dan masukkan silahkan sampaikan saja, jangan sungkan sungkan .

Terimakasih.

referensi dari Yii2 framework

The post Before Save dan After Save di Yii2 appeared first on Mr Agus.

Biasanya jika kita melakukan submit form secara normal, data akan dikirim ke server dan halaman form tersebut akan dilakukanrefresh. Hal ini akan membuat browser menjadi berat karena pada proses refresh, keseluruhan komponen akan di panggil ulang. Oleh karena itu jika kita melakukan submit melalui ajax, akan membuat beban browser menjadi tidak berat.

Membuat submit form dengan Ajax di framework Yii2

Oke langsung saja kita mulai ngoding, form yang saya buat untuk menyimpan string dan upload file sesuai dengan postingan saya sebelumnya disini. Kita buat terlebih dahulu form yang akan di pakai, jangan lupa beri ID pada form yang akan digunakan.

<div class="tb-blog-form">

    <?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data'],'id'=>'formSubmit']); ?>

    <?= $form->field($model, 'id_kategori')->textInput() ?>

    <?= $form->field($model, 'tanggal')->textInput() ?>

    <?= $form->field($model, 'judul')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'isi')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'status')->textInput() ?>

    <?= $form->field($model, 'gambar')->fileInput() ?>

    <div class="form-group">
        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
    </div>

    <?php ActiveForm::end(); ?>

</div>

Kemudian kita buat javascript yang akan digunakan untuk melakukan proses submit. Gunakan new FormData untuk data yang akan dikirim, karena selain string. terdapat juga file yang akan di upload. Jika hanya menyimpan string cukup gunakan SerializeArray.

$('#formSubmit').on("submit",function(e){
      
        var formData = new FormData(this);
        var formURL = $("#formSubmit").attr("action");
        $.ajax(
        {
            url : formURL,
            type: "POST",
            data : formData,
            contentType: false,
            processData: false,
            success:function(data, textStatus, jqXHR) 
            {
                window.location = "{$urlIndex}";
            },
            error: function(jqXHR, textStatus, errorThrown) 
            {
                alert("gagal");      
            }
        });
        e.preventDefault();
        e.unbind(); untuk mencegah berkali kali submit
    });

Sesuaikan controllernya sebagai berikut.

public function actionCreate()
    {
        $model = new TbBlog();

        if ($model->load(Yii::$app->request->post())) {
            
            $gambar = UploadedFile::getInstance($model, 'gambar');

            if($model->validate()){
                $model->save();
                if (!empty($gambar)) {
                    $gambar->saveAs(Yii::getAlias('@frontend/web/img/') . 'gambar.' . $gambar->extension);
                    $model->gambar = 'gambar.' . $gambar->extension;
                    $model->save();
                }
            }

            $model->save();
            if(!Yii::$app->request->isAjax){
                return $this->redirect(['view', 'id' => $model->id]);
            }
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

Percobaan

Kita isikan data pada form yang tersedia serta gambar yang akan di upload.

Membuat submit form dengan Ajax di framework Yii2

Kita lihat hasilnya.

Membuat submit form dengan Ajax di framework Yii2

Data sukses terupload , sekian tutorial dari saya semoga dapat bermanfaat.

Terimakasih.

The post Membuat submit form dengan Ajax di framework Yii2 appeared first on Mr Agus.

Pada framework yii2 untuk message interfacenya menggunakan swiftmailer yang memiliki banyak kelebihan antara lain compatible dengan server yang membutuhkan enkripsi, bisa meng attach file dengan ukuran yang besar, dll, untuk lebih lengkap anda bisa kunjungi pada  situs resmi disini.

Oke tidak perlu lama-lama, langsung saja kita mulai membuat script mengenai cara mengirim email pada framework yii2 dengan swiftmailer.

Mengirim email pada framework yii2 dengan swiftmailer

Terlebih dahulu kita buat konfigurasinya, saya akan menggunakan SMTP dari gmail yang akan digunakan sebagai email pengirim.

'mail' => [
      'class' => 'yii\swiftmailer\Mailer',
      'useFileTransport' => false,
      'transport' => [
           'class' => 'Swift_SmtpTransport',
           'host' => 'smtp.gmail.com',
           'username' => 'emaildari@gmail.com',
           'password' => 'passwordemail',
           'port' => '587',
           'encryption' => 'tls',
     ],
 ],

Kemudian kita buat method yang di gunakan untuk mengirim email.

public function actionContact()
    {
        $model = new ContactForm();
        if ($model->load(Yii::$app->request->post()) && $model->validate()) {
           Yii::$app->mail->compose()
                ->setFrom('aplikasiku@yii2.com')
                ->setTo($model->email)
                ->setSubject($model->subject)
                ->setHtmlBody($model->body)
                ->send();

            return $this->refresh();
        } else {
            return $this->render('contact', [
                'model' => $model,
            ]);
        }
    }

Uji Coba

Persiapan sudah cukup, selanjutnya kita akan mencoba mengirim email melalui form. Form yang saya gunakan adalah form contact default dari framework Yii2. Isikan data yang di butuhkan dan submit form.

Mengirim email pada framework yii2 dengan swiftmailer

Kemudian kita buka email yang menjadi tujuan pada form email tersebut, cek apakah email sudah masuk atau belum.

Mengirim email pada framework yii2 dengan swiftmailer

Email sukses terkirim dengan menggunakan form yang telah kita buat. Pada kasus yang lain, anda dapat juga menambahkan attachment ataupun format email yang dapat kita sesuaikan. Untuk Pembahasan tersebut akan saya buat pada contoh tutorial saya yang selanjutnya.

Sekian tutorial singkat dan pembahasan saya mengenai cara Mengirim email pada framework yii2 dengan swiftmailer. Semoga dapat diterapkan dan dapat bermanfaat. Tetaplah belajar dan berusaha.

Terimakasih.

The post Mengirim email pada framework yii2 dengan swiftmailer appeared first on Mr Agus.

Membuat form upload file pada framework Yii2

Saya membuat tabel dengan nama tb_blog, untuk menyimpan string gambar saya buat kolom gambar dengan tipe varchar(200). Kemudian buat sebuah CRUD untuk tb_blog menggunakan gii dari yii2 framework untuk mempercepat proses hehe.

mysql> desc tb_blog;
+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| id          | int(11)      | NO   | PRI | NULL    | auto_increment |
| id_kategori | int(11)      | NO   | MUL | 0       |                |
| tanggal     | date         | YES  |     | NULL    |                |
| judul       | varchar(50)  | YES  |     | NULL    |                |
| isi         | varchar(50)  | YES  |     | NULL    |                |
| status      | int(11)      | YES  |     | NULL    |                |
| gambar      | varchar(200) | YES  |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+
7 rows in set (0.00 sec)

Scripting

Terlebih dahulu konfigurasi model TbBlog, dan sesuaikan rulenya.

public function rules()
  {
      return [
          [['id_kategori', 'status'], 'integer'],
          [['tanggal'], 'safe'],
          [['judul', 'isi'], 'string', 'max' => 50],
          [['gambar'],'file','skipOnEmpty'=>TRUE,'extensions'=>'jpg, png']
      ];
  }

Saya membuat rule agar file dengan extensi jpg dan png saja yang boleh di upload. Sesuaikan juga form yang akan digunakan untuk mensubmit data data yang akan disimpan pada database.

<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]); ?>

   <?= $form->field($model, 'id_kategori')->textInput() ?>

   <?= $form->field($model, 'tanggal')->textInput() ?>

   <?= $form->field($model, 'judul')->textInput(['maxlength' => true]) ?>

   <?= $form->field($model, 'isi')->textInput(['maxlength' => true]) ?>

   <?= $form->field($model, 'status')->textInput() ?>

   <?= $form->field($model, 'gambar')->fileInput() ?>

   <div class="form-group">
       <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
   </div>

   <?php ActiveForm::end(); ?>

Kemudian sesuaikan script pada controller untuk menyimpan data yang diterima melalui form, tentukan juga folder yang digunakan untuk menyimpan gambar.

use yii\web\UploadedFile;

public function actionCreate()
    {
        $model = new TbBlog();

        if ($model->load(Yii::$app->request->post())) {
            
            $gambar = UploadedFile::getInstance($model, 'gambar');

            if($model->validate()){
                $model->save();
                if (!empty($gambar)) {
                    $gambar->saveAs(Yii::getAlias('@frontend/web/img/') . 'gambar.' . $gambar->extension);
                    $model->gambar = 'gambar.' . $gambar->extension;
                    $model->save(FALSE);
                }
            }

            $model->save();
            return $this->redirect(['view', 'id' => $model->id]);
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

Selanjutnya kita buat sebuah method di controller untuk menampilkan gambar  pada view menggunakan response sendfile.

public function actionViewGambar($nama){
        $file = Yii::getAlias('@frontend/web/img/' . $nama);
        return Yii::$app->response->sendFile($file, NULL, ['inline' => TRUE]);
    }

Tambahkan script untuk menampilkan image pada GridView, dan lihat hasilnya.

<?= GridView::widget([
        'dataProvider' => $dataProvider,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'id',
            'id_kategori',
            'tanggal',
            'judul',
            'isi',
            // 'status',
            [
                'class' => 'yii\grid\DataColumn',
                'header' => 'Gambar',
                'format' => 'raw',
                'value' => function($data){
                    return "<img width='104px' src='".Url::to(['blog/view-gambar','nama'=>$data->gambar])."'>";
                }
            ],
            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

Membuat form upload file pada framework Yii2

Cukup mudah bukan hehe, sekian tutorial dari saya mengenai membuat form upload file pada yii2 framework, semoga bermanfaat. Terimakasih.

The post Membuat form upload file pada framework Yii2 appeared first on Mr Agus.

Ada berbagai cara untuk membuat sebuah captcha, tetapi kali ini saya membuat captcha menggunakan reCaptcha dari google. Anda bisa kunjung langsung link berikut untuk informasi lebih lanjut mengenai reCaptcha Google.

Tough on bots
Easy on humans

Protect your website from spam and abuse while letting real people pass through with ease

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Kali ini saya akan buat reCaptcha untuk memvalidasi user yang akan login pada sebuah aplikasi php, saya disini menggunakan Yii Framework v2. Pertama kita harus mendapatkan api key terlebih dahulu dari reChapta google.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Pilih get reCaptcha dan anda kemudian akan di alihkan ke halaman untuk manage api key, anda akan diminta untuk memasukkan nama label dan domain dari web anda.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Setelah berhasil menginput anda akan diberikan penjelasan step by step bagimana cara memasang reCaptcha pada website anda.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Ngoding Time

Saya kebetulan menggunakan template advance dari Yii2 Framework, saya akan memvalidasi login pada frontend. Untuk dapat menggunakan validasi dari reCaptcha, anda bisa baca dokumentasinya disini, reCaptcha menggunakan method post dengan beberapa parameter yang akan dikirimkan ke server, server akan mengirimkan respone ke website kita dengan nilai TRUE(1) jika verifikasi benar/ sesuai. Anda bisa lihat di bawah ini request dan response Api nya.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Terlebih dulu kita buat sebuah method yang digunakan melakukan request post ke google. Saya menggunakan Curl dan untuk parameternya anda bisa lihat pada manajemen reCaptcha yang anda telah buat. Bagi yang belum mengerti tentang curl, anda bisa lihat pada postingan saya sebelumnya disini.

public function verifiyChap($rechap){
       $ch = curl_init();
       curl_setopt($ch, CURLOPT_URL, 'https://www.google.com/recaptcha/api/siteverify');
       curl_setopt($ch, CURLOPT_POST,1);
       curl_setopt($ch, CURLOPT_POSTFIELDS,
           "secret=6LcYQCETAAAAABdrfEOmu_sbc0IRFRefrj8xsVPN&response=".$rechap);
       curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

       $server_output = curl_exec ($ch);
       $cekServer  = json_decode($server_output);
       curl_close ($ch);
       if(!empty($cekServer)){
           if ($cekServer->success == 1){ 
               return TRUE;
           }else{ 
               return FALSE;
           }
       }else{
           return FALSE;
       }
   }

Kemudian sesuaikan form login yang akan digunakan.

<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;

$this->title = 'Login';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="site-login">
    <h1><?= Html::encode($this->title) ?></h1>

    <p>Please fill out the following fields to login:</p>

    <div class="row">
        <div class="col-lg-5">
            <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>

                <?= $form->field($model, 'username') ?>

                <?= $form->field($model, 'password')->passwordInput() ?>

                <?= $form->field($model, 'rememberMe')->checkbox() ?>

                <div style="color:#999;margin:1em 0">
                    If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>.
                </div>

                <div class="form-group">
                    <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
                </div>

                <div class="g-recaptcha" data-sitekey="6LcYQCETAAAAAJ4AvC9BH6b5lBU0BMMhpd38qI3s"></div>

            <?php ActiveForm::end(); ?>
        </div>
    </div>
</div>

Sesuaikan method loginnya *saya membuat method login pada satu class yang sama dengan method verifiyChap.

public function actionLogin()
   {
       if (!\Yii::$app->user->isGuest) {
           return $this->goHome();
       }

       $model = new LoginForm();
       if ($model->load(Yii::$app->request->post())) {
           if(SELF::verifiyChap($_POST['g-recaptcha-response'])){
               $model->login();
           }else{
               echo "chapta belum di verifikasi broo";
               die();
           }
           return $this->goBack();
       } else {
           return $this->render('login', [
               'model' => $model,
           ]);
       }
   }

Pengujian

Berikut adalah penampakan dari form loginnya yang sudah terpasang reCaptcha Google.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Kita tes melakukan login tanpa mencentang reCaptcha.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Centang reCaptcha, masukkan username dan password yang benar, hasilnya sebagai berikut.

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Membuat reCaptcha Google untuk validasi sebuah Form di PHP

Tadaa, reCaptcha berjalan dengan baik. Sekian tulisan dari saya mengenai pembuatan validasi form menggunakan reCaptcha dari Google, semoga dapat bermanfaat.

Terimakasih.

The post Membuat reCaptcha Google untuk validasi sebuah Form di PHP appeared first on Mr Agus.

Membuat draggable modal bootstrap

Untuk membuat modal bisa digeser-geser kita perlu menambahkan library tambahan dari jQuery Ui. Jquery Ui merupakan library yang di buat menggunakan javascript yang untuk membuat aplikasi kita lebih interaktif. Jquery menyediakan efek-efek pada layout, widget seperti kalender yang bisa kita gunakan untuk melengkapi aplikasi yang kita buat.

Kita download terlebih dahulu library dari Jquery Ui dari website resminya disini. Pada tutorial kali ini saya menggunakan framework yii2, untuk menggunakan standart library nya, cukup kita kopikan jquery-ui.min.js pada folder web.

Membuat draggable modal bootstrap

Eksekusi Code

Pada AppAsset.php kita tambahkan/ register library tersebut supaya bisa di load saat aplikasi di panggil.

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
        'css/font-awesome.css',
        'summernote/summernote.css'
    ];
    public $js = [
        'summernote/summernote.js',
        'js/jquery-ui.min.js'
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

catatan :

Skrip diatas terdapat library summernote, karena saya menggunakan aplikasi yang sama pada tutorial sebelumnya.

Pada skrip javascript yang di gunakan untuk menampilkan modal kita tambahkan skrip .draggable().

$('.modalButton').on('click', function () {
       $('#modal').modal('show').draggable()
               .find('#modalContent')
               .load($(this).attr('value'));
   });

Anda juga dapat menambahkan opsi pada fungsi draggable tersebut, kali ini saya tambahkan opsi agar modal dapat di geser hanya kalau di klik pada modal header.

$('.modalButton').on('click', function () {
        $('#modal').modal('show').draggable({ handle: ".modal-header" })
                .find('#modalContent')
                .load($(this).attr('value'));
    });

Coba kita lihat hasilnya, posisi normal.

Membuat draggable modal bootstrap

draggable :D.

Membuat draggable modal bootstrap

Sekian tutorial singkat saya ini mengenai cara Membuat draggable modal bootstrap. Semoga dapat membantu dan bermanfaat, terima kasih.

The post Membuat draggable modal bootstrap appeared first on Mr Agus.

Sebenarnya terdapat banyak metode yang bisa digunakan untuk melakukan proses pencarian dalam sebuah data, pencarian data bisa dikatakan berhasil jika dapat menemukan data dengan pencarian yang spesifik. Tetapi terkadang terdapat kesalahan metode atau terlalu banyak query yang di masukkan sehingga hasil dari pencarian data tersebut menjadi kurang tepat.

Filtering Model pada Gridview di Yii2

Langsung saja kita buat sebuah CRUD menggunakan GII, biar cepet :D, saya menggunakan data kabupaten dan propinsi di Indonesia.

Filtering Model pada Gridview di Yii2

Secara default, gridview akan memberikan fitur pencarian data pada tiap-tiap kolom, tetapi untuk data propinsi terlihat bahwa hanya foreign key dari data propinsi yang terlihat, ini menjadi kurang bagus dan tidak user friendly :D. Untuk menampilkan nama propinsi, terlebih dahulu kita buat active record model relasi dari kabupaten ke propinsi pada model data kabupaten.

public function getPropinsi()
    {
        return $this->hasOne(TbPropinsi::className(), ['propinsi_id' => 'propinsi_id']);
    }

dan kita ubah pada  table gridviewnya menggunakan class dataColumn

<?= GridView::widget([
       'dataProvider' => $dataProvider,
       'filterModel' => $searchModel,
       'columns' => [
           ['class' => 'yii\grid\SerialColumn'],

           'kab_id',
           'nama',
           [
               'class' => 'yii\grid\DataColumn',
               'header' => 'Nama Propinsi',
               'value' => 'propinsi.nama'
           ],
           'kab_kodya',

           ['class' => 'yii\grid\ActionColumn'],
       ],
   ]); ?>

Hasilnya sebagai berikut :

Filtering Model pada Gridview di Yii2

nah yang terjadi adalah fitur pencarian data untuk data propinsi akan hilang, tetapi jangan khawatir. Kita akan munculkan kembali, tetapi menampilkan pencarian menggunakan dropdown dengan memilih data propinsi :D. Terlebih dulu kita buat dulu code untuk memanggil data propinsi pada controller kabupaten, gunakan array helper untuk mengisi data source pada activedropdownlist pada view nanti.

public function actionIndex()
   {
       $searchModel = new KabupatenSearch();
       $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

       $propinsi = \common\models\TbPropinsi::find()->all();
       $propinsi = ArrayHelper::map($propinsi,'propinsi_id','nama');
       
       return $this->render('index', [
           'searchModel' => $searchModel,
           'dataProvider' => $dataProvider,
           'propinsi' => $propinsi
       ]);
   }

Pada viewnya kita tambahkan properti filter pada data column nama propinsi, dan gunakan array $propinsi sebagai data source nya.

<?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'kab_id',
            'nama',
            [
                'class' => 'yii\grid\DataColumn',
                'header' => 'Nama Propinsi',
                'value' => 'propinsi.nama',
                'filter' => Html::activeDropDownList($searchModel, 'propinsi_id',$propinsi,               ['class'=>'form-control'])
            ],
            'kab_kodya',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

Refresh kembali view yang digunakan untuk menampilkan data kabupaten tadi.

Filtering Model pada Gridview di Yii2

Tadaa :D, pencarian menggunakan dropdownlist pada gridview Yii2 berhasil running. Untuk kolom kabupaten / kota juga kelihatan tidak user friendly, kita ubah juga filternya menggunakan dropdown. Kita buat dulu fungsi untuk menampilkan data pada kolom dan data source untuk dropdown pencarian.

public function getKabKota()
   {
       if($this->kab_kodya==1){
           return "Kabupaten";
       }elseif($this->kab_kodya==2){
           return "Kota";
       }else{
           return "unknown";
       }
   }

   public function dataKabKota()
   {
       return [
           '1' => 'Kabupaten',
           '2' => 'Kota'
       ];
   }

Tambahkan pada controller untuk array $kabKota.

public function actionIndex()
   {
       $searchModel = new KabupatenSearch();
       $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

       $propinsi = \common\models\TbPropinsi::find()->all();
       $propinsi = ArrayHelper::map($propinsi,'propinsi_id','nama');
       return $this->render('index', [
           'searchModel' => $searchModel,
           'dataProvider' => $dataProvider,
           'propinsi' => $propinsi,
           'kabKota' => TbKabupatenKota::dataKabKota(),
       ]);
   }

Pada view data kabupaten, kita ubah juga filtering dan valuenya.

<?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'kab_id',
            'nama',
            [
                'class' => 'yii\grid\DataColumn',
                'header' => 'Nama Propinsi',
                'value' => 'propinsi.nama',
                'filter' => Html::activeDropDownList($searchModel, 'propinsi_id',$propinsi,['class'=>'form-control'])
            ],
            [
                'class' => 'yii\grid\DataColumn',
                'header' => 'Kab / Kota',
                'value' => 'kabKota',
                'filter' => Html::activeDropDownList($searchModel, 'kab_kodya',$kabKota,['class'=>'form-control'])
            ],

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

Result

Filtering Model pada Gridview di Yii2

Filtering data menggunakan textbox dan dropdown berhasil di buat :D, pencarian seperti ini dapat menemukan data secara spesifik dan tidak berat waktu mengeksekusi query, karena query akan melakukan search pada tiap-tiap kolom pada model.

Sekian tutorial dari saya, nanti akan di buat lagi filtering menggunakan select 2 untuk mempermudah pencarian data. Terimakasih .

The post Filtering Model pada Gridview di Yii2 appeared first on Mr Agus.