EC-CUBE3.0 コードリーディング勉強会第1回目に行ってきました

2016/01/21 2016/09/18

ECサイト向けオープンソースソフトウェアのEC-CUBEのバージョン3が出て半年が経過してそろそろ本番環境での使用も始まりつつあることから、内部から機能を知るためとどれぐらいカスタマイズが出来そうかも知るために聞いてきました。

行ってみての感想は、「知っている人に教えてもらわなければ分からなかった。」です。
これはドキュメントだけ見てもすぐには分からないな、というものでした。
EC-CUBEを使う使わないは別として新しいPHPフレームワークの使い方を知るという事が重要と思いました。

EC-CUBE3で使用しているフレームワーク

Symfony2
Twig
Smartyとほぼ同じ
Doctrine
Symfony2で使うORM(データベースのデータとPHPのクラスをマッピングして変換する技法)
Silex

コマンド

php app/console router:debug

1 2	php app/console router:debug

パスとメソッドを確認出来る

コードリーディング

src/Eccube/ControllerProvider/FrontControllerProvider.php

$c->match('/', '\Eccube\Controller\TopController::index')->bind('homepage');

1 2	$c->match('/', '\Eccube\Controller\TopController::index')->bind('homepage');

第一引数のトップページが呼ばれた時に、
第二引数のTopControllerクラスのindexメソッドが呼ばれる。
bindではプログラム内での別名をhomepageにしている。

レンダリングされるtwigはResourceの下に格納されている

default_frame.twig

<div id="main_middle">
{% block main %}{% endblock %}
</div>

{% block main %}{% endblock %}

</div>

index.twig

{% extends 'default_frame.twig' %}
{% block main %}
<div class="row">
  <div class="col-sm-12">
    <div class="main_visual">
      <div class="item">
        <img src="{{ app.config.front_urlpath }}/img/top/mv01.jpg">
      </div>
      <div class="item">
        <img src="{{ app.config.front_urlpath }}/img/top/mv02.jpg">
      </div>
      <div class="item">
        <img src="{{ app.config.front_urlpath }}/img/top/mv03.jpg">
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% extends 'default_frame.twig' %}

{% block main %}

</div>

</div>

</div>

{% endblock %}

// 受注マスター検索用フォーム
$searchOrderForm = $app['form.factory']
->createBuilder('admin_search_order')
->getForm();

// 受注マスター検索用フォーム

$searchOrderForm = $app['form.factory']

->createBuilder('admin_search_order')

->getForm();

Form/Type/Admin/SearchOrderType.phpが呼ばれる

画面上にFormを作るときはまずFormTypeを作成する
Controller側でFotmTypeを呼び出す
Twigへ渡す
Twigはレンダリング処理をする

