guides/m1x/magefordev/mage-for-dev-1.html

---
---
<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>

    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}common/css/stylesheet.css"/>
    <link rel="stylesheet" href="{{ site.baseurl }}common/css/stylesheet-fonts.css" type="text/css" charset="utf-8">
    <link rel="icon" href="{{ site.baseurl }}common/css/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="{{ site.baseurl }}common/css/favicon.ico" type="image/x-icon">
    <title>Magento for Developers: Part 1&mdash;Introduction to Magento</title>

</head>
<!-- Magento for Developers: Part 1&mdash;Introduction to Magento -->
<!-- magento-for-dev-part-1-introduction-to-magento -->
<body>
<a name="top"></a>

<img src="{{ site.baseurl }}common/images/m1x/m1xheader.png" width="1024" alt="header" />


<body>
<a name="top"></a>

<div id="content">
<h1>Magento for Developers: Part 1&mdash;Introduction to Magento</h1>
<p><em>by Alan Storm</em>, updated for Magento 1.12</p>
<p><a href="{{ site.m1xgithuburl }}/magefordev/mage-for-dev-1.html" target="_blank">Edit this page on GitHub <img src="{{ site.baseurl }}common/images/github_icon.png" height="15px"></a></p>

<!-- <style type="text/css">
#kb-entry .series { float: right; width: 175px; margin-left: 10px; }
#kb-entry .series ul { margin-left: 15px;}
</style> 
<div class="r-box-rss series"> -->
<h4>Other articles in this series:</h4>
<ul>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-1.html">Part 1&mdash;Introduction to Magento</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-2.html">Part 2&mdash;The Magento Config</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-3.html">Part 3&mdash;Magento Controller Dispatch</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-4.html">Part 4&mdash;Magento Layouts, Blocks and Templates</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-5.html">Part 5&mdash;Magento Models and ORM Basics</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-6.html">Part 6&mdash;Magento Setup Resources</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-7.html">Part 7&mdash;Advanced ORM: Entity Attribute Value</a>
<li><a href="{{ site.m1xgdeurl }}magefordev/mage-for-dev-8.html">Part 8&mdash;Varien Data Collections</a>
</ul>

<p class="para1">What is Magento?  It's the most powerful online eCommerce platform in the universe and is changing the face of eCommerce forever. :-)</p>

<p>Of course, you already know that.  What you may not realize is Magento's also an object-oriented PHP Framework that can be used to develop modern, dynamic web applications that tap into Magento's powerful eCommerce features.</p>

<p>This is the first in a series of articles in which we're going to go on a whirlwind tour of Magento's programming framework features. Don't worry if you don't follow everything immediately. As you study the system more everything in this article will start to make sense, and you'll soon be the envy of your colleagues stuck working with more primitive PHP systems.</p>

<h4>In this article...</h4>
<ul><li><a href="#1" title="Code Organized in Modules">Code Organized in Modules</a>
<li><a href="#2" title="Configuration-Based MVC">Configuration-Based MVC</a>
<li><a href="#3" title="Controllers">Controllers</a>
<li><a href="#4" title="Context-Based URI Model Loading">Context-Based URI Model Loading</a>
<li><a href="#5" title="Models">Models</a>
<li><a href="#6" title="Helpers">Helpers</a>
<li><a href="#7" title="Layouts">Layouts</a>
<li><a href="#8" title="Observers">Observers</a>
<li><a href="#9" title="Class Overrides">Class Overrides</a>
<li><a href="#10" title="Wrap Up">Wrap Up</a>
</ul>

<p>Or for the more visually oriented <a href="{{ site.baseurl }}common/images/m1x/Magento_MVC.pdf">Magento_MVC.pdf</a>.

<hr/>
<a name="1"></a>
<h2>Code Organized in Modules</h2>

<p>Magento organizes its code into individual Modules. In a typical PHP <a href="http://en.wikipedia.org/wiki/Model–view–controller" target="_new"><b>Model-View-Controller (MVC)</b></a> application, all the Controllers will be in one folder, all the Models in another, etc.  In Magento, files are grouped together based on functionality, which are called <b>modules</b> in Magento.

