Yii2 Introduction

Transcript

1. Yii2 Introduction and a little bit of Leaflet JS
2. Derma Jaya Putra Waruwu Sekolah Tinggi Ilmu Statistik (STIS) Jakarta Badan Pusat Statistik
3. https://www.phpindonesia.or.id http://sumut.phpindonesia.or.id PHP Indonesia PHP Indonesia Sumut 140k anggota Event tentang Teknologi KulWap or KulGram
5. Yii2 ? • Framework PHP -> digunakan untuk membuat aplikasi berbasis web tanpa harus membangun dari scratch • Yii2 -> salah satu Framework PHP • Yii2 -> MVC, RBAC, Gii, Yii Active Record (ORM), Validation, Testing, Security, RESTFul API, dan masih banyak lagi .... • Basic and Advance Template
6. Yii2 Environment • Composer (https://getcomposer.org/) • PHP • MySql, PostgreSQL, and others • Apache, Nginx • Or you can just use XAMPP, LAMP, etc. • Text Editor (VS Code, Sublime Text, Atom, Notepad++, etc.)
7. Yii2 Installation • Composer Buka CMD atau Terminal composer global require "fxp/composer-asset-plugin:^1.2.0“ composer create-project --prefer-dist yiisoft/yii2-app-advanced nama-folder nama-folder ganti dengan polmed
8. Yii2 Installation (2) • Download di yiiframework.com
9. Yii2 Init Buka CMD atau Terminal php init 0 yes
10. Yii2 Connecting to Database 1. Buat satu database baru dengan nama polmed_db melalui phpmyadmin 2. Ubah file main-local.php di folder polmed/common/config, atur db-nya
11. Yii2 Migration Kembali ke CMD atau Terminal php yii migrate yes
12. Yii2 on Browser Akses via browser (Chrome, Mozilla, Safari, Opera, dll) http://localhost/polmed/frontend/web/index.php
13. Yii2 Folder • Backend (bagian untuk administrator) • Common (digunakan oleh back and front) • Console (perintah di CMD atau Terminal) • Environments (pada saat init, untuk prod atau dev) • Frontend (bagian untuk user) • Vagrant (environment+automation) • Vendor (tempat package yang digunakan, you shouldn’t edit this one)
14. Yii2 Folder (2) • Backend (bagian untuk administrator) • Common (digunakan oleh back and front) • Console (perintah di CMD atau Terminal) • Environments (pada saat init, untuk prod atau dev) •Frontend (bagian untuk user) • Vagrant (environment+automation) • Vendor (tempat package yang digunakan, you shouldn’t edit this one)
15. Yii2 - Frontend Folder • Assets (css, js) • Config (konfigurasi aplikasi) • Controllers (kontroller aplikasi) • Models (model aplikasi) • Runtime (cache, logs) • Tests (app testing) • Views (tampilan) • Web (accessible folder -> bisa dilihat user)
16. Yii2 MVC • Model (pengambilan data dari database) • View (tampilan data) • Controller (pemroses data berupa input atau output, logika aplikasi)
17. Yii2 Controller • Edit file SiteController.php di frontend\controllers
18. Yii2 Controller (2) • Buka halaman http://localhost/polmed/frontend/web/index.php?r=site/hello
19. Yii2 Routing* Controller Format: NamaController URL: index.php?r=nama Contoh: SiteController -> index.php?r=site Action pada Controller Format: actionNama URL: index.php?r=namacontroller/nama Contoh: SiteController -> actionWelcome -> index.php?r=site/welcome Penulisan URL Format URL menggunakan lowercase Jika dua kata gunakan format camelCase Contoh: actionHelloWorld -> index.php?r=site/hello-world *Credits to github.com/hscstudio
20. Yii2 View + Controller • Edit file SiteController.php di frontend\controllers, tambahkan actionWelcome
21. Yii2 View + Controller (2) • Buat file welcome.php di frontend\views\site
22. • Buka halaman http://localhost/polmed/frontend/web/index.php?r=site/welcome Yii2 View + Controller (3)
23. Yii2 View + Controller (4) • Edit file SiteController.php di frontend\controllers, tambahkan actionHelloWorld
24. Yii2 View + Controller (5) • Edit file welcome.php di frontend\views\site
25. • Buka halaman http://localhost/polmed/frontend/web/index.php?r=site/hello-world Yii2 View + Controller (6)
26. • Buka halaman http://localhost/polmed/frontend/web/index.php?r=site/hello-world Yii2 View + Controller (6)
27. • Buat file Event.php di frontend\models\ Yii2 Model + View + Controller (MVC)
28. • Buat file EventController.php di frontend\controllers\ Yii2 MVC (2)
29. • Buat file event.php di frontend\views\ Yii2 MVC (3)
30. • Buka halaman http://localhost/polmed/frontend/web/index.php?r=event/index Yii2 MVC (4) – Tampilan Form
31. Yii2 MVC (5) – Tampilan Error Form
32. Yii2 MVC (5) – actionProses • Edit file EventController.php di frontend\controllers
33. Yii2 MVC (6) – detailEvent • Buat file detailEvent.php di frontend\views\site
34. Yii2 MVC (7) – From detailEvent • Buka halaman http://localhost/polmed/frontend/web/index.php?r=event/index dan isikan detail eventnya
35. Yii2 MVC (8) – hasil actionProses
36. Gii – Membuat Tabel
37. Gii (2) – Tampilan Buka halaman http://localhost/polmed/frontend/web/index.php?r=gii , pilih Model Generator
38. Gii (3) – Model Generator Isikan parameter, kemudian klik Preview
39. Gii (4) – Model Generator Klik Generate
40. Gii (5) – Model Generator Klik Generate Hasil Generate Model Jurusan
41. Gii (6) – CRUD Generator Klik Generate Buka halaman http://localhost/polmed/frontend/web/index.php?r=gii , pilih CRUD Generator, isikan parameter, klik Preview
42. Gii (7) – CRUD Generator Klik Generate Klik Generate
43. Gii (8) – CRUD Generator Klik Generate File – file yang di-genarete
44. Gii (9) – Mahasiswa Buka halaman http://localhost/polmed/frontend/web/index.php?r=mahasiswa/index
45. Gii (10) – Mahasiswa Model Generator Buka halaman http://localhost/polmed/frontend/web/index.php?r=gii Lakukan Generate seperti di Jurusan
46. Gii (11) – Mahasiswa CRUD Generator Buka halaman http://localhost/polmed/frontend/web/index.php?r=gii Lakukan Generate seperti di Jurusan
47. UI – Mahasiswa (1) Buka halaman http://localhost/polmed/frontend/web/index.php?r=mahasiswa/index
48. UI – Mahasiswa (2) - index.php Edit file index.php di frontend\views\mahasiswa
49. UI – Mahasiswa (2) UI updated Buka halaman http://localhost/polmed/frontend/web/index.php?r=mahasiswa/index
50. Yii2 Extension – Krajee Widget
51. Update
52. Create Mahasiswa
53. Create Mahasiswa (2)
54. Create Mahasiswa (3)
55. Create Mahasiswa (4)
56. Create Mahasiswa (5)
57. Create Mahasiswa (6)
58. Update Mahasiswa
59. Update Mahasiswa (2)
60. Index Search Mahasiswa
61. Search Jurusan Mahasiswa
62. Search Jurusan Mahasiswa
63. Result
64. Terima Kasih 082360370876 derma.waruwu@phpindonesia.or.id github.com/putraw