Microsoft PowerPoint - PHPフレームワーク.ppt [互換モード]

Size: px

Start display at page:

Download "Microsoft PowerPoint - PHPフレームワーク.ppt [互換モード]"

みいかますはら
4 years ago
Views:

1 PHP フレームワーク入門 Zend Framework 2 コネクト株式会社

2 アジェンダフレームワークとは MVC とは Zend Framework 2 入門 Zend Framework 2 のインストールと動作確認 Zend Framework 2 を使用したシンプルな例題 # 2

3 フレームワークとはフレームワークを使用すると高品質で均一なの WEB アプリケーションを短期間に構築できます

4 開発効率の追求 ( 基本 ) フレームワークライブラリサブルーチン / 関数独自開発 # 4

5 開発効率の追求 ( 極限 ) パッケージソフト ( 半完成品 ) フレームワークテンプレートエンジン隠蔽化 / 抽象化プログラム言語 # 5

6 フレームワークの効果開発工数の圧縮コーディング工数テスト工数大規模開発における標準化と効率化チーム開発読みやすいコード化コード量の圧縮品質の均一化メンテナンス性の向上 # 6

7 コンピュータの 5 大機能入力 Web ブラウザからの入力記憶データベースファイル出力 Web ブラウザへの出力演算データ加工制御プログラムロジック # 7

8 アプリケーションの共通機能汎用的な処理の共通化ページ遷移とロジック MVC による役割の明確化デザインとロジックの分離入力処理 ( サニタイズ ) データベース処理隠蔽化認証処理 / アクセス制御 # 8

9 Zend Framework 2 の特徴ビジネスで利用可能なフレームワーク Zend をはじめとした企業がコミュニティに参加シンプルな構造モジュール単位に利用可能明確なライセンス体系ビジネスで部分的に使用しても問題ない PHP 5.3 を採用 # 9

10 代表的な PHP フレームワークの比較単機能高機能小規模大規模 Laravel CodeIgniter FuelPHP Yii CakePHP Zend Framework 2 Symfony # 10

11 PHP フレームワークシェア # 11

12 話題性 :Google トレンド # 12

13 MVC とは WEB プログラミングの手法としてスタンダードになった MVC ついて学習しますフレームワークやオブジェクト指向のベースとなる考え方ですので把握することはステップアップに不可欠です

14 MVC 基礎知識 MVC とはソフトウェアの開発手法の一つ Model( モデル ),View( ビュー ),Controller( コントローラ ) の頭文字を合わせたものプログラムを上記三つのパターンに分割して, それぞれの役割ごとに処理を実装する手法 # 14

15 MVC 基礎知識それぞれの役割パターン役割 Model( モデル ) データの出し入れと加工を行う View( ビュー ) データの表示を行う Controller( コントローラ ) ユーザから命令を受け付け, モデルやビューを繋げて処理を完成さつまりシステムはデータを扱うものでありデータせる # 15

16 MVC 基礎知識デザイン図データ処理要求モデル参照コントローラ表示要求ビューリクエストユーザ側レスポンス # 16

17 MVC 基礎知識 MVC の利点画面デザインと内部ロジックの分割デザイナとプログラマの分業化デザイン変更の容易化ビュー作成を楽にするテンプレートエンジンの採用同じデータの I/O をモデルに集約することでオブジェクト指向的な実装が可能役割分担による見やすいコーディング # 17

18 Zend Framework 2 の MVC 入口はすべて index.php エントリーポイントという考え方公開するのは index.php のみ設定ファイルやライブラリは直接アクセス禁止ただし画像とか CSS とか JavaScript は別指定された URL にしたがって処理決定モジュール / コントローラー / アクションビュー HTML などをレンダリングする全ての処理が完了してからレンダリング開始 # 18

19 MVC テンプレートエンジン PHP テンプレートエンジンとは? ビューを担う PHP のライブラリビューファイルに相当する HTML ライクのものをテンプレートと呼ぶ書式は簡単だが独自のもの変数や簡単な条件文 (if) ループなどの制御をサポート表示に特化しているので HTML エスケープや数値や日付の書式変換が得意 # 19

20 MVC テンプレートエンジンテンプレートエンジンの目的プログラマとデザイナの作業分担を明確化デザイン変更に対する柔軟性を高めるロジックをよりシンプルに余計な処理を挟まない分すっきりしたものに # 20

21 リライト処理リライトエンジン URL で指定された内容を目的に応じて書き換える機能 1 つの Web ページ ( アプリ : コントローラ ) が受け取って処理を分岐する # 21

22 Zend Framework 2 ZEND FRAMEWORK 1 と ZEND FRAMEWORK 2 の違いとは