<h4>Magento's Code</h4>
<p>For example, you'll find Controllers, Models, Helpers, Blocks, etc. related to Magento's checkout functionality in
<pre>app/code/core/Mage/Checkout</pre>

<p>You'll find Controllers, Models, Helpers, Blocks, etc. related to Magento's Google Checkout functionality in
<pre>app/code/core/Mage/GoogleCheckout</pre>

<h4>Your Code</h4>
<p>When you want to customize or extend Magento, rather than editing core files directly, or even placing your new Controllers, Models, Helpers, Blocks, etc. next to Magento code, you'll create your own Modules in
<pre>app/code/local/Package/Modulename</pre>

<p><b>Package</b> (also often referred to as a <b>Namespace</b>) is a unique name that identifies your company or organization. The intent is that each member of the world-wide Magento community will use their own Package name when creating modules in order to avoid colliding with another user's code.  </p>

<p>When you create a new Module, you need to tell Magento about it.  This is done by adding an XML file to the folder:
<pre>app/etc/modules</pre>

<p>There are two kinds of files in this folder, the first enables an individual Module, and is named in the form:
<tt>Packagename_Modulename.xml</tt>

<p>The second is a file that will enable multiple Modules from a Package/Namespace, and is named in the form:
<tt>Packagename_All.xml</tt>. Note it is only used by the core team with the file <tt>Mage_All.xml</tt>. It is <b>not recommended</b> to activate several modules in a single file, as this breaks the modularity of your modules.

<a name="2"></a>
<h2>Configuration-Based MVC</h2>

<p>Magento is a <b>configuration-based</b> MVC system.  The alternative to this would a <b>convention-based</b> MVC system.</p>

<p>In a convention-based MVC system, if you wanted to add, say, a new Controller or maybe a new Model, you'd just create the file/class, and the system would pick it up automatically.

<p>In a configuration-based system, like Magento, in addition to adding the new file/class to the codebase, you often need to explicitly tell the system about the new class, or new group of classes. In Magento, each Module has a file named <tt>config.xml</tt>. This file contains all the relevant configuration for a Magento Module.  At runtime, all these files are loaded into one large configuration tree.</p>

<p>For example, want to use Models in your custom Module?  You'll need to add some code to <tt>config.xml</tt> that tells Magento you want to use Models, as well as what the base class name for all your Models should be.</p>

<pre>
    &lt;models>
         &lt;packagename>
              &lt;class>Packagename_Modulename_Model&lt;/class>
        &lt;packagename>
    &lt;/models>
</pre>    
<p>The same goes for Helpers, Blocks, Routes for your Controllers, Event Handlers, and more. Almost anytime you want to tap into the power of the Magento system, you'll need to make some change or addition to your config file.</p>

<a name="3"></a>
<h2>Controllers</h2>

<p>In any PHP system, the main PHP entry point remains a PHP file.  Magento is no different, and that file is <tt>index.php</tt>.

<p>However, you never CODE in index.php. In an MVC system, index.php will contain code/calls to code that does the following:
<ol>
<li><p>Examines the URL</p></li>
<li><p>Based on some set of rules, turns this URL into a Controller class and an Action method (called Routing)</p></li>
<li><p>Instantiates the Controller class and calls the Action method (called dispatching)</p></li>
</ol>

<p>This means the <strong>practical</strong> entry point in Magento (or any MVC-based system) is a method in a Controller file. Consider the following URL:

<pre>http://example.com/catalog/category/view/id/25</pre>

<p>Each portion of the path after the server name is parsed as follows.

<h4>Front Name - <tt>catalog</tt></h4>
<p>The first portion of the URL is called the front name.  This, more or less, tells magento which Module it can find a Controller in. In the above example, the front name is <em>catalog</em>, which corresponds to the Module located at:
<pre>app/code/core/Mage/Catalog</pre>

