刚把EyouCMS装好,心里美滋滋。
结果一打开首页模板,傻眼了。
全是代码,不知道从哪下手。
想调个文章列表出来,半天没反应。
去百度搜,全是看不懂的天书。
别急,别把电脑砸了。
今天我就来给你透个底。
把EyouCMS首页那些常用的标签,掰开了揉碎了讲给你听。
只要你会打字,照着做就能成。
这篇文章,就是来解决你"调不出数据"的痛点的。
做网站首页,肯定得显示文章吧?
这是最基本的需求。
在EyouCMS里,这叫"列表调用"。
咱们先从最简单的说起。
说白了,list标签就是个搬运工。
你去后台数据库里把文章搬出来。
它负责把文章显示在前台。
代码其实很简单,就这几行:
```html {eyou:list limit='5'}别被这些符号吓到了。
`{eyou:list}` 是开始。
`{/eyou:list}` 是结束。
中间的 `{$field.title}` 就是文章标题。
`{$field.arcurl}` 就是文章链接。
这就好比你要去买菜。
list就是你的菜篮子。
把菜(文章)都装进去。
你肯定不想把几千篇文章都列在首页。
那页面得拉多长啊?
这时候就要用 `limit` 参数。
看上面那个代码,我写了 `limit='5'`。
意思就是只取前5篇文章。
想显示10条?改成10就行。
想显示3条?改成3。
就是这么简单粗暴。
完全不需要懂什么复杂的逻辑。
首页通常有很多板块。
左边是新闻,右边是产品。
你不能混在一起显示吧?
这就需要指定栏目ID了。
这一步很关键,很多人卡在这。
你跑到后台去看看。
点开"栏目管理"。
把鼠标放到你想调的栏目名字上。
浏览器左下角会显示一串数字。
比如 `typeid=2`。
那个2,就是你的栏目ID。
记下来,等下要用。
拿到ID了,咱们改代码。
还是刚才那个list标签。
咱们加个参数进去。
```html {eyou:list typeid='2' limit='3'}{$field.seo_description}
看,加了个 `typeid='2'`。
意思就是:去ID为2的栏目里给我找文章。
这样就不会乱套了。
你想调哪个栏目,就填哪个ID。
这就好比你进超市。
你得先去零食区,还是去生鲜区。
得指个路,系统才懂。
很多人写完代码发现空白。
第一反应就是系统坏了。
其实大概率是你ID写错了。
或者你那个栏目里根本没发文章。
空栏目是调不出东西的。
先去后台发两篇测试文章试试。
默认情况下,文章是按发布时间排的。
但是我想把最热的放前面呢?
或者我想把置顶的放前面呢?
这就得用排序参数了。
这就是所谓的"热门文章"。
大家都爱看这个。
咱们加个 `orderby` 参数。
```html {eyou:list orderby='click' limit='8'} {$field.title} {/eyou:list} ````orderby='click'` 就是按点击量排。
看的人越多,排得越靠前。
这能帮你的用户发现好内容。
不然新文章没人点,一直沉在底下。
有些文章特别重要。
你想把它放在显眼的位置。
后台文章编辑页有个"头条"选项。
勾选它。
然后前台用 `flag` 属性调。
```html {eyou:list flag='h' limit='1'} {$field.title} {/eyou:list} ```这个 `flag='h'` 就是头条的意思。
这样就能把最重要的新闻单独拎出来。
做成大图模式或者滚动新闻。
特别适合做网站焦点图。
光有文字太干巴了。
现在的网站都讲究图文并茂。
怎么把文章里的缩略图调出来呢?
这个标签叫 `{$field.litpic}`。
咱们来写一个带图片的列表。
```html {eyou:list limit='4'} {/eyou:list} ```这里有个坑要注意。
如果文章没配图,`litpic` 可能是空的。
页面就会有个难看的破图图标。
怎么解决?
你可以给它加个默认图。
或者用CSS控制一下。
不过最简单的办法是:
发文章时强制要求配图。
有时候标题太长了。
把你的版面都撑坏了。
这时候需要截取一下。
用 `{$field.title|mystrcut=10,20,...}`。
这串代码有点长。
意思就是:只显示10个字。
超过10个字就显示省略号。
这样排版就整齐多了。
不会因为一个长标题乱套。
代码写好了,保存了。
刷新首页一看,没变化?
别慌,大概率是缓存的问题。
EyouCMS为了速度快,会生成静态文件。
你改了模板,它有时候没反应过来。
去后台点一下"清除缓存"。
再更新一下首页HTML。
这步虽然简单,但特别重要。
新手十个人有九个会忘。
记住了,改了没效果先清缓存。
其实EyouCMS的标签调用并不难。
核心就是那几个参数。
`limit` 控制数量。
`typeid` 控制栏目。
`orderby` 控制排序。
把这些像搭积木一样组合起来。
你就能拼出任何你想要的首页。
别光看文章,觉得懂了。
打开你的电脑,打开后台。
现在就试着把第一行代码写进去。
只有动手做,才是真的学会了。
遇到报错就复制报错信息去搜。
问题都能解决。
加油,你的网站马上就能建好了!
易频IT社区是综合性互联网IT技术门户网站,专注分享网络技术、服务器运维、网络安全、编程开发、系统架构、云计算、大数据等行业干货,实时更新IT行业资讯、零基础教程、实战案例,为IT从业者、技术爱好者提供专业的学习交流平台。
Copyright © 2021-2026 易频IT社区. All Rights Reserved. 备案号:闽ICP备2023013482号 网站地图