JEECMS开发问题汇总

时间  2019-11-12
标签 jeecms 开发 问题 汇总 栏目 CMS 繁體版
原文   原文链接

1 添加Controller

将controller文件放在com.jeecms.cms.action.front包中，javascript

 

 

图1.1css

而后在jeecms-servlet-front-action.xml文件中配置bean，以下所示：html

 

<bean id="OnlineConsultationAct"
class="com.jeecms.cms.action.front.OnlineConsultationAct"/>

 

 

 

 

 

图1.2html5

 

 

图1.3java

注意：Controller中的@RequestMapping的值须要符合web.xml中配置的url-pattern；jquery

 

 

图1.4web

2 图片悬浮效果

图片悬浮效果如图2.1和2.2所示，正则表达式

 

 

图2.1sql

 

 

图2.2chrome

实现方法：

 

<!-- 微影空间缩略图悬浮div -->    
<div id="tooltip" class="tip"></div>        

<!-- 微影空间ul列表 -->    
<ul class="">     
<li>
<span class="createtable" tpath='/img/20180909.jpg'>
            <a href="www.baidu.com"  target="_blank">
                        这个杀手不太冷
            </a>
        </span>
    </li>                
</ul>

<!-- 微影空间相关CSS -->    
.tip{
display:none;
padding:5px;
}
<!-- 设置最大宽高后，系统会自动分配图片的比例（以高/宽为准，算出比例）     -->    
.tip img {
    max-width: 320px;  
    max-height: 250px;
}
<!-- 微影空间相关JS -->    
    <script type="text/javascript">
    $(function () {
        //获取鼠标坐标
        function mousePosition(ev){
            ev = ev || window.event;
            if(ev.pageX || ev.pageY){
                return {x:ev.pageX, y:ev.pageY};
            }
            return {
                x:ev.clientX + document.body.scrollLeft -                                                     document.body.clientLeft,
                y:ev.clientY + document.body.scrollTop -                                                     document.body.clientTop
            };
        }
        //hover某处显示悬浮框
        $(".createtable").mouseover(function(e){
            //获取鼠标位置函数
            var mousePos = mousePosition(e);
            var  xOffset = 20;
            var  yOffset = 25;
            $("#tooltip").css("display","block").css("position","absolute").css("top",(mousePos.y - yOffset) + "px").css("left",(mousePos.x + xOffset) + "px");
            $("#tooltip").append('<img src="'+$(this).attr("tpath")+'" />');
    
         });
         //鼠标离开表格隐藏悬浮框
         $(".createtable").mouseout(function(){
              $("#tooltip").empty();
             $("#tooltip").css("display","none");
         });
    });
    </script>

 

3 EChart间歇性加载失败

参考博客后，发现这是由于ECharts 没有获取到div的高宽而致使初始化失败，这时候能够：

  1. 明确指定div的style.width和style.height（不能设置百分比）；

参考博客：

一、关于echarts在默认隐藏的div中不显示的问题；

https://blog.csdn.net/chenxueshanblog/article/details/72461113

二、关于echart在隐藏与显示轮替中的div加载显示为空的缘由分析

http://www.wufangbo.com/103077/

4 CSS控制背景图片

① background:url(../images/gallery.gif)0 -37PX no-repeat; 经过偏移量截取一张大图里的小图标

② background-position: 17px 0px;

调整背景图片的位置--就是上面设置的偏移量

以上参数皆为X轴与Y轴的偏移量，分前后顺序

下面是设置背景图片左右居中，上下居中，宽度80px，高度80px

③ background:url("..//images/huo.jpg")center center/

80px 80px no-repeat;

==>center能够替换成X 、Y轴的具体偏移量

5 Freemarker过滤HTML标签

使用如下标签便可过滤html标签，

 

[@text_cut s=content.txt?replace('<.*?>',"","ri")
?replace('&nbsp;',"","ri")?replace(" ","") len='28' /]

 

 

过滤的步骤分三步：

一、replace('<.*?>',"","ri"),过滤全部的html箭头标记

二、replace(' ',"","ri"),过滤全部的 

三、replace(" ",""),过滤全部的“手动空格”

注意：

一、freemarker中正则表达式写法与JS略有不一样

1.1 freemarker默认为全局匹配，而JS默认为单次匹配。

1.2 JS的正则表达式格式为“/内容/”，而freemarker不须要单斜杠。

1.3 “\d”这种符号在freemarker中须要写成“\\d”

二、正则表达式的贪婪模式与非贪婪模式

replace('<.*?>',"","ri") 里面的“.*”是贪婪模式，假设没有“?”，那么程序会搜索到右边最后一个“>”而后将中间的字符串所有替换；

“.*?”是非贪婪模式（由于?是匹配0次或1次），如此，程序会搜索右边最靠近的“>”，而后将匹配结果替换。

参考博客：

一、Freemaker Replace函数的正则表达式运用