<h4>Controller Name - <tt>category</tt></h4>
<p>The second portion of the URL tells Magento which Controller it should use.  Each Module with Controllers has a special folder named 'controllers' which contains all the Controllers for a module. In the above example, the URL portion category is translated into the Controller file
<pre>app/code/core/Mage/Catalog/controllers/CategoryController.php</pre>

<p>Which looks like
<pre>
class Mage_Catalog_CategoryController extends Mage_Core_Controller_Front_Action
{
}
</pre>

<p>All Controllers in the Magento cart application extend from Mage_Core_Controller_Front_Action.</p>

<h4>Action Name - <tt>view</tt></h4>

<p>Third in our URL is the action name.  In our example, this is "view".  The word "view"  is used to create the Action Method. So, in our example, "view" would be turned into "viewAction"</p>

<pre>
class Mage_Catalog_CategoryController extends Mage_Core_Controller_Front_Action
{
    public function viewAction()
    {
        //main entry point
    }
}
</pre>

<p>People familiar with the Zend Framework will recognize the naming convention here.</p>

<h4>Paramater/Value - <tt>id/25</tt></h4>

<p>Any path portions after the action name will be considered key/value GET request variables.  So, in our example, the "id/25" means there will get a GET variable named "id", with a value of "25".</p>

<p>As previously mentioned, if you want your Module to use Controllers, you'll need to configure them.  Below is the configuration chunk that enables Controllers for the Catalog Module</p>

<pre>
&lt;frontend>
    &lt;routers>
        &lt;catalog>
            &lt;use>standard&lt;/use>
            &lt;args>
                &lt;module>Mage_Catalog&lt;/module>
                &lt;frontName>catalog&lt;/frontName>
            &lt;/args>
        &lt;/catalog>
    &lt;/routers>
&lt;/frontend>
</pre>

<p>Don't worry too much about the specifics right now, but notice the

<tt>&lt;frontName&gt;catalog&lt;/frontName&gt;
</tt>

<p>This is what links a Module with a URL frontname.  Most Magento core Modules choose a frontname that is the same as their Module name, but this is not required.  </p>


<h3>Multiple Routers</h3>

<p>The routing described above is for the Magento cart application (often called the frontend).  If Magento doesn't find a valid Controller/Action for a URL, it tries again, this time using a second set of Routing rules for the Admin application.  If Magento doesn't find a valid <strong>Admin</strong> Controller/Action, it uses a special Controller named <tt>Mage_Cms_IndexController</tt>.

<p>The CMS Controller checks Magento's content Management system to see if there's any content that should be loaded.  If it finds some, it loads it, otherwise the user will be presented with a 404 page.  </p>

<p>For example, the main magento "index" page is one that uses the CMS Controller, which can often throw newcomers for a loop.</p>

<a name="4"></a>
<h2>Context-Based URI Model Loading</h2>

<p>Now that we're in our Action method entry point, we'll want to start instantiating classes that do things.  Magento offers a special way to instantiate Models, Helpers and Blocks using static factory methods on the global Mage class. For example:

<pre>
Mage::getModel('catalog/product');
Mage::helper('catalog/product');
</pre>

<p>The string 'catalog/product' is called a Grouped Class Name.  It's also often called a URI.  The first portion of any Grouped Class Name (in this case, catalog), is used to lookup which Module the class resides in.  The second portion ('product' above) is used to determine which class should be loaded.

<p>So, in both of the examples above, 'catalog' resolves to the Module <tt>app/code/core/Mage/Catalog</tt>.

<p>Meaning our class name will start with <tt>Mage_Catalog</tt>.

<p>Then, product is added to get the final class name</p>

<pre>
Mage::getModel('catalog/product');
Mage_Catalog_Model_Product

Mage::helper('catalog/product');
Mage_Catalog_Helper_Product
</pre>

<p>These rules are bound by what's been setup in each Module's config file.  When you create your own custom Module, you'll have your own grouped classnames (also calles classgroups) to work with <tt>Mage::getModel('myspecialprefix/modelname');</tt>.

