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教科書 AWS認定デベロッパーアソシエイトテキスト＆問題集」という本を書きました。

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

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

@yamamanx

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

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

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

- study ec-cube, 勉強会

: Java SE 7 Silver対策勉強をしながらメモ 2015/2/1

本日は繰り返し処理。配列や演算でひっかけてくる問題に苦戦。繰り返しだけに頭を …

: Alexa Day 2018で「Alexa Skill Contest」を聞きました

Alexa Day 2018のラストセッションは、「Alexa Skill Co …

: JAWS SONIC 2020 & MIDNIGHT JAWS 2020 の深夜のパワポカラオケに挑戦しました

2020/9/12(土) 16:50 ~ 2020/9/13(日) 17:20( …

: Developers Summit 2018 「NRIの働き方改革 – 開発スタイルから文化まで変えた軌跡 -」を聞きました

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

: AWS Cloud Roadshow 2016 Osaka Night Event ミッドナイトJAWS

AWS Cloud Roadshow Osaka 2016のナイトイベントでミッ …

: Java SE 7 Silver対策勉強をしながらメモ 2015/2/10

練習問題3日目。疲れてきた。でも明日は休みだし一気にやる。いつものごとくマ …

: Developers Summit 2018 「マイクロサービスをAWSサーバレス＆コンテナで実装する方法」を聞きました

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

: VUI and IoT device(Alexa Day 2019でのブログ)

以下は、気になったことのメモとか感想を書いています。登壇者、発表者、主催企業な …

: LINEとAWSとTwilioとkintoneでBOTを作ってみるハンズオン (5) LINEからの投稿へ返信と登録処理

作る部分 LINEからのメッセージを受けて各APIより返信し、StepFunct …

: 「MasterCloud-Alexa makes the world a better place-」で登壇しました

クラウド全体を扱う勉強会MasterCloudのAlexaの会で登壇してきました …

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

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

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

コマンド

コードリーディング

注意

関連記事