https://www.jb51.net/article/76560.htm

二、正则表达式贪婪与非贪婪模式

http://www.javashuo.com/article/p-aezrghdi-by.html

6 上传图片后预览问题

图片预览分上传前预览和上传后预览，此处为上传后图片预览。

经核实，图片确实已经上传成功，而且当f12将图片地址按原值从新替换后，图片就能够预览了。

屡次研究后，发现多是动态资源加载延迟的问题，因此咱们采用了由tomcat指定静态资源目录的方法，以下所示：

 

 

         图6.1

第一个配置是项目WebContent目录的绝对路径，第二个配置是上传文件的存储地址的绝对路径，第三个配置是二次上传文件的存储地址的绝对路径。

采用这种方式，有2个关键点须要注意：

一、将编译文件classes文件夹放在WEB-INF目录下面，若是该项未配置，启动Tomcat时会报错。

      

 

图6.2

二、若是以上三个配置都落实了，那么Tomcat的webapps下面容许存在同名项目，由于Tomcat找的项目是咱们第一个配置的绝对路径。若是只配置了2、三，那么Tomcat找的项目会是webapps下面的，因为图片上传时配置的是一段字符串--非访问路径，因此图片会上传到webapps下面，因此会致使图片预览失败。

7 网页的图标替换

图标替换分为全局替换和局部替换，采起就近原则，

一、全局替换，替换tomcat中webapps下ROOT文件夹下的favicon.ico图片；注意图片的名称+后缀名必定要彻底符合。

          

 

 

     

图7.1

二、局部替换，在网页的head标签中加上如下代码，图片后缀名随意。

 

<link rel="shortcut icon " type="images/x-icon"                      href="/${res}/images/0045.jpg">

 

 

 

 

 

注意：全局替换不稳定，若是是上线项目，建议使用局部替换。

 

 

8 搜索功能出现异常

出现这个问题的缘由是lucene索引文件没有更新，内容不完整。须要在后台从新生成索引，

 

 

图8.1

9 首页静态化

首先在“配置”栏目中开启静态页选项（第1个选项是必须勾选的，第2个选项非必填，且看后面分析）；而后再生成静态页，

 

 

图9.1  

 

图9.2                                                                                                                                                                                                                          

注意：

一、勾选第二个选项“使用根首页”，那么程序会将静态页生成到WebContent根目录下，

 

 

图9.3

如此配置，输入项目首页路径（http://localhost:8090/cms/）后，能够正常访问。

二、不勾选第二个选项“使用根首页，程序会将静态页生成到你填写的静态页目录下，

 

 

图9.4

如此配置，也能正常运行。可是要将WebContent根目录下的index.html文件删掉，由于web.xml中是如此配置的，

 

 

图9.5

 

 

10 hibernate的懒加载

我如今须要获得该对象的id，经debug后发现他的id为null,

 

 

图10.1

调用getId()方法，发现id为6,

 

 

 

图10.2

发现该对象的handler的id属性值也为6,

 

 

图10.3

仔细看下handler,发现带有lazy，是懒加载（图10.4）；

 

 

图10.4

11 js跳转到空白页

window.open(URL);

12 浏览器兼容性问题

因为咱们的项目是在谷歌浏览器上面开发，而谷歌浏览器使用的是谷歌内核（属于webkit内核），而国内的浏览器大部分都是采用双核模式，因而浏览器就有极速模式、兼容模式之分。

解决兼容性问题有如下两种办法：

一、在访问网站时，将浏览器设置为谷歌内核；也就是默认切换到极速模式。

二、编写兼容IE浏览器的代码，首先须要设置浏览器默认采用IE9或更高内核（若是小于IE9，强烈建议客户端升级IE浏览器，由于IE9在2011年就发行了，程序不必兼容太老的IE浏览器），浏览器通常默认采用IE7内核，而后找到出现样式兼容的地方，手动修改兼容性代码。

注意：

国内浏览器有如下几点须要注意，以360浏览器为例，

一、客户端浏览器版本太低，没有极速模式和兼容模式。如360的5.0版本，

 

 

图12.1 V5.0版本

 

 

 

图12.2 V7.0版本

因此遇到这种状况就没法经过代码控制浏览器默认选择极速模式了，所以能够提示用户更新浏览器，以下图所示：

 

 

图12.3

二、浏览器各版本差别性比较大，

360的7.0版本：用户若是手动/代码切换了兼容/极速模式，那么后续的访问都会是该模式。可是若是代码里面设置了默认使用某种模式，那么该配置能够生效，模式会根据代码发生改变。

360的9.1版本：用户若是手动/代码切换了兼容/极速模式，那么后续的访问都会是该模式。代码里面的配置只在用户手动切换前有效，一旦手动切换过模式，之后都是这种模式，代码配置将起不到任何做用。控制webkit内核的meta标签无效，可是控制IE内核版本的代码是有效的。