<p>You don't <strong>have</strong> to use Grouped Class Names to instantiate your classes.  However, as we'll learn later, there are certain advantages to doing so.</p>


<a name="5"></a>
<h2>Magento Models</h2>

<p>Magento, like most frameworks these days, offers an Object Relational Mapping (ORM) system. ORMs get you out of the business of writing SQL and allow you to manipulate a datastore purely through PHP code. For example:

<pre>
$model = Mage::getModel('catalog/product')-&gt;load(27);
$price = $model-&gt;getPrice();
$price += 5;
$model-&gt;setPrice($price)-&gt;setSku('SK83293432');
$model-&gt;save();
</pre>

<p>In the above example we're calling the methods "getPrice" and "setPrice" on our Product.  However, the Mage_Catalog_Model_Product class has no methods with these names. That's because Magento's ORM uses PHP's magic <em>__call</em> method to implement getters and setters.

<p>Calling the method <tt>$product-&gt;getPrice();</tt> will "get" the Model attribute "price".

<p>Calling <tt>$product-&gt;setPrice();</tt> will "set" the Model attribute "price".  All of this assumes the Model class doesn't already have methods named getPrice or setPrice.  If it does, the magic methods will be bypassed.  If you're interested in the implementation of this, checkout the Varien_Object class, which all Models inherit from.

<p>If you wanted to get all the available data on a Model, call <tt>$product-&gt;getData();</tt> to get an array of all the attributes.

<p>You'll also notice it's possible to chain together several calls to the  set method: <br/>
<tt>$model-&gt;setPrice($price)-&gt;setSku('SK83293432');</tt>

<p>That's because each set method returns an instance of the Model.  This is a pattern you'll see used in much of the Magento codebase.</p>

<p>Magento's ORM also contains a way to query for multiple Objects via a Collections interface.  The following would get us a collection of all products that cost $5.00</p>

<pre>
$products_collection = Mage::getModel('catalog/product')
->getCollection()
->addAttributeToSelect('*')
->addFieldToFilter('price','5.00');
</pre>

<p>Again, you'll notice Magento's implemented a chaining interface here.  Collections use the PHP Standard Library to implement Objects that have array like properties.</p>

<pre>
foreach($products_collection as $product)
{
    echo $product-&gt;getName();
}
</pre>

<p>You may be wondering what the "addAttributeToSelect" method is for. Magento has two broad types of Model objects. One is a traditional "One Object, One Table" Active Record style Model.  When you instantiate these Models, all attributes are automatically selected.</p>

<p>The second type of Model is an Entity Attribute Value (EAV) Model.  EAV Models spread data across several different tables in the database.  This gives the Magento system the flexibility to offer its flexible product attribute system without having to do a schema change each time you add an attribute.  When creating a collection of EAV objects, Magento is conservative in the number of columns it will query for, so you can use addAttributeToSelect to get the columns you want, or addAttributeToSelect('*') to get all columns. </p>

<a name="6"></a>
<h2>Helpers</h2>

<p>Magento's Helper classes contain utility methods that will allow you to perform common tasks on objects and variables. For example:<br/>
<tt>$helper = Mage::helper('catalog');</tt>

<p>You'll notice we've left off the second part of the grouped class name.  Each Module has a default Data Helper class.  The following is equivalent to the above:<br/>
<tt>$helper = Mage::helper('catalog/data');</tt>

<p>Most Helpers inherit form Mage_Core_Helper_Abstract, which gives you several useful methods by default.
<pre>
$translated_output =  $helper-&gt;__('Magento is Great'); //gettext style translations
if($helper-&gt;isModuleOutputEnabled()): //is output for this module on or off?
</pre>


<a name="7"></a>
<h2>Layouts</h2>

<p>So, we've seen Controllers, Models, and Helpers.  In a typical PHP MVC system, after we've manipulated our Models we would </p>

<ol>
<li>Set some variables for our view</li>
<li>The system would load a default "outer" HTML layout></li>
<li>The system would then load our view inside that outer layout</li>
</ol>

<p>However, if you look at a typical Magento Controller action, you don't see any of this:</p>

