* JEECMS初印象

第一次接触JEECMS,突然脑海就浮现了一句话“20元建站,立等可取”,原来这都是真的...

* JEECMS的界面经常使用标签

临时忽略掉环境搭建。栏目配置等等环节。先来记录下经常使用到的标签。

1、页面包括标签

类似于iframe的功能

像这样的情况,我们就能够用 [#include "../include/header.html"/]这一标签来实现要表达的效果,改动header.html的时候。全部页面中的内容这一部分都会改变。

2、栏目channel标签

这里应该先来解释下栏目:在jeecms中包括,栏目和内容,栏目又包括子栏目,单页等等。而这里的栏目就像菜单的意思,对应的子栏目就是与之对应的子菜单。单页则是没有下层的单个界面。 而内容顾名思义就是对应栏目内的内容。

在使用的时候最经常使用的就是栏目channel了,经常使用的写法:

<em>[@cms_channel id='91']

   <a href="${tag_bean.url}">${tag_bean.name}</a>

[/@cms_channel]</em>

tag_bean之后能够跟对应channel下配置的内容模型的字段。这里的id是

所以相同将第一条改动为[@cms_channel path='own'],然后其他内容不变。

3、对应子栏目标签

正如上方显示的。对应栏目下可能相同要有非常多子栏目。当然可能子栏目不会全显示须要限制一部分。这样先来写没有限制的情况:

<em>
[@cms_channel_list parentId=‘110‘][list tag_list as c]
<li><a href="${c.url}">${c.title!}</a></li>
[/#list][/@cms_channel_list]</em>

当然我们可能仅仅须要显示当中的三四条,那我们就能够给出对应的限制

[@cms_channel_list parentId=tag_bean.id][#list tag_list as c]
[#if c_index<3]
<li><a href="${c.url}">${c.title!}</a></li>
[/#if]
[/#list][/@cms_channel_list]

这里须要注意的是c_index是从0開始计算的,另外在第二条样例中,与[@cms_channel]标签就实现合作

4、内容列表标签

内容列表也是经常使用到的列表。由于我们通常在某一个栏目下不断的加入新的内容。

像例如以下:

我们通经常使用例如以下代码来显示

<span style="font-size:14px;"><em>[@cms_content_list count='7' orderBy='4' titLen='17'
channelId='81' channelOption='1'] [#list tag_list as a]
<li><span>${a.shortTitle!}</span><a href="${a.url}">[@text_cut
s=a.title len=titLen append='...'/]</a></li> [/#list]
[/@cms_content_list]</em></span>

这里就须要注意对应的參数的意义:count是我们须要显示的list的列数。orderBy是从内容中取数据的方式。按时间先后还是按编号大小等等,titLen写全的话我想应该是titleLength是显示的标题的长度,而后面的[text_cut s=a.title len=titLen appen='...'],中用到了这一长度,而channelId则就是详细的哪个栏目中的内容。

5、对应的内容标签

内容和栏目是非常相似的。从列表的变现方式中我们就能够看出,我们非常easy就能写出对应的方法。可是有还有一个方式我们相同须要关注

<em>${content.title}、${txt!}、${channel.title}</em>

我们通常进入一个页面时肯定有对应的channel或者content,我们能够直接通过这样的方式进行取值。方便快捷。当然这个界面会用作多个不同栏目或者内容的模板时就没法应用了,另外,我们须要注意“。”。内容字段可能不会有非空的限制。那当内容为空,我们又在界面上进行显示的时候就会报错,这个时候我们能够通过“!

”来防止由于空出错

6、首页及对应路径标签

基于SEO的考虑,面包屑菜单是非常有必要的。而在这里它非常easy就实现了

我们来看一下对应的实现标签吧

<span style="font-size:14px;"><em>您当前的位置:<a href="${site.url!}">首页</a> >
<a href="${channel.url}">${channel.title}</a>>
<a href="${content.url}">${content.title}</a></em></span>

这是从内容上直接进行提取,还有多级菜单的情况呢。注意:${channel.nodeList[0].id}用来标记上一次菜单的id。

7、专题标签

在网页显示中通常有推荐和部分随机的内容,我如今的方式可能通过“是否推荐”和“对应主题”进行操作

选择对应topicId='1'或者recommend='1'来进行区分



积跬步,聚小流------界面经常使用的jeecms标签的更多相关文章

  1. 积跬步,聚小流------ps有用小技巧,改变png图标颜色

    *  实现效果: 原图:  改动后: *  实现目的: 满足为实现不同界面色彩搭配改动png图标的颜色 *  实现方法: 1.打开Photoshop工具,导入须要进行改动的png图标: 2.对导入的图 ...

  2. 积跬步,聚小流------Bootstrap学习记录(3)

    响应式作为Bootstrap的一大特色.栅格系统可谓是功不可没,既然如此,那我们就来看一下栅格系统是怎样帮助bootstrap实现响应式布局的呢? 1.什么是栅格系统 我们能够从Bootstrap的官 ...

  3. 积跬步,聚小流------Bootstrap学习记录(1)

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/ ...

  4. 积跬步,聚小流------关于UML类图

    UML的存在 类图是使用频率比較高的UML图,它用于描写叙述系统中所含的类以及它们之间的相互关系,帮助人们简化对系统的理解,也是系统分析和设计阶段的重要产物,也是系统编码和測试的重要类型根据. UML ...

  5. 积跬步,聚小流-------js实现placeholder的效果

    前几天在"技术问答"上问了问题,然后有回复一句话就给概括了:placeholder的效果,不得不说.了解的多了才干说起来言简意赅,用最简单的语言描写叙述最清晰的表达. 可是plac ...

  6. 积跬步,聚小流------java信息生成图片

    需求: 是在做证书的时候碰到的这个问题. 当时需求是能够进行在线打印证书,第一次进行的操作是直接打印html,并且已经排好版(用jqprint插件)进行打印.在打印时碰到了兼容的问题,另外因为背景图片 ...

  7. 积跬步,聚小流------Bootstrap学习记录(2)

    现阶段开启每一次新的征程,已然离不开"Hello World"的习惯仪式.这次自然也不例外.先来看下给出的官网给出的演示样例: 1.bootstrap官网提供的html基本模板代码 ...

  8. 积跬步,聚小流------java获取图片的尺寸

    在一篇文章中获取到通过例如以下两种方式进行获取: 1.使用ImageReader进行获取: 2.使用BufferedImage进行获取: 而且经过验证ImageReader进行操作的耗时远远低于Buf ...

  9. qingshow “不积跬步无以至千里,不积小流无以成江海”。--荀子《劝学篇》 用tomcat+花生壳搭建自己的web服务器+域名(参考)

    链接地址:http://www.blogjava.net/qingshow/archive/2010/01/17/309846.html 用tomcat搭建web服务器 目标:免费拥有自己的网站及域名 ...

随机推荐

  1. 洛谷P1725琪露诺(单调队列优化dp)

    P1725 琪露诺 题目描述 在幻想乡,琪露诺是以笨蛋闻名的冰之妖精.某一天,琪露诺又在玩速冻青蛙,就是用冰把青蛙瞬间冻起来.但是这只青蛙比以往的要聪明许多,在琪露诺来之前就已经跑到了河的对岸.于是琪 ...

  2. Python 44 前端概述 、三剑客 、常用标签与分类

    1.前端三剑客是哪三位?文件的后缀内容?在前端开发中的功能是什么? HTML:   .htm .html   内容 CSS:   .css   效果 JS:   .js   行为 2.简述三剑客的主要 ...

  3. JVM内存模型和GC垃圾回收

    JVM 内存区域 1.程序计数器 这是一块较小的内存空间,它的作用可以看做是当前线程所执行的字节码的行号指示器,指的是上次代码被执行的地方,线程私有. 2.Java 虚拟机栈 它是 Java方法执行的 ...

  4. 可变长度参数列表(Stering...aaa)

  5. MTD 门店统计

    DROP TABLE #MTD ' ,@endDate date = cast(getdate() as date) CREATE TABLE #MTD(bydate date) DECLARE @c ...

  6. ES6 Promise(2)

    Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况.这种情况导致了回调金字塔的出现.不仅代码写起来费劲不美观,而且问题复杂的时候,阅读代码的人也难以理解. db.save( ...

  7. C#自动缩进排列代码的快捷键 c# 代码重新排版 变整齐

    C#自动缩进排列代码的快捷键:  ctrl + k + d 1.小技巧, 可以把最后一个}去掉, 重新写下,就可以达到排版的效果. 2.快捷键:编辑-高级-设置文档的格式 快捷键Ctrl+E,D,设置 ...

  8. Deutsch lernen (04)

    1. streng a. 严厉的,严格的 streng gegen sich selbst und gegen andere sein streng auf Ordnung halten 2. ver ...

  9. IT狂人职场路:揭秘华为百度高管如何炼成?

    原文链接:http://www.hdeso.com/waibao/detail.asp?id=45660 原文链接:http://tech.hexun.com/2014-02-18/162264716 ...

  10. 【sqli-labs】 less34 POST- Bypass AddSlashes (POST型绕过addslashes() 函数的宽字节注入)

    还是宽字节注入,POST版本的 uname=1&passwd=1%df' union select 1,2,3# 提交报错 列名不匹配,改一下就好了 uname=1&passwd=1% ...