Yii2-1 Ebook

web programming
how to develop a professional web base application

using yii framework in one week
by hafid mukhlasin
Wednesday, January 13, 2016
web programming
how to develop a professional web base application
using yii framework in one week
by hafid mukhlasin
app: native vs web
app: native vs web

native app
web app
aplikasi yang diinstall dan berjalan aplikasi yang berjalan pada web
secara langsung pada platform sistem browser dan tidak tergantung pada
operasi baik dekstop maupun mobile
sistem operasi
example: ms office, whatsapp
example: website, blog
programming: java, vb.net, c/c++
programming: php, asp.net, javascript

4
web programming using PHP
how to create web app?
how to create web app?

create from scratch
cms: drupal, wordpress, joomla, moodle
framework: yii, laravel, symfony, phalcon
why using framework

development time
security
standard
team work
whats yii?
10
whats yii?
salah satu framework PHP populer, berupa kumpulan kode dan
library PHP yang membentuk sebuah kerangka dasar untuk
membangun berbagai jenis aplikasi berbasis web, misalnya: web
portal, forum, CMS, e-commerce, web service, dll
official site: http://www.yiiframework.com
11
history of yii?
mulai dikembangkan 2008, oleh Qiang Xue
versi 1.x 2008 2014 disupport hingga akhir 2015
versi 2.x oktober 2014 sekarang
latest version: 2.0.6 (august 2015)
12
features & advantages of yii

using mvc concept
simplify security standard
support many databases
integrated with user interface
framework (twitter bootstrap)
caching
restful web service
built-in code generator
many useful extensions

have application template
follow latest php technology &
standard (psr, namespace,
composer)
large community support (not
one man show)
clear documentation
etc
13
preparing before installation
14
required tool & environment
web server (apache or nginx)

php version 5.4 or later
code editor (notepad++, atom, sublime, etc)
dbms (mysql, postgree, oracle, etc) - optional
php as global path optional
php composer - optional
15
setting php as global path

variabel php yang bisa diakses secara global melalui terminal /
command prompt
16
setting php as global path

on windows
setx /M PATH "%PATH%;C:\xampp\php"
asumsi: lokasi file php.exe di c:\xampp\php\php.exe
on linux
export PATH=${PATH}:/opt/lampp/php/bin
asumsi: file php executablenya ada di /opt/lampp/php/bin
17
php composer
dependency manager untuk php, yaitu sebuah tools yang akan memudahkan
developer dalam menginstall suatu library (framework, cms, dll) berbasis php
beserta library dependensinya.
- perlu koneksi internet
- https://getcomposer.org
18
composer, how to work?
19
composer installation
on windows
php -r "readfile('https://getcomposer.org/installer');" | php
setx /M PATH "%PATH%;C:\Users\hafid"
perintah kedua supaya kita bisa mengakses composer dari lokasi manapun pada komputer
maka tambahkan current folder ke PATH (asumsi: C:\Users\hafid)
on linux
curl -sS https://getcomposer.org/installer | php
mv composer.phar /usr/local/bin/composer
perintah kedua supaya kita bisa mengakses composer dari lokasi manapun pada komputer
maka pindahkan ke direktori global
20
before using composer

self update
php composer.phar self-update
set github token

get token from: https://github.com/settings/tokens/new
composer config -g github-oauth.github.com <oauthtoken>
21
yii installation
22
yii installation
online installation
- using php composer
- recommendate
offline installation
- using downloadable source
23
what will be installed?

1. core yii
2. application template
basic (single app)
advanced (multiple app, migration, login with database, etc)
24
we will use customization template

for workshop purpose, we will use hscstudio/yii2-app-workshop
its basic with advanced feature
+ yii2-widget
+ yii2-mimin
+ yii2-export
25
online installation
26
online installation
composer global require "fxp/composer-asset-plugin:~1.0.0
composer create-project --prefer-dist yiisoft/yii2-app-basic basic
change with below

composer create-project --prefer-dist hscstudio/yii2-app-workshop
workshop
27
28
Download source Yii 2.0 dalam bentuk file terkompresi dari
http://www.yiiframework.com/download/
http://local (customize app template)
Extract source tersebut web root yaitu htdocs atau www atau
public_html.
Edit file config/web.php dan masukkan secret key yang digunakan
untuk konfigurasi cookieValidationKey:
'cookieValidationKey' => 'masukkan kata kunci rahasia
disini',
29
configuration
30
configuration
database configuration
database migration
31
32
1. create new database for example yii2workshop
2. adjust database configuration in file config/db.php
33
database migration
34
database migration
automatic create user table, yii migrate
35
try it on your web browser!