<pre>
/**
 * View product gallery action
 */
public function galleryAction()
{
    if (!$this-&gt;_initProduct()) {
        if (isset($_GET['store']) && !$this-&gt;getResponse()-&gt;isRedirect()) {
            $this-&gt;_redirect('');
        } elseif (!$this-&gt;getResponse()-&gt;isRedirect()) {
            $this-&gt;_forward('noRoute');
        }
        return;
    }
    $this-&gt;loadLayout();
    $this-&gt;renderLayout();
}
</pre>

<p>Instead, the Controller action ends with two calls

<pre>
$this-&gt;loadLayout();
$this-&gt;renderLayout();
</pre>

<p>So, the "V" in Magento's MVC already differs from what you're probably used to, in that you need to explicitly kick off rendering the layout.

<p>The layout itself also differs.  A Magento Layout is an object that contains a nested/tree collection of "Block" objects. Each Block object will render a specific bit of HTML.  Block objects do this through a combination of PHP code, and including PHP .phtml template files.</p>

<p>Blocks objects are meant to interact with the Magento system to retrieve data from Models, while the phtml template files will produce the HTML needed for a page.</p>

<p>For example, the page header Block <tt>app/code/core/Mage/Page/Block/Html/Head.php</tt> uses the head.phtml file <tt>page/html/head.phtml</tt>.

<p>Another way of thinking about it is the Block classes are almost like little mini-controllers, and the .phtml files are the view.</p>

<p>By default, when you call</p>

<pre>
$this->loadLayout();
$this->renderLayout();
</pre>

<p>Magento will load up a Layout with a skeleton site structure.  There will be Structure Blocks to give you your <tt>html</tt>, <tt>head</tt>, and <tt>body</tt>, as well as HTML to setup single or multiple columns of Layout. Additionally, there will be a few Content Blocks for the navigation, default welcome message, etc.

<p>"Structure" and "Content" are arbitrary designations in the Layout system.  A Block doesn't programmatically know if it's Structure or Content, but it's useful to think of a Block as one or the other.</p>

<p>To add Content to this Layout you need to tell the Magento system something like</p>

<pre>"Hey, Magento, add these additional Blocks under the "content" Block of the skeleton"</pre>

or

<pre>"Hey, Magento, add these additional Blocks under the "left column" Block of the skeleton"</pre>

<p>This can be done programmatically in a Controller action</p>

<pre>
public function indexAction()
{
    $this-&gt;loadLayout();
    $block = $this-&gt;getLayout()-&gt;createBlock('adminhtml/system_account_edit')
    $this-&gt;getLayout()-&gt;getBlock('content')-&gt;append($block);
    $this-&gt;renderLayout();
}
</pre>

<p>but more commonly (at least in the frontend cart application), is use of the XML Layout system.</p>

<p>The Layout XML files in a theme allow you, on a per Controller basis, to remove Blocks that would normally be rendered, or add Blocks to that default skeleton areas. For example, consider this Layout XML file: </p>

<pre>
&lt;catalog_category_default>
    &lt;reference name="left">
        &lt;block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml"/>
    &lt;/reference>
&lt;/catalog_category_default>
</pre>

<p>It's saying in the catalog Module, in the category Controller, and the default Action, insert the catalog/navigation Block into the "left" structure Block, using the catalog/navigation/left.phtml template.</p>

<p>One last important thing about Blocks.  You'll often see code in templates that looks like this:<br/>
<tt>$this-&gt;getChildHtml('order_items')</tt>

<p>This is how a Block renders a nested Block.  However, a Block can only render a child Block if the child Block <strong>is included as a nested Block in the Layout XML file</strong>.  In the example above our catalog/navigation Block has no nested Blocks.  This means any call to $this->getChildHtml() in left.phtml will render as blank.

<p>If, however, we had something like:</p>
<pre>
&lt;catalog_category_default>
    &lt;reference name="left">
        &lt;block type="catalog/navigation" name="catalog.leftnav" after="currency" template="catalog/navigation/left.phtml">
            &lt;block type="core/template" name="foobar" template="foo/baz/bar.phtml"/>
        &lt;/block>
    &lt;/reference>
