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

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

【PR】「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

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

@yamamanx

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

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

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

- study ec-cube, 勉強会

: 「JAWS-UG Osaka 第22回勉強会東西の中の人が語る!!! Microservices × Serverless On AWS」で運営と懇親会LTをしてきました

「JAWS-UG Osaka 第22回勉強会東西の中の人が語る!!! Micr …

: 「 MonotaRO Tech Talk #1」に行ってきました

モノタロウさんの「MonotaRO Tech Talk」に行ってきました。ビー …

: 「GitLab Meetup Tokyo #7: 新年度応援＆GitLab 11.0」にSNS & ブログ枠で参加しました

GitLabのミートアップがあるのか！さすが大東京！ GitLabのもとユーザと …

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

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

: ヤマムギvol.5 「BI ファーストステップ ~re:dash , PowerBI , Google Data Studio , Wave~」を開催しました

僭越ながら主催運営していますヤマムギの第5回目勉強会「BI ファーストステップ …

: 「関西AWSスタートアップ勉強会」に行ってきました

第2回関西スタートアップAWS勉強会に行ってきました。 akippa 拠点数コ …

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

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

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

さて、9/26の試験を目指して久しぶりに試験勉強を始めます。今月は非常に忙しい …

: Developers Summit 2018 「事例2本立て！Redmineユーザ達が語る現場定着化への取組みと導入アンチパターン」を聞きました

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

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

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

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

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

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

コマンド

コードリーディング

注意

ad

ad

関連記事