http://localhost/workshop/web
try to access all pages
try to signup
try to login
enjoy it!
36
done!
37
yii architecture
38
yii architecture
structure directory project
files on root directory
application flow
routing concept
39
structure directory project

folder
contains
assets/
assets definition
commands/
console commands (controllers)
config/
controllers/
application configurations
web controller classes
mail/
view files for e-mails
migrations/
database migrations
models/
model classes
runtime/
contains files generated during runtime
tests/
various tests for the basic application
vendor/
dependent 3rd-party packages
views/
web/
Wednesday, January
13, 2016
widgets/
view files for the Web application

the entry script and Web resources
widgets files
40
files on root directory
.gitignore contains a list of directories ignored by git version system. If

you need something never get to your source code repository, add it
there.
composer.json - Composer config described in "Configuring Composer"
below.
init - initialization script described in "Configuration and environments"
below.
init.bat - same for Windows.
requirements.php - Yii requirements checker.
yii - console application bootstrap.
yii.bat - same for Windows.
41
application flow
42
overview entry script

file yang pertama kali diakses
app/web/index.php
43
default controller
ketika url yang diakes adalah
index.php saja maka:
controller default adalah
app/controllers/SiteController
action default dari SiteController
adalah actionIndex
artinya yii akan menjalankan
action ini.
index.php?r=site/index
44
default layout
perintah pada fungsi actionIndex
akan merender :
- default layouts yaitu main.php
yang ada di folder:
app/views/layouts/
- tampilan content index.php yang
ada pada folder:
app/views/site/
45
routing concept
controller
format : NamaController
url addr : index.php?r=nama
example:
controller
url
(format StudlyCaps)
(format lowercase)
SiteController
index.php?r=site
jika dua kata gunakan format Camel Case

example:
SiteController & actionHelloWord
index.php?r=site/hello-word
method action pada controller

format : actionNama
(format camelCase)
url addr : index.php?r=namacontroller/nama
(format lowerCase)
example:
url encoding
controller
SiteController
example:
method
actionOke
index.php?r=site/hello-word
url
index.php?r=site/oke
index.php?r=site%2Fhello-word
46
mvc concept
47
whats mvc?
mvc: konsep dalam pengembangan aplikasi modern yaitu membagi
aplikasi menjadi 3 bagian yaitu:
model, format struktur data (database)
view, format tampilan data ke user (user interface)
controller, bisnis proses tentang bagaimana data ditampilkan (logic)
48
why mvc?
Struktur aplikasi akan lebih rapi dan mudah difahami terutama untuk
project yang kompleks
Lebih mudah ketika terjadi perubahan data, bisnis proses maupun
tampilan
Lebih mudah dalam tracking dan handling error
Mudah dalam membagi pekerjaan jika project dikerjakan oleh team
49
mvc implementation on yii

mvc di yii tercermin dalam struktur aplikasinya, yaitu terdapat
folder:
- models (berisi semua file models),
- views (berisi semua file views), dan
- controllers (berisi semua file controller)
50
mvc on practice!
51
1. controller only
on SiteController, add new action
public
{
e
}
access url index.php?r=site/halo
52
2. view + controller
on SiteController, modify actionHalo
publi
{
re
}
create file halo.php at app/views/site/, Halo dunia :)

access url index.php?site/halo
done
53
3. model+ controller + view

create model GuestBook in app/models/GuestBook.php
<?php
namespa
use yii
class G
{
publi
publi
{
re
[
'requir
];
}
}
54

create actionGuestBook at SiteController
public f
{
$mod
retu
]);
55

create view form.php in app/views/site/
<?php
use yi
use yi
$form
echo $
echo $
echo $
echo H
'cl
Active
?>
56

try it index.php?site/guest-book
57

modify actionGuestBook at SiteController, check form submit and process it
public
{
$mod
if(Y
$
i
}
retu
'
]);
}
58
mvc with database
59
prepare table
CREATE TABLE IF NOT EXISTS `comment` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(50) NOT NULL,
`message` text NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
60
model comment
Care about case
create app/models/Comment.php
<?php
name
use y
class
public
return
}
public
return
}
}
Characteristic:
- use class ActiveRecord
- function tableName()
- field autoIncrement dont add to rules
required
61
controller comment
create app/controllers/CommentController.php
<?p
nam
use
use
use
clas
{
/
}
prepare skeleton controller

