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はインストール、バージョンアップ後削除する
※ログインしなくても使えるため

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITトレーナー1年目のSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。

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

- study ec-cube, 勉強会

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

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

: 「第14回RxTStudy(Redmine勉強会)」に行ってきました

土曜日の真っ昼間に半分以上が初参加者さんで80席が満席。それだけRedmine …

: Developers Summit 2018 「Spinnakerで実現するデプロイの自動化」を聞きました

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

: 「JAWS-UG in AWS Cloud Roadshow 2017 大阪」で運営をしました

AWS Cloud Roadshow 2017 大阪のナイトイベントで、「JAW …

: Windowsでの自動化について考える会に出席させていただいた

2015年2月21日土曜日詳細はSlideShareの資料を確認してもらえれ …

: 「Botの王道：配達ピザの注文をさばくBotを2時間で開発するワークショップ＠大阪」に参加しました

「Botの王道：配達ピザの注文をさばくBotを2時間で開発するワークショップ＠大 …

: ヤマムギ vol.6(勉強会) 「LINEとAWS(Lambda,Step Functions,API Gateway)とTwilioとkintoneでBOTを作ってみるハンズオン」を開催しました

2017/8/18にヤマムギ vol.6 「LINEとAWS(Lambda,S …

: 実録 JAWS DAYS 2017 ~RoadTrip,スタッフ,ハンズオンメンターで参加しまして~

今年もJAWS DAYSにいってまいりました。 RoadTripの話去年に引き …

: MonotaRO TechTalk #4「データ分析」に行ってきました

本日の一杯目。MonotaRO TechTalk #4「データ分析」もちろん呑み …

: LINEとAWSとTwilioとkintoneでBOTを作ってみるハンズオン (1)LambdaからSlackへ通知する1

作る部分 SlackのWebURLを確認する Slackでチームを作成してbot …

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

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

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

コマンド

コードリーディング

注意

ad

ad

関連記事