`
42087743
  • 浏览: 232948 次
  • 性别: Icon_minigender_1
  • 来自: 合肥&上海
社区版块
存档分类
最新评论

博客首页文章内容的缩略显示

    博客分类:
  • SSH
阅读更多
  1. 一般你进入别人博客的时候, 会显示他的文章概况, 文章内容只会显示一部分, 超过一定字数, 就用"..."代替.
  2.  刚碰到这个问题的时候, 不知道怎么解决, 想google一下, 也想不出关键词怎么定义, 索性搜了下, 找了第一个方法: 在hql里面使用case when then else end 语法
    select c.id from QuCodeRegion c where case when c.id>'1' then '111' else '333' END='111' 
     上面是网络上的例子, 但是发现跟我的结合不方便
    String findByUserself_hql = "select a from Article a where a.deleted = false order by a.pubDate desc";
     我照葫芦画瓢, 将case加到我的hql里面去, 一直报hql语法错误,
    select a from Article a where a.deleted = false case a.title when len(a.title)>150 then left(a.title, 35) else a.title end order by a.pubDate desc
     但是我的流程已经定了, 只有查询出整个article实体, 再封装到list中去, 假如改成a.id, a.name, a.title......, 那存到list中的就是数组, 我的整个流程就都需要修改, 没办法, 再找其他的办法.
  3. 朋友又给我一个方法, 把每个数组里面的值都取出来, 封装到article实体里, 再存到list里, 这确实是个笨但却十分有效的方法, 万不得已, 我不会用这个方法, 假如数据量大的话, 速度很慢, 而且可能出现内存溢出.
  4. 接着来, 后台办不了, 我来前台试试, 群里有人告诉我, html有属性可以实现, 我接着搜, 发现css里可以实现, 代码如下
    style= "height:30px;overflow:hidden;text-overflow:ellipsis;"
    
     这是个简单但功能不足的方法, 文章内容确实是只能显示前30px高度的内容, 但是我还需要在省略文章的后面加上"......", 貌似css没法做到这点, 没办法, 继续.
  5. 下面我想到了freemarker, 这绝对可以实现
    <#if news.title?length lt 13 > ${news.title} 
    <#else> ${news.title[0..12]}... 
    </#if>
    
    
     这是网上别人的做法, 我摘抄了下来, 回头一想, 要用到freemarker, 需要配置, 影响别的开发人员, 还要页面嵌入ftl, 会影响美工人员的工作, 先放着, 算个备用方案.
  6. 最后用js
    var context = document.all("context");
    for(var i=0;i<context.length;i++){
            if(context[i].innerHTML.length > 150){
    	context[i].innerHTML = context[i].innerHTML.substring(0,149) + "      ......" ;
            }
    }
     本来不知道document.all, 费了很大的周折, 它的功能就是获得所有id=context的节点
2
6
分享到:
评论
2 楼 glamey 2008-08-23  
如果你显后边没有...的话,可以做一个判断。
jstl是sun公司的产品,可以放心的用。struts标签也可以实现的。
1 楼 glamey 2008-08-23  
其实你不用哪么麻烦,如果你用jstl标签来作为页面显示的话,里边就有个标签
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
${fn:substring(news.title,0,19)}
这样的话,你在前台得到的新闻标题就是长度为19的标题

相关推荐

    WordPress插件:给REST API 新增文章特色图片(缩略图)字段,用于显示文章头图

    功能:新增文章特色图片(缩略图)字段 文章:https://kunnan.blog.csdn.net/article/details/119925759

    Image For Homepage1.3首页显示日志缩略图插件 for Wordpress.zip

    原来的1.0版程序基本上能够为大部分使用Wordpress的博客网站自动创建缓存文件夹,但是当时不能够处理将Wordpress只是作为网站的一个博客,而安装在网站的某一个子目录下的情况,例如:http://localhost/blog/这种...

    WordPress中缩略图的使用以及相关技巧

    在博客上用到缩略图的机会很多, 它们出现在文章列表页面, 文章下方的相关文章, 分类页面的类目图片, 甚至有些博客很新潮地淡化文字以图片瀑布流作为文章索引. 站长们知道缩略图可以吸引眼球, 一直在寻找更好的使用...

    emlog博客start主题(含pjax无刷新)php版v5.32

    文章缩略图,优先调用内容第一张图片、其次调用附件图片; 没有首张图片也没有自定义图片,就显示随机图片; 支持关闭显示全部文章缩略图; 支持侧栏跟随功能,对页面较长侧栏内容较少的博客体验比较好; 带头像...

    帝国cms 个人博客源码整站自适应HTML5响应式模板

    首页支持分页,首页和分页自动检测文章内容图片个数,如果内容大于8张图片,列表则显示8张图片缩略图,如果大于4张小于8张,则显示4张,如果小于4张,则显示一张,如果没有图片,则显示你自己定义的标题图片,如果...

    WordPress 显示文章摘要方法 详细篇

    WordPress又一个比较不好的地方,...不知现在国外博客是否都流行这种显示方式,反正我个人是很不喜欢。遇到文章长一些且夹带着大量图片的,不仅页面速度打开慢,也不容易快速找到自己感兴趣的内容。按照国内大多用户

    基于SpringBoot Thymeleaf的超漂亮的博客系统源码.zip

    能够给文章添加缩略图。 可将文章存为草稿或者发布 文章可选择分类和标签,自定义url 文章可控制是否允许评论 文章管理 以列表形式展示文章信息 在可选操作中增加删除,预览,编辑功能 支持分页显示 增加搜索功能,...

    PHP emlog博客start主题(含pjax无刷新) V5.32.rar

     支持侧边栏前台开关cookie判断,支持文章缩略图,优先调用内容第一张图片、其次调用附件图片;并且支持关闭文章缩略图;支持侧栏跟随功能,对页面较长侧栏内容较少的博客体验比较好;  带头像最新留言侧栏模块;...

    Typecho极简的博客主题,功能全面

    支持自定义Favicon图标,自定义头部跟随或固定,自定义标题或LOGO,自定义导航栏显示内容 支持自定义文章缩略图或者获取文章内任意图片作为缩略图 支持面包屑导航、文章目录、文章二维码打赏 支持“轻语”功能(类似...

    emlog博客start主题(含pjax无刷新) v5.32

    文章缩略图,优先调用内容第一张图片、其次调用附件图片;没有首张图片也没有自定义图片,就显示随机图片;支持关闭显示全部文章缩略图;支持侧栏跟随功能,对页面较长侧栏内容较少的博客体验比较好;带头像最新留言...

    基于SpringBoot+MySQL 开发的 Web 博客系统【100012976】

    能够给文章添加缩略图;可将文章存为草稿或者发布;文章可选择分类和标签,自定义 url 文章可控制是否允许评论; 文章管理:以列表形式展示文章信息;在可选操作中增加删除,预览,编辑功能;支持分页显示;增加...

    WordPress博客SEO自媒体资讯主题模板RabbitV2.0【基于Bootstrap前端框架】

    Rabbitv2.0主题为SEO而生,是一款专注于SEO优化用途的WordPress主题,专为博客、自媒体、资讯类等类型网站SEO优化设计开发,自适应兼容手机、平板设备,支持前端用户中心,可以前端发布/投稿文章,同时主题支持专题...

    最新Jasmine博客模板:简洁美观的自适应Typecho主题

    Jasmine是一个专为博客类网站设计的Typecho主题。它以简洁为基础,力求展现出精致而美观的风格。主题采用了响应式设计,即使在移动设备上也能提供良好的使用体验...可设置文章缩略图 支持外观设置备份 自动检测主题更新

    WordPress主题:知更鸟Begin5.2免授权版.zip

    杂志布局、图片布局和博客布局后台切换...广告位小工具推荐文章(无缩略图)小工具不同页面显示不同的侧边栏 随机文章小工具blog页面模板在线代码高亮转换页面模板 友情链接页面模板文章归档页面模板淘客商品页面模板

    Z-BlogPHP主题/名扬图文博客主题模板商业版

    名扬图文博客主题模板是一款非常简陋的Z-BlogPHP图文博客主题模板,新增支持付费阅读(付费后才可以看被隐藏内容); 支持电脑端支付、手机端支付;支持免登录支付按钮;支持订单查询功能;新增赞赏(自行替换收款...

    小清新主题

    9、缩略图显示,个人喜欢使用自定义栏目,喜欢用自定义栏目featured对应文章缩略图200px*160px,cms第一栏的缩略图尺寸200px*160px,第五栏155px*100px,边栏125px*110px,90px*60px,和文章中相关文章缩略图这些...

    WordPress博客SEO自媒体资讯RabbitV2.0主题模板_专注于SEO优化的WordPress主题模板源码

    Rabbitv2.0主题为SEO而生,是一款专注于SEO优化用途的WordPress主题,专为博客、自媒体、资讯类等类型网站SEO优化设计开发, 自适应兼容手机、平板设备,支持前端用户中心,可以前端发布/投稿文章,同时主题支持...

    完美seo优化WordPress博客杂志CMS主题 wpdx3.6

    内置 3 种分类存档样式(标题、小缩略图、大缩略图),不同样式每页可显示不同文章数量 多小工具:分类文章、图片文章、最新/随机/热门文章、最新评论、活跃读者、标签云等等 主菜单支持3级下拉菜单 内置幻灯,支持...

Global site tag (gtag.js) - Google Analytics