to add some function:
- select/read data
- insert/create data
- update data
- delete data
use app\models\Commet
62
select / read data
63
actionIndex
add function actionIndex to CommentController
publ
// SE
$mo
retu
'mo
]);
}
64
view index.php
<table
<tr>
<th>N
<th>N
<th>M
</tr>
<?php
foreach
echo
echo
echo
echo
echo
}
?>
</table
create file index.php in app/views/comment/
65
try it
access URL index.php?r=comment/index
66
insert / create data
67
actionCreate
add function actionCreate
to CommentController
- read data user form submit to model
publ
$mod
proce
>requ
>load
if($m
Yii::$
>setF
telah
else{
>setF
gagal
retur
'mod
$model->load(Yii::$app->request->post());
- save data to database

$model->save();
- show alert message

Yii::$app->session->setFlash('success',
'data telah tersimpan.');
68
create view create

app/views/comment/create.php
<?
use
use
$fo
ech
ech
ech
'c
]);
Ac
?>
69
try it
index.php?r=comment/create
70
update data
71
where will data updated?

update data base on primary key: id
step by step:
1. show all data
2. select one a data that will updated
3. show a data in form
72
<?
us
?>
<t
<t
<
<
<
<
</
<?
fo
e
show all data by modified

index.php
add column for link edit data in the tabel
create link use HTML helpers:

use yii\helpers\Html;
echo Html::a(Text,[abc/def]);
// <a href=index.php?r=abc/def>Text</a>
echo Html::a(Text,[abc/def,gh=>ij]);
// <a href=index.php?r=abc/def&gh=ij>Text</a>
73
}
?>
</
actionUpdate
add function actionUpdate
to CommentController to handle link update
from index
pu
Com
$m
>sa
'da
>se
}
$m
- url send parameter id
index.php?comment/update&id=2
- use parameter id as variabel in function
public function actionUpdate($id)
- get a comment base on id

$model = Comment::findOne($id);
74
create view update

app/views/comment/update.php
<?
use
use
$fo
ech
ech
ech
'c
]);
Ac
?>
75
try it
index.php?r=comment/index
76
delete data
77
where will data deleted?

delete data base on primary key: id
step by step:
1. show all data
2. select one a data that will deleted
3. action delete
4. back to index data
78
<?p
use
?>
<tab
<tr>
<th
<th
<th
<th
</tr
<?p
fore
ec
e
e
e
e
e
e
e
show all data by modified

index.php
add column for link delete data in the tabel
add parameter data-confirm
to show alert confirmation
]
e
ec
79
actionDelete
add function actionDelete
to CommentController to handle link delete
from index
publ
Comm
>sess
// red
}
- url send parameter id

index.php?comment/delete&id=2
- use parameter id as variabel in function
public function actionDelete($id)
- get a comment base on id
$model = Comment::findOne($id);
- delete a comment from database
$model->delete();
80
try it
index.php?r=comment/index
81
Thank You
http://www.hafidmukhlasin.com
82

Yii2-1 Ebook

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Yii2-1 Ebook

Încărcat de

Drepturi de autor:

Formate disponibile

web programming

how to develop a professional web base application

Wednesday, January 13, 2016

Wednesday, January 13, 2016

app: native vs web

Wednesday, January 13, 2016

app: native vs web

programming: php, asp.net, javascript

web programming using PHP

Wednesday, January 13, 2016

how to create web app?

Wednesday, January 13, 2016

how to create web app?

Wednesday, January 13, 2016

why using framework

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

features & advantages of yii

many useful extensions

preparing before installation

Wednesday, January 13, 2016

required tool & environment

web server (apache or nginx)

Wednesday, January 13, 2016

setting php as global path

Wednesday, January 13, 2016

setting php as global path

asumsi: lokasi file php.exe di c:\xampp\php\php.exe

Wednesday, January 13, 2016

composer, how to work?

Wednesday, January 13, 2016

before using composer

set github token

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

what will be installed?

Wednesday, January 13, 2016

we will use customization template

Wednesday, January 13, 2016

change with below

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

try it on your web browser!

Wednesday, January 13, 2016

Wednesday, January 13, 2016

Wednesday, January 13, 2016

structure directory project

console commands (controllers)

view files for e-mails

contains files generated during runtime

various tests for the basic application

dependent 3rd-party packages

view files for the Web application

files on root directory