Large applications are often divided into front-end and back-end (or even more ends) depending on the target user groups. The front-end should be used by common users, while the back-end mainly the administrators or staff members. The two ends usually have dramatically different appearance, even though they may share a lot of code underneath. In this tutorial, we describe a way of organizing directories of the code for both ends.
Note: The directory organization described in this tutorial is meant to serve as a referential implementation. It is not a standard. Yii offers complete freedom for you to organize your directories, according to your needs.
To start with, we give out the directory organization as follows,
We have two entry scripts here:
. The former is used by front-end, while the latter by back-end. All the application code are placed under the base application directory
which should be configured to prevent from being accessed directly by end users.
protected, we have the normal set of sub-directories needed by a typical Yii application:
backend directory is used to store code that are specifically written for the back-end. Similar to the front-end, we organize these back-end code in terms of
The entry script code for the front-end and the back-end look like the following. Their main difference is that different application configurations are used.
The front-end application configuration is very normal, just like we usually have for single-end applications. The back-end application configuration is a bit special. Its content is given as follows,
'basePath' => $frontend,
'controllerPath' => $backend.'/controllers',
'viewPath' => $backend.'/views',
'runtimePath' => $backend.'/runtime',
'import' => array(
// ... other configurations ...
In the above, we first define
to be the directory
, respectively. We then define a root alias named
to be the directory
. In the configuration array, we specify that the base application directory
of the back-end to be the same as that of the front-end, namely,
(the reason of doing so is to explained shortly). The rest of the crucial paths (
) are defined to be located under
. And finally, we import several directories, starting with the back-end
directories, followed by the normal application
So why are we using
as the base application directory
for both the front-end and the back-end? This is because the back-end often needs to reuse the code designed for the front-end, but not vice versa. Having the same base application directory
means that the two ends have the same path for the
root path alias. Therefore, code referring to the
alias can be reused without any problem in both ends.
The back-end, in addition to reusing the front-end code, usually has its own special code to deal with, for example, content administration. We store these code under the
protected/backend/ directory and sub-directories. In its application configuration, we also import these additional sub-directories together with those meant for both of the ends.