$builder
// 受注ID・購入者名・購入者（フリガナ）・購入者会社名
->add('multi', 'text', array(
  'label' => '受注ID・購入者名・購入者（フリガナ）・購入者会社名',
  'required' => false,
  'constraints' => array(
    new Assert\Length(array('max' => $config['stext_len'])),
  ),

$builder

// 受注ID・購入者名・購入者（フリガナ）・購入者会社名

->add('multi', 'text', array(

'label' => '受注ID・購入者名・購入者（フリガナ）・購入者会社名',

'required' => false,

'constraints' => array(

new Assert\Length(array('max' => $config['stext_len'])),

$builderにaddしていく。
第二引数がinput type

return $app->render('index.twig', array(
  'searchOrderForm' => $searchOrderForm->createView(),
  'searchProductForm' => $searchProductForm->createView(),
  'searchCustomerForm' => $searchCustomerForm->createView(),
  'Orders' => $Orders,
  'OrderStatuses' => $OrderStatuses,
  'salesThisMonth' => $salesThisMonth,
  'salesToday' => $salesToday,
  'salesYesterday' => $salesYesterday,
  'countNonStockProducts' => $countNonStockProducts,
  'countCustomers' => $countCustomers,
));

return $app->render('index.twig', array(

'searchOrderForm' => $searchOrderForm->createView(),

'searchProductForm' => $searchProductForm->createView(),

'searchCustomerForm' => $searchCustomerForm->createView(),

'Orders' => $Orders,

'OrderStatuses' => $OrderStatuses,

'salesThisMonth' => $salesThisMonth,

'salesToday' => $salesToday,

'salesYesterday' => $salesYesterday,

'countNonStockProducts' => $countNonStockProducts,

'countCustomers' => $countCustomers,

));

twigへ渡している

{{ form_widget(searchOrderForm._token) }}

1 2	{{ form_widget(searchOrderForm._token) }}

twigはオブジェクトに対してはドットシンタクスで記述する

{% twigの関数を呼び出す
{{ echoのように変数をそのまま表示

注意

install.phpはインストール、バージョンアップ後削除する
※ログインしなくても使えるため

最後までお読みいただきましてありがとうございました！

「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル改訂第2版」という本を書きました。

「AWS認定資格試験テキスト AWS認定クラウドプラクティショナー改訂第3版」という本を書きました。

「AWS認定資格試験テキスト　AWS認定AIプラクティショナー」という本を書きました。

「ポケットスタディ AWS認定デベロッパーアソシエイト［DVA-C02対応］」という本を書きました。

「要点整理から攻略するAWS認定ソリューションアーキテクト-アソシエイト」という本を書きました。

「AWSではじめるLinux入門ガイド」という本を書きました。

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター5年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。

- study ec-cube, 勉強会

: 「JP_Stripes (Stripe ユーザーグループ) Tokyo Vol. 6 — Stripeの使いドコロを知る」に行ってきました

「JP_Stripes (Stripe ユーザーグループ) Tokyo Vol. …

: Alexa Day 2018で「Alexa and Machine Learning on AWS」を聞きました

Photo by 金春さん 20180211 alexa day 2018 Al …

: AWS Expert Online at JAWS-UG首都圏エリアに参加して「Amazon EC2 スポットインスタンス再入門」を聞いてきた

AWS Expert Onlineという勉強会がありまして、AWS ソリューショ …

: Developers Summit 2018「 IoTサービスを始める際に必要なこととは」を聞きました

以下は、思ったことや気になったことをメモしていますので、必ずしも登壇者の発表内容 …

: DevLove関西「プロジェクトマネジメントの勘所」に行ってきました

DevLove関西「プロジェクトマネジメントの勘所」に行ってきました。サイボ …

: 「kintone Café 大阪 Vol.15 〜kintone Night Café 2017 〜」でLTしてきました

「kintone Café 大阪 Vol.15 〜kintone Night C …

: Innovation EGG 第9回『ITの可能性と楽しさを語ろう！』に行ってきました

JAZUG LINE 砂金さん OracleからMSからLINEへ何にわくわく …

: 「第3回【関西ITベンチャー】開発ツールチラ見せ♡ナイト@大阪」に行ってきました

「第3回【関西ITベンチャー】開発ツールチラ見せ♡ナイト@大阪」に行ってきまし …

: 「自ら修羅の道を作り、修羅場を楽しみ、自内外に変化を起こし続ける」(『ソフトウェアファースト』読書感想)

「ソフトウェア・ファーストあらゆるビジネスを一変させる最強戦略」を読みました。 …

: 「DMM meetup #24 〜DMMのセキュリティ脅威への取り組み事例〜」に参加しました

内容が内容ですので、もちろん運営さんにブログを書いていいかの確認はしております。 …

PREV: 家族目線（HVC-C2W）SDKサンプルコードを実行してみました(iOS編)
NEXT: Linux Mint 17 MATE 64bit にIPython Notebookをインストールする

EC-CUBE3.0 コードリーディング勉強会第1回目に行ってきました

EC-CUBE3で使用しているフレームワーク

コマンド

コードリーディング

注意

関連記事