23 ZF1 と ZF2 の違い PHP 5.3 ベース ZF1 は PHP 5.1 ベース NameSpace を意識イベント駆動タイプデザインタイプに DI(Dependency Injection) を採用 # 23

モバイル環境への対応サーバ管理 GUI Zend Framework 1 & 2 データベースドライバ拡張モジュール PHP 実行環境

24 Zend Server が提供する ZF Zend と提供企業が提供する企業向けの新たな Web システム環境企業ユーザが望むプロ仕様の PHP 環境を提供高信頼性と高速性を両立した PHP 環境の提供 Web アプリ単位の監視機能を提供稼動後の運用管理の容易さ開発効率の向上モバイル環境への対応サーバ管理 GUI Zend Framework 1 & 2 データベースドライバ拡張モジュール PHP 実行環境 Apache(IHS) MySQL/DB2 デプロイ機能高速化デバッグ JVM との連携モニタリングジョブキューコードトレーシング XML Tool Kit # 24

25 Zend Server 6.1 # 25

26 Zend Server 7.0 # 26

27 Zend Framework 2 インストールと動作確認 ZEND FRAMEWORK 2 の配置と動作確認ようにスケルトンプロジェクトの配置を行います

28 ベース環境の構築 Zend Framework 2 の必要条件 Web サーバリライトエンジン (mod_rewrite など ) PHP 5.3.x HTML5 対応ブラウザ # 28

29 インストール手順 1 Web サーバと PHP 5.3 環境を用意 Zend Server 6 以上の場合 Zend Framework と Zend Framework 2 インストール済手順 3 へ XAMPP などの場合 Zend Framework 2 独自にインストール # 29

インストール手順 2 Zend Framework 2 を入手 http://framework.zend.

30 インストール手順 2 Zend Framework 2 を入手 ZendFramework zip *10/10 現在適当に展開 ( 別途説明 ) # 30

インストール手順 3 スケルトンプロジェクトの入手 https://github.

31 インストール手順 3 スケルトンプロジェクトの入手 ZendSkeletonApplication-master.zip # 31

32 インストール手順 4 スケルトンプロジェクトの配置適当に展開します public ディレクトリをドキュメントルートへディレクトリ名を ZendSkeleton に変更残りを適当に配置しますディレクトリ名を ZendSkeleton に変更具体例を次ページで解説します # 32

33 インストール手順 4 補完圧縮ファイル内部 config autoload data cache module Applica on config language src Applica on Controller view applica on index error layout public css fonts img js vendor エントリーポイントの配置 (Web サーバのドキュメントルート ) XAMPP の場合 c: xampp htdocs ZendSkeleton アプリ実態の配置 (Web サーバのドキュメントルート以外 ) XAMPP の場合 c: xampp ZendSkeleton Zend Framework 2 の配置 (Web サーバのライブラリ置き場 ) XAMPP の場合 C: xampp Library COPYRIGHT 2014 KONEKTO, INC # 33

34 インストール手順 5 エントリーポイント index.php の設定ディレクトリ C: xampp htdocs ZendSkeleton ファイル名 index.php 場所 6 行目と 8 行目付近 Zend Framework 2 へのパス設定カレントディレクトリをアプリ実態へ index.php の内容 (XAMPP の例 ) putenv("zf2_path=". 'C: xampp Library ZendFramework library'); chdir('c: xampp ZendSkeleton'); # 34

35 インストール手順 6 スケルトンプロジェクトの動作確認 URL OK NG # 35

36 Zend Framework 2 基本概念 ZEND FRAMEWORK 2 の基本的な概念を説明します

リクエスト URL とデフォルト http:// ドメイン / モジュール / コントローラ / アクション http://127.0.

37 リクエスト URL とデフォルトドメイン / モジュール / コントローラ / アクション # 37

38 モジュール概念アプリケーションモジュール Model View Controller Action Action モジュール Model View Controller Action Action モジュール Model View Controller Action Action # 38

39 スケルトンプロジェクトで確認圧縮ファイル内部 config autoload data cache module Application config language src Application Controller view application index user error layout vendor ZF2 モジュールコントローラー index コントローラのビューファイル user コントローラのビューファイル # 39

40 Zend Framework 2 例題による入門簡単な例題を通して ZEND FRAMEWORK 2 の基本動作を説明します

41 Zend Framework 2 例題コントローラーおよびアクションの作成アクションからビューで値の受け渡し FORMから値を取得 Captcha による認証処理 # 41

