Box Model - A pattern for Real-life Web Programming

A sub project of the WebAbility® Network

Box Model uses DomCore

Any doubt ? please refer to the Box Model v1 Documentation

A product Catalog example step by step:

How does this work?

The construction of a product catalog can be exploded in some basic tasks. The following diagram shows the tasks and its equivalence with the visual html template page.

The box model for a product catalog
The thick red arrows show the data flow through the boxes.
The green boxes are user-defined, while all other template boxes are basic already-existing boxes ready-to-use.
You may explode pretty anything into basic boxes and some user-defined information access boxes,
which hugely simplify the coding of the construction of your libraries, modules and pages.


Lets integrate anything working:

The product catalog integrated using all the boxes (definition and parameters into the PHP code)
The product catalog integrated using all the boxes (XML definition and parameter box)

When reusable boxes become really interesting:

Now we have the product catalog done, lets build a news blog. We will use nearly all the same boxes except the data boxes.

The product catalog integrated using all the boxes (XML definition and parameter box)