代码控制极速/兼容模式：

只要你在本身的网站里增长一个meta标签，那么360浏览器就会在读取到这个标签后，当即切换对应的内核，并将这个行为应用于这个二级域名下全部网址。

<meta name="renderer" content="webkit" />

页面默认采用极速模式，即谷歌内核；

<meta name="renderer" content="ie-comp" />

页面默认采用兼容模式，为IE兼容内核（IE7）；

<meta name="renderer" content="ie-stand" />

页面默认采用兼容模式，为IE标准内核(电脑中最高内核)；

 

 

图12.4

须要注意这些标签在9.1版本中能够不带斜杠，而在7.0中必须带斜杠，不然配置不会生效。偶尔浏览器使用的内核是谷歌，可是那个标志倒是兼容模式。

其余经常使用配置：

一、IE8及其更低的版本是不支持HTML5标签的，添加如下配置能够解决该问题。（这种方法叫条件注释，这是IE专门提供的一种语法，若是使用非IE内核，则会将其做为注释而忽略这些语句）

 

 

<!--[if lt IE 9]>
<script src="/u/cms/www/html5shiv.js"></script>
<script src="/u/cms/www/respond.js"></script>
<script src="/u/cms/www/excanvas.js"></script>
<![endif]-->

 

 

 

 

 

 

 

二、若是IE浏览器版本太低，提示更新浏览器

 

<!--[if lte IE 8]>
<script >
window.location.href="/browserUpgrade.html";
</script>
<![endif]-->

 

 

 

 

 

 

 

三、

<meta http-equiv="X-UA-Compatible" content="IE=edge">

告诉IE使用最新的引擎渲染网页，会使用客户端最高的IE内核

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9;">

选择该标签配置的内核，若是客户端IE7和IE9都有，会选IE9。

注：

对于该项目，我解决兼容性问题的办法是：加载首页时，代码控制默认选择极速模式，若是IE内核小于等于9，就跳转到提示页面。

由于只要符合IE内核小于等于9这个条件，就证实了浏览器是兼容模式或者360的版本为5.0版本。（meta标签和条件注释不分前后顺序）

因为360浏览器9.1版本的缘由，因此我在提示页面中提示用户若是浏览器为兼容模式，请手动调整为极速模式。

完整的解决方案应为：

① 首先设置两个meta标签，一个控制webkit内核，另一个控制默认选择最高IE内核（如此，5.0版本使用的是最高IE内核，而其余高版本，使用的是谷歌内核；这两个标签不区分前后顺序）；

② 而后将在IE9内核下面样式异常的地方，加上兼容性代码；

③ 若是IE内核版本低于IE8，则提示更换浏览器；

4 若是IE内核版本等于IE8，则添加三个js文件以支持html5标签。

 

<meta name="renderer" content="webkit" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<!--[if lt IE 8]>
<script >
window.location.href="/browserUpgrade.html";
</script>
<![endif]-->

<!--[if lt IE 9]>
<script src="/u/cms/www/html5shiv.js"></script>
<script src="/u/cms/www/respond.js"></script>
<script src="/u/cms/www/excanvas.js"></script>
<![endif]--

 

PS：指定极速模式与兼容模式的代码不能同时编写，不然浏览器加载不稳定。致使首页是兼容模式时，其余页面是极速模式；首页是极速模式时，其余页面是兼容模式；

若是在开始菜单中找不到ie浏览器，请到C:\Program Files\Internet Explorer找到iexplore.exe；这样就能够看到IE内核版本了。

参考博客：

一、用Meta标签代码让360浏览器默认极速模式不是兼容模式

https://www.jb51.net/web/259920.html

二、Chrome内核和Webkit内核区别是什么？

https://zhidao.baidu.com/question/336031809.html

三、判断IE版本的HTML语句

http://www.javashuo.com/article/p-pdlkaffk-ma.html

三、360社区自定义切核功能说明

http://bbs.360.cn/thread-14958904-1-1.html

四、360浏览器内核控制标签meta说明

https://browser.360.cn/se/help/kernel.html

五、最有效解决IE8 position兼容性问题

http://www.javashuo.com/article/p-wosvrxyq-e.html

六、html5shiv.js和respond.min.js的做用

http://www.javashuo.com/article/p-dhdarfzh-by.html

七、excanvas.js的原理

https://zhidao.baidu.com/question/710968549776882005.html

13 tomcat设置80端口

若是启动tomcat时，发现80端口被占用，那么须要排查如下几个地方，

 

 

图13.1 端口被占用截图

一、查看iis服务器下面的网站是否占用了80端口（IIS的默认网站设置的端口就是80）

二、关闭SQL Server Reporting Services (MSSQLSERVER) 这个服务

三、在注册表中找到找到 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\services\HTTP，

而后在右边列表中找到项Start，将其值改成0，而后重启电脑。

