使用SyCms搭建网站第一讲：制作简单的列表页-1

1、下面我们大家一起来作一个简单的列表页的模板，列表页的样子如下所示。

3、出现如下图所示：

5、模型我们就绑定系统自带的“新闻”模型就可以了。单击“确定”，如图所示，我们的栏目结构就建立成功了。

7、这样我们的前期准备工作就算完成了。下面我们来制作模板。单击“模板-模板管理-模板管理”，单击按钮“添加模板组”，如下图：

9、如下图所示，我们的模板组就建立好了。

11、现在这里面显示的就是我们建立的模板组路径“cs”里的目录结构情况，如果没有我们想要的目录名，我们可以建立，在此我就不一一讲解了，里面的目录情况可以根据我们模板的目录情况建立即可，（需要注意一点，此时上传文件，要选择上传原文件名，要不就对应不起来了），最终显示如下：

13、让我们单击一下“添加模板”，出现如下界面：

15、我们单击“列表页”进入模板编辑界面，如下图所示：

17、单击“可视化参数”，出现如下图所示界面：

19、所以我们把3给它。确定即可。这样一来。我们在如下界面：

21、第1块功能：头部我们选中头部代码（我们要把头部代码作成公用的，所以我们也把logo一块包含进去），之后单击右键，选择“新建区块”，如下图：

23、我们现在就对要显示的栏目进行调用，我们可以看出，在上面的界面中，其实就是一直在div里面循环显示a标签，只是有一个是当前栏目有一个样式而已。那我们把光标放到<div class="nav">后面，单击右键。选择如下图所示：

25、我们看到在“常用标签”的第一个，调用所有导航显示为1的一级栏目。我们使用它就能够显示出当前网站所有的导航显示为1的一级栏目了，我们选择它，选择之后如下图所示：

27、我们看到，这里面的直接输出，比我们的多了一些代码，我们直接把多余的删除即可，但有一个问题是，我们这样显示的跟前面有一点小区别是什么呢？之前我们的源代码里有一个A是有样式的“class=暧苗争死"one"”，是当前样式的意思。这个没有。那如何添加呢？这个我们可以这样理解一下，我要显示栏目，肯定是一个一个这样读取出来的，当前的不同，肯定是一个一个读的时候读取了是当前的就输出一个当前的样式，那应该是用判断，如何判断呢？我们单击一下，看看系统有没有提供常用的判断语句，右键如图：

29、系统还真提供了一个判断当前栏目是否一级的判断语句，我们选择它，如下图所示：

31、原来是对比值：是使用的当前模型下的栏目ID值。和一个系统变量（如何知道？双击即可打开看到）取得的1级楷苷哲檄栏目ID作“等于”的对比。成立的时候。就显示则里面的，简单，我们把“样式名”改成我们的“one”,确定就可以了。之后标签那“确定”，区块“确定”。这样我们的第一个区块“头部”就算完成了。注：标签深层的讲解将在后面的例子中用到时讲解，当然也会有一个详细的标签讲解。之后如下图所示：

33、红色标示地方的图标，查看一下此区块显示的样子。

35、正好是我们想要的效果。第2块功能：左侧二级导航此作法跟一级导航差不多，在此我们讲解的快一些。

36、我们一并让它显示出来吧。单击右键，选择如下图所示：

38、在数据模型时，我们选择“栏目”，因为要显示栏目的名称。在条件设置：我们选择成如下：