42 例題 1 コントローラー / アクションの作成コントローラーおよびアクションを作成 C: xampp ZendSkeleton module Application src Application Controller に UserController.php をコピーコントロールを登録 C: xampp ZendSkeleton module Application config の module.config.php を修正ビューを配置 C: xampp ZendSkeleton module Application view application user に tokyo.phtml をコピー以下の URL にアクセスして出力結果を確認しましょう # 42

43 例題 1 コントローラー / アクションの作成 # 43

44 例題 2 値の受け渡しビューを配置 C: xampp ZendSkeleton module Application view application user に osaka.phtml をコピー以下の URL にアクセスして出力結果を確認しましょう # 44

45 例題 2 値の受け渡し # 45

46 例題 3 FORM から値を取得フォームを配置 C: xampp htdocs ZendSkeleton に form.html をコピービューを配置 C: xampp ZendSkeleton module Application view application user に kyoto.phtml をコピー以下の URL にアクセスして出力結果を確認しましょう # 46

47 例題 3 FORM から値を取得 # 47

48 例題コースコード簡単な例題を通して ZEND FRAMEWORK 2 の基本動作を説明します

49 エントリーポイント Index.php <?php /** * This makes our life easier when dealing with paths. Everything is relative * to the application root now. */ putenv("zf2_path=". 'C: xampp Library ZendFramework library'); //chdir(dirname( DIR )); chdir('c: xampp ZendSkeleton'); // Decline static file requests back to the PHP built-in webserver if (php_sapi_name() === 'cli-server' && is_file( DIR. parse_url($_server['request_uri'], PHP_URL_PATH))) { return false; } // Setup autoloading require 'init_autoloader.php'; // Run the application! Zend Mvc Application::init(require 'config/application.config.php')->run(); # 49

50 コントローラーの登録 module.config.php の 76 行目 'controllers' => array( 'invokables' => array( 'Application Controller Index' => 'Application Controller IndexController', 'Application Controller User' => 'Application Controller UserController', ), ), # 50

51 コントローラーとアクション IndexController.php <?php /** * Zend Framework ( * for the canonical source repository Copyright (c) Zend Technologies USA Inc. ( New BSD License */ namespace Application Controller; use Zend Mvc Controller AbstractActionController; use Zend View Model ViewModel; class IndexController extends AbstractActionController { public function indexaction() { return new ViewModel(); } } # 51

52 コントローラーとアクション class UserController extends AbstractActionController { public function tokyoaction() { return new ViewModel(); } public function osakaaction() { $data = array( 'key1' => ' あいうえお ', 'key2' => ' いろは ' ); return new ViewModel($data); } public function kyotoaction() { $data = array( 'name' => $this->params()->frompost( 'name' ), 'year' => $this->params()->frompost( 'year' ), 'month' => $this->params()->frompost( 'month' ), 'day' => $this->params()->frompost( 'day' ) ); return new ViewModel($data); } } # 52

53 FORM form.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>zend_controllerサンプル </title> </head> <body> フォームからの値入力 <br> <form action=" method="post"> 名前 :<input type="text" name="name" value=" お名前 "> 年 :<input type="text" name="year" value="2000"> 月 :<input type="text" name="month" value="12"> 日 :<input type="text" name="day" value="31"> <input type="submit" value=" 送信 "> </form> <br> </body> </html> # 53

54 ビューファイル tokyo.phtml <p> モジュール名 :Application<br> コントローラ名 :User<br> アクション名 :tokyo<br> </p> osaka.phtml <p> モジュール名 :Application<br> コントローラ名 :User<br> アクション名 :osaka<br> データ :<?php echo $key1;?> <br> データ :<?php echo $key2;?> <br> </p> kyoto.phtml <p> モジュール名 :Application<br> コントローラ名 :User<br> アクション名 :kyoto<br> <?php echo $name;?> さんの誕生日は <br> <?php echo $year." 年 ".$month." 月 ".$day." 日 ";?> です <br> </p> COPYRIGHT 2014 KONEKTO, INC # 54

55 参考資料書籍 Zend Framework 2 徹底解説著者 : 濱田優定価 :3,600 円 ( 税別 ) ISBN # 55

56 Captcha 機能による認証簡単なコードで CAPTCHA 機能を実現できます

57 入力画面 # 57

58 認証失敗 # 58

59 認証成功 # 59