四、若是以上三种方法都不行，那么多是服务器厂商将系统的HTTP端口设为了80端口，这就须要联系厂商修改服务器的配置了。

服务器配置解决办法：

一、将后面的网线要连接到管理网口，就是那个单独出来一个的那个网口；

 

 

图13.2

二、网线另一段不链接交换机，链接任意一台笔记本电脑；

设置ipv4的ip地址为192.168.2.100（2网段），默认网关192.168.2.1，子网掩码255 255 255 0；

三、浏览器输入ip地址，进入ibmc管理界面，找到服务配置，更改其中的Web Server(HTTP)的端口，

 

 

图13.3

 

 

图13.4

终止http服务的命令：

输入net stop http

 

按y 肯定

再输入 Sc config http start= disabled

注意：

windows企业版是没有iis服务的，只有专业版有

 

 

图13.5

参考博客：

一、Windows平台下80端口被System占用解决办法

https://jingyan.baidu.com/article/08b6a591b23ebe14a8092231.html

二、win10 旗舰版无iis服务

https://bbs.csdn.net/topics/392114623?page=1

三、win10 无iis服务

https://zhidao.baidu.com/question/1737384355496153827.html

14 tomcat设置自启动

因为服务器上面不容许装JDK，因此传统的方式无效，在输入cmd命令时会抛出如下异常，

JAVA_HOME should point to a JDK not a JRE

因此咱们采起的解决办法是使用windows的定时任务，详细过程查看如下博客，

https://blog.csdn.net/shiyong1949/article/details/52779359

经本人测试，发现按照博客配置后，tomcat仍然不会自启动，经分析，缘由就是触发器配置错误。咱们应该选择登陆时启动tomcat（特定用户与全部用户的选择不作要求，通常选择特定用户）。

 

 

图14.1

 

 

 

图14.2

 

 

图14.3

注意：定时任务中下图选项不能勾选，其默认是勾选的，咱们须要手动去掉。

 

 

图14.4

参考博客：

一、将Tomcat设置为自动启动的服务（装有JDK）

http://www.javashuo.com/article/p-azeodyiv-bg.html

15 部署运行asp程序

一、打开IIS服务器，

普通window系统参考该博客，

https://jingyan.baidu.com/article/ac6a9a5e36977d2b653eacb2.html

Windows Server2008系统参考该博客，

https://jingyan.baidu.com/article/1612d500aa4594e20e1eeefc.html

二、在IIS服务器中添加网站，选择asp程序的物理路径，设置好ip地址和端口。

三、右击项目切换到功能视图，在中间部分找到“ASP”，在设置里将启用父路径至改成true（这样才可使用相对路径../和/等）。

四、配置匿名用户

五、执行cmd命令：

cd C:\Windows\system32\inetsrv\appcmd unlock config -section:system.webServer/handlers

六、开启SQLServer的TCP/IP协议，配置1433端口；

七、为了方便本地调试，须要设置网页将错误信息显示出来。在“ASP”->“调试属性”->“将错误发送到浏览器上”的值改成“True”，最后部署网站成功后再改成“False”。另外，把IE的“Internet选项”—“高级”—“显示友好的http错误信息”的勾去掉。

参考博客：

一、在Windows2008下用IIS7.0和SQL2005部署.asp网站

https://jingyan.baidu.com/article/e4511cf35573e02b855eaf11.html

二、WIN2008系统安装IIS7配过ASP后打开ASP网站为500错误的解决办法

https://www.jb51.net/article/34688.htm

三、解决IIS不能在此路径中使用此配置节点错误

https://blog.csdn.net/pianpianboy/article/details/40536891

四、Win7下IIS因为扩展配置问题而没法提供请求的页

https://blog.csdn.net/ldl22847/article/details/7233611

五、sqlserver在还原数据库时出现: 没法执行 BACKUP LOG，由于当前没有数据库备份

https://blog.csdn.net/sxf359/article/details/75579518

16 asp程序设置自启动

一、在IIS服务中的右侧操做栏中，将网站设置为自启动；

二、在服务中将如下两个服务设为自启动，

Windows Process Activation Service服务     
World Wide Web Publishing Service服务 

若是重启电脑发现这两个服务状态为未启动，那么就采用windows定时任务，找到World Wide Web Publishing Service服务 的bat文件，设置登陆自启动便可。（方法参考tomcat设置自启动）

参考博客：

一、IIS没法启动计算机上的服务W3SVC如何修复

https://blog.csdn.net/xw505501936/article/details/48339243

二、iis开机时没法自启动,必须手动启动?怎么解决?

https://bbs.csdn.net/topics/80011278

17 修改tomcat服务器内存

在环境变量中新建一个系统变量，

变量名：JAVA_OPTS    

变量值：-Xms512m   -Xmx512m

进本人测试，网上那种修改catalina.bat文件的无效。

参考博客：

一、TOMCAT内存大小调整

https://blog.csdn.net/coolwzjcool/article/details/2544448

