开发教程

[模板教程]HulaCWMS模板制作之前言梗概及注意事项

一般的,我们的模板需要html、css、js等元素,才能美观的、有规律的显示给浏览页面的用户。而这些元素(html、css、js等)我们可以把他分为两大类,一类为html文件,一类则为资源文件(css、js、字体等)。

在HulaCWMS中,我们将html文件放到了项目目录下template文件夹下;而将资源文件放到了网站文件夹下的“theme/index/”文件夹内。那我们为什么要那么狠心的分开他们呢?

当然是为了安全,模板的html文件放到项目文件夹下,而非网站文件夹下。可以起到防止他人下载模板文件的作用。


以上略提模板的构成与位置,免得和无头苍蝇似的,翻来翻去。接下来我们要说说如何去书写模板代码。


模板html文件,是在html标签的基础上加入了特定的模板标签。


在HulaCWMS的介绍中,我们可知,HulaCWMS是基于thinkphp5来的,所以在模板中,我们不仅可以使用HulaCWMS的模板标签,更是可以使用thinkphp5的内置标签。


在呼啦系统设计中,内容分为两个部分:一部分是文章,而另一部分便是栏目分类了。此两者关系是:栏目分类包含文章。简单来说,一个网站没有栏目分类也就没有文章了。


HulaCWMS的标签都有两个元素,其一:属性;其二:字段

属性是筛选器,它会决定哪些数据被输出,以怎样的顺序输出;字段是数据库字段,它对应着数据库中的真实数据。

比如以下代码

{zz:arclist row="10" typeid="136"}
<li><a href="{$field['url']}">{$field['title']}</a><span class="date">[{:date('Y-m-d',$field['create_time'])}]</span></li>
{/zz:arclist}

row="10" typeid="136" 就是标签属性。而{$field['url']}或{$field['title']}就是标签字段。此处不做多余解释,相关标签属性和标签字段可以查看具体的标签教程得知。