`
42087743
  • 浏览: 236973 次
  • 性别: 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 新增文章特色图片(缩略图)字段,用于显示文章头图

    特色图片(缩略图)在WordPress中通常用作文章的预览图或头图,它增强了内容的视觉吸引力,有助于提升用户的阅读体验。当这个功能被添加到REST API中,外部应用或服务就能获取到这些图像,进而更完整地展示文章内容...

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

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

    视频缩略图 和显示的缓存异步机制

    描述中提到的链接博客文章可能详细解释了如何在实际项目中整合这些技术。博客作者可能分享了如何创建自定义的异步任务,管理缓存,并确保在不同场景下正确使用视频缩略图的方法。通过阅读这篇博客,开发者可以学习到...

    WordPress简单三步实现首页文章显示缩略图(无插件)

    在WordPress中,文章缩略图是展示内容的一种流行方式,它有助于吸引访客的注意并改善页面布局。虽然可以使用插件来实现这一功能,但直接在主题代码中添加功能,可以更加灵活地控制缩略图的显示方式和样式。 要实现...

    网站博客文章缩短插件

    综上所述,"网站博客文章缩短插件"和"wp-thumbnails"这两个元素共同作用于博客内容的展示,前者优化文字摘要,后者处理文章的视觉呈现。在搭建和运营博客时,合理运用这些工具能够有效提升用户体验,同时也有助于...

    网站的缩略图素材

    2. **文章预览**:博客或新闻网站常用缩略图吸引读者点击阅读完整内容。 3. **社交媒体分享**:当用户分享网页链接到社交媒体时,缩略图作为预览图展示,增加点击率。 4. **多媒体库**:图片库、视频库等应用中,...

    jQuery切换缩略图模式和列表模式插件

    这个插件适用于各种需要展示多项目并支持视图切换的场景,比如电商网站的商品列表、照片分享平台、博客文章列表等。通过简单的配置,开发者可以轻松地将此插件集成到自己的项目中,提供更灵活的浏览体验。 **使用...

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

    在WordPress中,缩略图(Thumbnail)是一种非常重要的视觉元素,尤其对于内容丰富的博客和网站而言,它们在文章列表、相关文章、分类页面等位置起到吸引用户注意力的作用。这篇文章主要探讨了两种在WordPress中调用...

    jquery带缩略图的内容滑块插件

    - 个人博客的特色内容区,展示精选文章或摄影作品。 - 企业官网的案例展示,分享公司成功案例或项目。 **使用与定制** 要使用这款滑块插件,首先需要在网页中引入jQuery库和插件的JavaScript及CSS文件。然后,根据...

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

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

    富文本编辑器引入和获取富文本第一张图设置为缩略图

    富文本编辑器是网页开发中常见的一种工具,它允许用户在网页上进行格式化文本的输入、编辑和展示,常用于博客、论坛、CMS(内容管理系统)等应用场景。本篇文章将详细探讨如何引入富文本编辑器,以及如何从富文本中...

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

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

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

    jQuery遮罩弹出缩略图插件.zip

    遮罩通常指的是在网页上覆盖一层半透明的层,用于突出显示特定内容或执行特定操作,而弹出缩略图则是指点击某个元素(如图片链接)后,在页面中央展示放大版的图片。这种插件结合了这两种功能,为用户提供了一种优雅...

    响应式生活博客设计网站HTML5模板.zip

    7. **博客卡片视图**:blog-card-v1.html可能是博客文章在首页或其他列表页上的缩略卡片样式,以紧凑的形式展示文章摘要和关键信息,鼓励用户点击进入详情页阅读。 8. **SEO优化**:响应式模板通常考虑了搜索引擎...

Global site tag (gtag.js) - Google Analytics