18 新闻采集功能

网易新闻排行榜举例说明，地址为http://news.163.com/special/0001386F/rank_whole.html

 

 

图一

 

1.点击顶部“运营”，选择“采集管理”，点击右侧“添加”按钮（见图二）进入添加采集页面（见图三）。

 

图二

 

 

添加采集

输入采集名称，选择“栏目”为末级栏目。将“页面编码”改成“UTF-8”。输入采集地址，可采集多个地址，每一个地址一行。输入动态地址，动态地址可用[page]代替，[page]代替的是好比第二页：http://news.163.com/special/0001386F/rank_whole_2.html,可用 http://news.163.com/special/0001386F/rank_whole_[page].html代替,要根据原网页的页面地址结构分析加[page]，再输入“页码”。

 

 

图三

 

采集规则

在浏览器上输入地址，进入页面，右击页面选择“查看网页源代码”，“开始HTML”表明的是要采集的内容的开始HTML标签如：<div class=”ddd”>测试</div>就选择<div class=”ddd”>。“结束HTML”就是选择</div>。

“内容地址集”选择<table width="100%" cellpadding="0" cellspacing="0" border="0">的缘由是标签<table>里面包含了咱们本页面所须要的全部内容地址，见图五-六。

“内容地址”取的是内容地址集里面单个的<a>标签里边的地址，见图七。

“标题”是新闻详细页所存在的正文标题标签均可以取，见图八。

“内容”是新闻详细页的新闻正文内容，取其标签，见图九。

全部的采集规则不管是“开始HTML”和“结束HTML”都是取惟一标签，好比说不能在取的HTML标签中不能存在相同的“开始HTML”和“结束HTML”。

 

 

图四

 

 

 

图五

 

 

图六

 

 

图七

 

 

 

图八

 

 

图九

 

19 视频播放的格式

在开发视频单页的过程当中，遇到了视频不能播放的问题。刚开始是用的html5内嵌的播放器致使不少视频格式的视频播放不了。后面换了几种播放器就能正常播放常见的几种视频格式，好比MP四、flv、ogg等，建议使用CK播放器和player.swf。其中MPEG、avi格式的不能正常播放，播放器不支持，目前还没能找到更好的播放器。

20 播放器设置下载功能

播放器的下载功能取决于播放器类型和浏览器版本。

部分播放器自带下载功能，好比说以下两图同一个播放器在不一样的浏览器下下载功能一个能体现一个不能体现。

 

 

 

 

后面在播放页面加了一个视频下载连接来下载视频。

 

<span>下载连接：</span><span id="views"><a href="${content.mediaPath!}" title="点我下载" download>${content.title!}</a></span>

 

 

 

 

 

21 增量备份 

增量备份（incremental backup）是备份的一个类型，是指在一次全备份或上一次增量备份后，之后每次的备份只需备份与前一次相比增长或者被修改的文件。

 

 

下载自动增量备份软件Allway Sync并运行。

一、新建同步组，选择菜单栏“同步组”，选择“新建同步组”

 

 

 

二、请在文本框中输入同步文件夹的路径，或点击“浏览”按钮选择。

 

 

三、请在文本框中输入同步文件夹的路径，或点击“浏览”按钮选择。

 

 

四、点击“同步”，进行文件夹同步备份。

 

 

 

五、同步成功以后右击“新的同步组1”，选择“配置”。

 

 

六、配置页面，展开“默认配置”下面的“新的同步组1”，选择“同步计划”，勾选“每隔制定的时间间隔同步”再选择“同步时间间隔”的时间。

 

 

七、勾选“使用windows‘任务计划’”，点击“配置任务计划”进入属性界面。

 

 

八、选择“计划”，点击“新建”，选择“计划任务”项中的间隔时间，并根据需求填写“开始时间”，点击“肯定”。

 

 

 

22 标签的用法

一、获取一级友情连接

参数详解：

siteId：站点ID

ctgId：连接类别编号

enabled：是否显示

对象的属性：

name：连接分类名称

id：连接分类编号

domain：域名（连接地址）

 