60 コントローラー先頭部分抜粋 <?php /** * Zend Framework ( * for the canonical source repository Copyright (c) Zend Technologies USA Inc. ( New BSD License */ namespace Application Controller; use Zend Mvc Controller AbstractActionController; use Zend View Model ViewModel; use Zend Captcha; class CaptchaController extends AbstractActionController { # 60

61 public function setimageaction() { アクション1 // インスタンスを生成 $captcha = new Captcha Image(); // 識別名を設定 $captcha->setname('foo'); // 文字数 $captcha->setwordlen(6); // タイムアウト $captcha->settimeout(500); // 画像保存期間 $captcha->setexpiration(500); // フォントファイルおよびサイズ $captcha->setfont('c: WINDOWS Fonts ARIAL.TTF'); $captcha->setfontsize(80); // 作成する画像サイズ // 画像の保存先 $captcha->setwidth(800); $captcha->setimgdir( 'c:/xampp/htdocs' ); $captcha->setheight(300); // 画像へのURL $captcha->setimgurl('/'); // キャプチャの作成とID 取得 $id = $captcha->generate(); // 画像 URL 作成 $imageurl = $captcha->getimgurl(). $id. $captcha->getsuffix(); $data = array( 'url' => $imageurl, 'id' => $id ); return new ViewModel($data); } # 61

62 public function getnumberaction() { // フォームの入力値取得 $id = $this->params()->frompost( 'id' ); $number = $this->params()->frompost( 'number' ); // インスタンス生成 $auth = new Captcha Image(); // 表示時にセットした名前と同じもの $auth->setname('foo'); アクション 2 // 認証 ( 判定 ) 処理 if( $auth->isvalid( array('id' => $id, 'input' => $number) ) ){ $msg = " 認証成功 "; }else{ $msg = " 認証失敗 "; } // 結果データ作成 $data = array( 'msg' => $msg, 'input' => $number, 'id' => $id, 'imgurl' => $this->params()->frompost( 'url' ) ); $view = new ViewModel($data); } // 再認証用テンプレート選択 if( $msg == " 認証失敗 " ) $view->settemplate('application/captcha/revalid.phtml'); return $view; # 62

63 ビューファイル setimage.phtml <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>captcha 入力フォーム </title> </head> <img src="<?php echo $url;?>"><br> <body> フォームからの値入力 <br> <form action=" method="post"> ID:<input type="text" name="id" value="<?php echo $id;?>"> Input:<input type="text" name="number" value="?"> Url:<input type="text" name="url" value="<?php echo $url;?>"> <input type="submit" value=" 送信 "> </form> <br> <a href=" 再表示 </a> </body> </html> COPYRIGHT 2014 KONEKTO, INC # 63

64 ビューファイル getnumber.phtml <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>captcha 出力フォームフォーム </title> </head> <p> 認証結果 :<?php echo $msg;?> <br> ID:<?php echo $id;?> <br> 入力値 :<?php echo $input;?> <br><br> <img src="<?php echo $imgurl;?>"><br><br> </p> <a href=" 再表示 </a> </html> COPYRIGHT 2014 KONEKTO, INC # 64

65 ビューファイル revalid.phtml <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>captcha 出力フォームフォーム ( 最認証用 )</title> </head> <p> 認証結果 :<?php echo $msg;?> <br> ID:<?php echo $id;?> <br> 入力値 :<?php echo $input;?> <br><br> <img src="<?php echo $imgurl;?>"><br><br> </p> <p> 再認証 <br> <form action=" method="post"> ID:<input type="text" name="id" value="<?php echo $id;?>"> Input:<input type="text" name="number" value="?"> Url:<input type="text" name="url" value="<?php echo $imgurl;?>"> <input type="submit" value=" 送信 "> </form> </p> <br> <a href=" 再表示 </a> </html> COPYRIGHT 2014 KONEKTO, INC # 65

66 例題ファイルの内容 ZF2code.zip >tree /F C:. form.html index.php config module.config.php src Applica on Controller CaptchaController.php IndexController.php UserController.php view index.php と form.html は c: xampp htdocs ZendSkeleton へそれ以外のディレクトは c: xampp ZendSkeleton module Application へ * オリジナルから変更なし view applica on captcha getnumber.phtml revalid.phtml se mage.phtml index index.phtml user kyoto.phtml osaka.phtml tokyo.phtml error 404.phtml index.phtml layout layout.phtml # 66

Microsoft PowerPoint - PHPフレームワーク.ppt [互換モード]

Microsoft PowerPoint - PHPフレームワーク.ppt [互換モード] PHP フレームワーク入門 Zend Framework 2 コネクト株式会社アジェンダ PHP ビルトイン関数と PDO によるデータベース処理 PHP 環境の確認 SQLITE のインストールとテーブル作成 PHP ビルトイン関数によるデータベース処理 ( 例題解説 ) PDO によるデータベース処理 ( 例題解説 ) Zend Framework 2 入門 ( 補足資料 ) Zend Framework