在Joomla中，内容是由两部分组成的，一部分是模块，另外一部分是组件，在这一节中，将让我们的模板支持组件内容的输出

1，本节目标

输出文章的内容，了解如何在模板中输出组件的内容

2，深入理解Joomla模板与页面

Joomla的页面是由很多的模块和一个组件输出部分组成的。关于这一点，请参考B计划文章：深入理解模板与页面

3，准备数据

在输出组件内容之前，先来准备一些测试数据。我们使用系统核心自带的文章组件来测试。

1，在文章组件中新建几篇文章。

2，将首页这个菜单项的类型设置为单篇文章，然后选择我们新建的文章。如图：

这样，就有了测试数据了。

下一步就是刷新前台，查看效果了。正常的情况下，点击首页应该会展示出 《Joomla中文网 - C计划》这篇文章的详情的，但实际上，我们的模板并没有输出任何的内容。

 4，组件位置

在Joomla模板中，我们除了要定义模块位置之外，还需要定义一个组件位置的。定义组件位置的方法如下：<jdoc:include type="component" /> 这同样是JDOC语法，没什么好讲的，记住就行了。

现在修改我们的index.php文件，将主要内容这里使用 <jdoc:include type="component" />来替代。代码如下：

<div class="content-container">
				<div class="container">
					<div class="row">
						<div class="col-md-9">
							<div class="content">
								<!-- 组件输出的位置-->
								<jdoc:include type="component" />
							</div>
						</div>
						<div class="col-md-3">
							<div class="sidebar">
									<jdoc:include type="modules" name="sidebar"/> 
							</div>
						</div>
					</div>
				</div>
			</div>

 然后，再次刷新，就可以看到组件内容的输出了。如图：

6，v0.0.9版本

在本版本中，我仅仅只是在index.php中增加了一个组件输出内容的定义，以便模板能够输出组件的内容。

关于v0.0.9版本的代码，可以在此下载 [下载文件:]tpl_plancv0.0.9-2019-01-13_for_j3x.zip

7，说明

1. 在joomla模板中可以定义任意多个的模块位置，但组件输出的位置最多只能定义一个（可以没有）。