11.1 更深层次对页面的定制

在本节我们将讨论一下对页面更深层次的自定义问题。了解如何按照我们的需求来随心所欲的输出页面

1，本节目标

了解我们急需要解决的问题

2，遇到的问题

在前面 优化组件输出 - v0.0.10 一文中，知道可以通过在模板中使用CSS来调整内容输出的样式。但使用过CSS的朋友都会知道，仅仅通过修改CSS是不可能完全按照我们的想法来输出页面的。因为CSS无法更改页面的HTMl结构。如图：

这种问题是CSS无法解决的，唯一的方法就是修改页面的代码了。 

相比上面的问题,我相信，让Joomla输出一个像样的新闻列表更是急需被解决的问题。在国内一般使用的新闻列表的样式如图：

但Joomla默认输出的是如下的列表：

很多新手为此不免对Joomla有一些抱怨，但这不是Joomla的错！请记住Joomla的外观是由joomla模板控制，而模板只是Joomla的一个扩展。

3，分析问题以及解决问题

 如果分析上面的博客布局的两张图，就不难看出，实际上Joomla已经输出了我们需要的数据，只是显示的样子不是我们希望的而已！如果能够找到他产生页面的代码，理论上稍加修改（这里的修改是指展示层面），就可以实现我们需要的效果。

3.1 MVC架构

事实上，Joomla也针对这种问题做了设计。Joomla的核心组件都是使用MVC架构来设计的，所谓的MVC架构是一种设计模式，核心理念是将数据层和展现层分开。对于前端模板设计师，只需要处理V(视图，展现层)即可，而不用考虑任何M(数据层)

那么这对我们模板开发到底意味着什么呢？因为采用了MVC架构，因此，joomla在代码层面已经将输出视图的代码给独立出来了。我们只要找到该部分的代码，对其进行修改即可，其他的部分不用理会。一句话，他让不懂PHP代码的人修改组件的输出变得可能。

 3.2 最终的解决方法

那么如何按照我们的要求来输出像上图中的文章列表呢？找到文章组件的视图，然后按照我们的需要修改即可。

那么如何找到文章组件的视图呢？这个问题我们在下一节中细说Joomla如何确定确定生成页面的代码