&lt;/catalog_category_default>
</pre>

<p>From the catalog/navigation Block, we'd be able to call <br/>
<tt>$this-&gt;getChildHtml('foobar');</tt><br/>


<a name="8"></a>
<h2>Observers</h2>

<p>Like any good object-oriented system, Magento implements an Event/Observer pattern for end users to hook into.  As certain actions happen during a Page request (a Model is saved, a user logs in, etc.), Magento will issue an event signal. </p>

<p>When creating your own Modules, you can "listen" for these events.  Say you wanted to get an email every time a certain customer logged into the store.  You could listen for the "customer_login" event (setup in config.xml)</p>

<pre>
&lt;events>
    &lt;customer_login>
        &lt;observers>
            &lt;unique_name>
                &lt;type>singleton&lt;/type>
                &lt;class>mymodule/observer&lt;/class>
                &lt;method>iSpyWithMyLittleEye&lt;/method>
            &lt;/unique_name>
        &lt;/observers>
    &lt;/customer_login>
&lt;/events>
</pre>

<p>and then write some code that would run whenever a user logged in:

<pre>
class Packagename_Mymodule_Model_Observer
{
    public function iSpyWithMyLittleEye($observer)
    {
        $data = $observer-&gt;getData();
        //code to check observer data for our user,
        //and take some action goes here
    }
}
</pre>

<a name="9"></a>
<h2>Class Overrides</h2>

<p>Finally, the Magento System offers you the ability to replace Model, Helper and Block classes from the core modules with your own.  This is a feature that's similar to "Duck Typing" or "Monkey Patching" in a language like Ruby or Python.</p>

<p>Here's an example to help you understand.  The Model class for a product is <tt>Mage_Catalog_Model_Product</tt>.

<p>Whenever the following code is called, a Mage_Catalog_Model_Product object is created</p>

<pre>$product = Mage::getModel('catalog/product');</pre>

<p>This is a factory pattern.  </p>

<p>What Magento's class override system does is allow you to tell the system</p>

<pre>"Hey, whenever anyone asks for a catalog/product, instead of giving them a Mage_Catalog_Model_Product,
give them a Packagename_Modulename_Model_Foobazproduct instead".</pre>

<p>Then, if you want, your Packagename_Modulename_Model_Foobazproduct class can extend the original product class</p>

<pre>
class Packagename_Modulename_Model_Foobazproduct extends Mage_Catalog_Model_Product
{
}
</pre>

<p>Which will allow you to change the behavior of any method on the class, but keep the functionality of the existing methods.</p>

<pre>class Packagename_Modulename_Model_Foobazproduct extends Mage_Catalog_Model_Product
{
    public function validate()
    {
        //add custom validation functionality here
        return $this;
    }

}
</pre>

<p>As you might expect, this overriding (or rewriting) is done in the config.xml file.</p>

<pre>
&lt;models>
    &lt;!-- does the override for catalog/product-->
    &lt;catalog>
        &lt;rewrite>
            &lt;product>Packagename_Modulename_Model_Foobazproduct&lt;/product>
        &lt;/rewrite>
    &lt;/catalog>
&lt;/models>
</pre>

<p>One thing that's important to note here. Individual classes in <strong>your</strong> Module are overriding individual classes in <strong>other</strong> Modules.  You are not, however, overriding the entire Module.  This allows you to change specific method behavior without having to worry what the rest of the Module is doing.</p>


<a name="10"></a>
<h2>Wrap Up</h2>

<p>We hope you've enjoyed this whirlwind tour of some of the features the Magento eCommerce system offers to developers.  It can be a little overwhelming at first, especially if this is your first experience with a modern, object-oriented PHP system. If you start to get frustrated, take a deep breath, remind yourself that this is new, and new things are hard, but at the end of the day it's just a different way of coding.  Once you get over the learning curve you'll find yourself loath to return to other, less powerful systems.</p>