[@cms_friendlink_ctg_list siteId='1']
    [#list tag_list as ctg]
${ctg.name}
    [/#list]
[/@cms_friendlink_ctg_list]

 

 

 

 

二、获取子级友情连接

 

 

[@cms_friendlink_list ctgId='${ctg.id}']
[#list tag_list as childLink]
        <a href="${childLink.domain}" target="_blank">         
${childLink.name}
</a>
[/#list]
[/@cms_friendlink_list]

 

 

 

 

三、获取某个广告位下的广告

因为jeecms没有提供该标签，因此咱们须要自定义标签来实现此功能，具体操做步骤参考如下博客：

http://www.javashuo.com/article/p-efizpjqm-t.html

对象的属性：

attr.image_url 图片地址

attr.image_link 图片连接地址

 

[@cms_advertising_space id='4' ]
  [#if tag_list?size>0]
    [#list tag_list as c]
        <li><img src="${c.attr.image_url}" border="0"></li>
    [/#list]
  [/#if]
[/@cms_advertising_space]

 

 

 

 

 

 

四、获取某个广告的信息

 

[@cms_advertising id='19']
  <a href="${tag_bean.attr.image_link}" >
    <img src="${tag_bean.attr.image_url}" >
  </a>
[/@cms_advertising]

 

 

 

 

 

五、截取字符串

[@text_cut s='谁是小胖侠' len='12' append="..."/]

六、日期格式化

${content.date?string('MM-dd')}

七、获取当前元素的索引

[#if content_index%4==0]

八、判断当前数组的长度

[#if tag_list?size>0]

九、判断某个元素不为空

[#if title??]

十、防止空异常

jeecms获取某些属性时，若是该属性为空，则系统会抛出异常，能够经过如下方式解决，

${content.typeImg!}

若是没有类型图，则不显示

${content.typeImg!'C://0978.jpg'}

若是没有类型图，则去'C://0978.jpg'路径找

十一、分页标签

[@cms_pagination/]
参数：sysPage
做用：对页面显示出来的记录进行分页
是否为内容分页。1：内容分页；0：栏目分页。默认栏目分页。
这个分页标签使用通常是跟其余标签一块儿使用的，通常和一些列表标签一块儿使用。
示例
[@cms_pagination sysPage='1'/]
效果：
 

 


和别的标签一块儿使用示例：

 

<div class="pagebar">
   [@cms_comment_page contentId=contentId count='6' orderBy='1']   
          <dl class="rmpl">
            [#if tag_pagination.list?size = 0]
            <dt><span>暂无相关评论！</span></dt>
      [#else]
      [#list tag_pagination.list as c]
     <dt><span>${(c.commentUser.username)!"匿名网友"}</span> 于 ${c.createTime} 评论道:</dt>
     <dd>${c.textHtml!}</dd>
     <dd class="line"></dd>
   [/#list]
  <div class="pagebar">[@cms_pagination sysPage='1'/]</div>  
            [/#if]
          </dl>    
          [/@cms_comment_page]   
   </div>

 

 

 

 

 

 

 


 

 

效果图：

 

 

自定义分页样式，必须写在 [@cms_comment_page]  里面 

 

[#assign p=tag_pagination/]
            [#if p.totalPage gt 1]
        <div class="search-pagination" [#if cssClass??] class="${cssClass!}"[/#if][#if cssStyle??] style="${cssStyle!}"[/#if]>
             <ul class="pagination">
                <li>
                    <a href="javascript:;">共 ${p.totalPage} 页</a>
                </li>                
                <li>
                [#if !p.firstPage]
<a href="${hrefFormer}[#if p.prePage gt 1]_${p.prePage}[/#if]${hrefLatter}">上一页</a>[#t/]
                [/#if]
                </li>                
                <li class="">
                [#list 1..p.totalPage as i]
                    <a href="${hrefFormer}[#if i gt 1]_${i}[/#if]${hrefLatter}">[#t/]
                    [#if p.pageNo == i]<span class="page-active" style="color: red;">${i}</span>[#else]${i}[/#if]</a>&nbsp;[#t/]
                [/#list]
                </li>                
                <li>
                [#if !p.lastPage]
<a href="${hrefFormer+'_'+p.nextPage+hrefLatter}" rel="next">下一页</a>[#lt/]
                [/#if]
                </li>                
                [#if !p.lastPage]
                <li>
        <a href="${hrefFormer+'_'+p.totalPage+hrefLatter}"">最后一页</a>[#t/]
                </li>
                [/#if]
                <!-- page-active -->
            </ul> 
        </div>

 

十二、搜索

name="q"，value="${oldq!}": 搜索关键字

 

<div class="search">
    <form id="msearch" method="get" autocomplete="off" action="${base}/search.jspx" target="_blank">
          <div class="serach_type" id="catid">
            <a href="javascript:;" target="_self">所有栏目</a>
              <ul style="width: 75px; display: none;">
                 <li val="">所有栏目</li>
                   [@cms_channel id="103"]
                     <li val="${tag_bean.id}">${tag_bean.name}</li>
                   [/@cms_channel]                    
                   [@cms_channel_list]
                     [#list tag_list as channel]
                        <li val="${channel.id}" name="channelId">${channel.name}</li>
                     [/#list]
                 [/@cms_channel_list]                                          
                </ul>                      
</div>
<input type="hidden" name="c" value="so"/>
<input type="hidden" id="catid_input" name="catid" value=""/>
<input  type="text" name="q" id="searchsubmit" class="search_txt" value="${oldq!}" placeholder="请输入内容">
<button type="submit" name="searchsubmit" id="searchsubmit" class="search_btn" sc="1" value="true">搜索</button>
<script type="text/javascript">markSelect('catid');</script>
    </form>
</div>

 

[@cms_lucene_page]

[@cms_lucene_page q=q channelId=channelId descLen='100' append='...' count='4' sysPage='1'  ]
搜索结果分页标签
做用：对搜索结果分页
参数：
q: 搜索关键字
siteId:站点ID
channeled:栏目ID
startDate:：开始时间
endDate:结束时间
count 分页数
示例：

 

<div class="w96" style="min-height:500px;">
[#if q??]
[@cms_lucene_page q=q channelId=channelId descLen='100' append='...' count='4' sysPage='1'  ]
  <div class="search_msg">您搜索的<span class="red">“${q!}”</span>， 共有 <span class="red">${tag_list?size} 条</span> 查询结果，[@process_time/]
   </div>
   [#list tag_list as s]
       <dl class="list3">
    <dt><span>[<a href="${s.ctgUrl}" target="_blank">${s.ctgName}</a>]</span>  <a href="${s.url}" title="${s.title}" target="_blank">${s.title}</a></dt>
    <dd class="zy">[@text_cut s=s.description len=descLen append=append/]</dd>
    <dd>来源： <a href="${s.originUrl!}" target="_blank">${s.origin!'本站原创'}</a> &nbsp;&nbsp; 浏览次数：${s.views}次 &nbsp;&nbsp; 发布时间： ${s.releaseDate} </dd>
    </dl>
    [/#list]
      [/@cms_lucene_page]   
         [/#if]  
  </div>

 

结果示例：

 

 


注意：

[@cms_lucene_list]与[@cms_lucene_page]的效果显示是不同的，[@cms_lucene_list]其显示的结果由其内的熟悉count和搜索结果的总数决定的，若是搜索结果的总数大于count则显示的结果就为count设定的值，若是搜索结果的总数小于count设定的值则显示搜索结果的总数。而[@cms_lucene_page]不同，它始终是会显示出全部的搜索结果来的，只是每一页显示的值是由count决定的，因此，我建议，通常状况下，仍是用[@cms_lucene_page]比较好，由于用它既能显示出搜索结果的分页又能正确的显示出搜索出来的结果总数。

 

1三、评论

WEB-INF-t-cms-www-gyxrmyy-content

news.html　　内容详情页

inc_comment_input.html　　评论输入框

 

 

inc_comment_list.html　　评论列表

 

 

 WEB-INF-t-cms-www-gyxrmyy-csi

　　comment_list.html　　查看评论的回复

 

 

 WEB-INF-t-cms-www-gyxrmyy-special

　　comment_input.html　　评论的回复中的评论

 

 

 [#if channel.commentControl!=2]

    [#include "inc_comment_input.html"/]

    [#include "inc_comment_list.html"/]

[/#if]

 

用到css
r-cms-www-default-css
　　index.css
r-cms-jqueryUI
jquery.ui.css
用到js
r-cms
　　jquery.js
　　front.js
r-cms-jqueryUI
　　jquery-ui.js
    
<script type="text/javascript">
        $(function() {
            Cms.checkPerm("${base}","${content.id}");
            Cms.collectCsi("${base}","collectCsiDiv","collect_csi","${content.id}");
            Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach");
            Cms.viewCount("${base}","${content.id}");
            Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");
        });
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('.content-comment').click(function(){
                $('html,body').animate({scrollTop:$('#comments-text').offset().top}, 1000)
                $('#comments-text').focus();
            });
        });
        $(function(){
            //设置一个定时器，为BUTTON点击事件用
            var timer=null;
            var number1=0;

            //文本输入时改变
            $('#comments-text').keyup(function(){
                if(!$(this).val()==''){
                    $('.submit-on').attr("class", "submit-out");
                }else{
                    $(".submit-out").attr("class", "submit-on");
                }
            });
            //处理输入的内容是文字仍是字母的函数
            function getLength(str){
                return String(str).replace(/[^\x00-\xff]/g,'aa').length;
            };
        });
    </script>

 

 

 

 

评论分页 [@cms_comment_page]

 [@cms_comment_list siteId =‘1’contentId=‘1’ greaterThen=‘0’ checked=‘1’ recommend =‘1’ count='6' orderBy='1 ']   

 

评论分页标签

参数详解：
siteId:站点id，非必选
contentId：内容ID，非必选
greaterThen: 评论内容最大支持大于多少，非必选
checked: 是否须要审核，1审核经过的，0 所有 非必选 默认所有
recommend:是否推荐，1推荐的，0 所有 非必选 默认所有
parentId:上级评论ID 优先级大于contentId如果出现了parentId ，contentId参数无效
count：分页数
orderBy:排列顺序：0 ：按评论时间降序 1 ：按评论时间升序。默认降序
如果parentId contentId siteId都没有，则默认当前站点的评论
在内容页模板中能够将contentId 设置成content.id，读取本内容下的评论
做用：对评论分页读取
具体例子： 

 

 

 

 

评论对象属性

    <div class="pagebar">
   [@cms_comment_page contentId=content.id count='6' orderBy='1']   
          <dl class="rmpl">
            [#if tag_pagination.list?size = 0]
            <dt><span>暂无相关评论！</span></dt>
      [#else]
      [#list tag_pagination.list as c]
     <dt><span>${(c.commentUser.username)!"匿名网友"}</span>于 ${c.createTime} 评论道:</dt>
     <dd>${c.textHtml!}</dd>
     <dd class="line"></dd>
   [/#list]
<div class="pagebar">[@cms_pagination sysPage='1'/]</div>
            [/#if]
          </dl>    
          [/@cms_comment_page]   
   </div>

 


textHtml：评论内容
replayHtml：回复内容
ip:评论者ip地址
createTime：评论时间
replayTime：回复时间
ups：顶数
downs：踩数
recommend：是否推荐
checked：是否审核
replyCount：回复数
replayUser：回复用户对象 例如获取回复管理员用户名${c. replayUser.username!}
commentUser：评论用户对象 例如${c. commentUser.username!}
parent：父级评论对象  例如${c. parent.username!}

 [@cms_comment_list siteId =‘1’contentId=‘1’ greaterThen=‘0’ checked=‘1’ recommend =‘1’ count='6' orderBy='1 ']   

 

评论列表标签

参数和cms_comment_page标签一致，只是不能标签体内不能插入分页标签。

参数详解：

siteId:站点id
contentId：内容ID
greaterThen: 评论内容最大支持大于多少
checked: 是否须要审核
recommend:是否推荐
orderBy:排列顺序：0 ：按评论时间降序 1 ：按评论时间升序。默认降序。

做用：显示评论列表

具体例子：

 

<div class="blue_right_top"><h2><a href="#" target="_blank">热门评论</a></h2></div>
 <div class="blue_right_div">
  [@cms_comment_list siteId='1' count='5' recommend='1' textLen='50' append='...']
  <dl class="rmpl">
  [#list tag_list as c]
   <dt><span>${(c.commentUser.username)!"匿名网友"}</span>对<a href="${c.content.url}" target="_blank">${c.content.title}</a>评论道:</dt>
   <dd>[@text_cut s=c.textHtml len=textLen append=append/]</dd>
   <dd class="line"></dd>
  [/#list]
  </dl>
  [/@cms_comment_list]
 </div>

 

其余经常使用的标签能够查看JEECMS-V7系统使用说明书和如下博客：

https://blog.csdn.net/qq_32047637/article/details/56676918

https://blog.csdn.net/u012176984/article/details/45501771

23 图标模糊

网页上的图标显示比较模糊，是因为图片的像素问题所致使的，将图片的大小调成与网页图标一致便可。

24 360浏览器没法加载flash

缘由是该电脑连的局域网，未自动下载内置flash player；而后本地的flash player版本又过低；因此致使浏览器没法加载flash player，按钮便没法显示。

网上flash播放器的离线安装包不多，有针对ie的、chrome的安装包，经测试发现ie版离线安装包无效（不管开启极速/兼容），只有chrome版安装包有效。

在ie浏览器下面访问咱们的网站，用的ie内核的flash，上传按钮也是没法显示的。用谷歌的在ie下我没测过

查看浏览器的插件：chrome://plugins/

通常状况下，浏览器在联网环境下，会自动下载内置的flash player

25 UEditor相关问题

img元素的style属性被删除

 

 

修改ueditor的配置文件，在白名单中添加img的style属性

 

 

 

中文的引号和省略号变成了转义字符

修改ueditor.all.js文件，

 

 

注意：无需修改outputXssFilter等其余属性值

参考博客：

一、百度编辑器ueditor如何设置容许img的sytle

https://segmentfault.com/q/1010000011424006

二、百度编辑器ueditor如何设置容许img的sytle

https://blog.csdn.net/wanghao3616/article/details/25816747461113

26 CKEditor时效性问题

在页面内将编辑器赋值给一个变量便可，

而后使用以下语句就能够取得编辑器内的值。

editor.document.getBody().getText(); //取得纯文本

editor.document.getBody().getHtml(); //取得html文本

 

/**
 * 提交表单校验
 */
var mtEditor=null; 
function checkSubmit(){
var txt=mtEditor.document.getBody().getText().
replace(/[\r\n]/g,"");
if(txt==""){
        alert("内容不能为空");
        return false;
}
}

 

 

 

 

 

 

 

 

 

 

27 CSS控制图片的宽高比

若是类样式单纯的设置图片的宽度和高度，

若图片大小无style控制，则类样式生效，element style无数据；

若图片大小有style控制，则类样式无效，element style有数据；这是由于优先级的缘由；

可是若是类样式设置图片的最大宽度或高度，则对以上两种状况都有效。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程