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認定デベロッパーアソシエイト［DVA-C02対応］」という本を書きました。

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

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

@yamamanx

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

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

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

- study ec-cube, 勉強会

: 「GCPUG Tokyo Container Builder Day February 2018」に行ってきました

GCPUGは神戸以来の2回目で参加させていただきました。申し込もうかと思ったら …

: 四国クラウドお遍路 2020 松山サテライト会場に参加しました

四国クラウドお遍路2020に参加してきました。往路伊丹空港から飛行機で行きま …

: 「Serverless Days Tokyo 2023 サーバーレスアーキテクチャを使って、小さく作って大きくする取り組み」を見ました

2023/9/23にServerless Days Tokyo 2023に参加し …

: 「Einsteinボット構築体験ハンズオン」でボットをノーコードで構築した

Salesforce World Tour Tokyoで基調講演の後、最近のニー …

: 「MasterCloud #9 新春クラウドLT大会」でLTをさせていただきました

Alibaba Cloudを検索してたらconnpassの「MasterClou …

: AWS Summit 2016 Tokyoに参加してきました (前日 ~ Day1)

AWS Summit 2016 Tokyoにて、セッション聴講、ブース展示拝見、 …

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

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

: 「【大阪リージョンオープン記念】AWS Expert Online for JAWS-UG #14」に参加しました

AWS Expert Online for JAWS-UG #14に参加しました …

: 「JAWS-UG Osaka AWSデビューするなら大阪から！大阪リージョン触ろうの会」に参加しました

3/2に大阪リージョンがオープンしたことを受けて、大阪リージョンでサーバーレスア …

: Backlog World 2021 旅 ~Journey~ オンラインに参加しました

Backlog World 2021 旅 ~Journey~ オンラインに参加し …

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

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

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

コマンド

コードリーディング

注意

ad

ad

関連記事