wpgcms的详情页面的数据会被保存在 contentInfo 这么一个字段里面。

面包屑导航调用:

<p>当前位置
{% for c in crumb|slice(1, crumb|length-1) %}
{% if not loop.last %}>
<a href="{{ c.url }}">{{ c.name }}</a>
{% else %}>
<span><a href="javascript:;">新闻详情</a></span>
{% endif %}
{% endfor %}
</p>

标题,正文,时间的调用:

<h1>{{ contentInfo.title }}</h1>
<div>
{% autoescape false %}
{{ contentInfo.getBodyInfo() }}
{% endautoescape %}
</div>
<div class="details-news-content-title-time">
<span>
{% set pubtime = contentInfo.publish_time %}
<span>时间:{{ pubtime|slice(0, 4) }}年{{ pubtime|slice(5, 2) }}月{{ pubtime|slice(8, 2) }}日</span>
<span>来源:{{ contentInfo.source_name|default('金塔集团') }}</span>
<span>阅读:{{ contentInfo.view_count }}</span>
</span>
</div>

下一篇,下一篇的调用:

<p class="next-article-p">
{% set nextInfo = contentInfo.nextInfo %}
{% if nextInfo %}
<a href="{{ nextInfo.aurl }}"/>下一篇:{{ nextInfo.title }}</a>
{% endif %}
</p>

完整实例:

{% extends 'layout.html' %}

{% block pageContent %}
<section>
<div class="details-news">
<div class="details-news-content">
<p>当前位置
{% for c in crumb|slice(1, crumb|length-1) %}
{% if not loop.last %}>
<a href="{{ c.url }}">{{ c.name }}</a>
{% else %}>
<span><a href="javascript:;">新闻详情</a></span>
{% endif %}
{% endfor %}
</p>
<div class="details-news-content-title">
<h1>{{ contentInfo.title }}</h1>
<div>
{% autoescape false %}
{{ contentInfo.getBodyInfo() }}
{% endautoescape %}
</div>
<div class="details-news-content-title-time">
<span>
{% set pubtime = contentInfo.publish_time %}
<span>时间:{{ pubtime|slice(0, 4) }}年{{ pubtime|slice(5, 2) }}月{{ pubtime|slice(8, 2) }}日</span>
<span>来源:{{ contentInfo.source_name|default('金塔集团') }}</span>
<span>阅读:{{ contentInfo.view_count }}</span>
</span>
</div>
<div class="clear"></div>
<p class="next-article-p">
{% set nextInfo = contentInfo.nextInfo %}
{% if nextInfo %}
<a href="{{ nextInfo.aurl }}"/>下一篇:{{ nextInfo.title }}</a>
{% endif %}
</p>
</div>
</div>
</div>
</section>
{% endblock %}

wpgcms---详情页面数据怎么渲染的更多相关文章

  1. day82:luffy:课程详情页面显示&章节和课时显示&视频播放组件&CKEditor富文本编辑器

    目录 1.初始课程详情页面 2.视频播放组件 3.课程详情页面后端接口实现 4.课程详情页面-前端 5.CKEditor富文本编辑器 6.课程章节和课时显示-后端接口 7.课程章节和课时显示-前端 1 ...

  2. vue keep-alive 实现详情返回列表保留页面数据

    实现功能 详情页返回列表页,列表页保留上次浏览位置 其它页面进入到列表表,列表页刷新 当详情页有数据改变时,列表页也要更新该条数据 实现思路 用keep-alive保留列表页面数据 activated ...

  3. MUI框架-10-MUI 数据交互-跳转详情页面

    MUI框架-10-MUI 数据交互-跳转详情页面 上一篇介绍了如何实现数据交互,给别人的 API 发送 ajax 请求,我们得到数据,再使用 art-template 模板引擎拼接 HTML,最终实现 ...

  4. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_10-课程详情页面静态化-课程详情模型数据查询接口

    根据课程详情页面写一个获取数据模型的接口 目录的数据来自于课程计划表 右侧是课程的图片 需要写一个接口 获取课程相关的所有信息. 所以就需要一个模型类,里面包含了基本信息.图片信息.等各种详情页面的信 ...

  5. vue页面数据强制更新渲染

        vue数据更新会出现缓存的情况,几种方式可以让数据实时渲染到页面: 1.简单粗暴的方式 this.$forceUpdate();//强制更新 2.增减元素 splice() push() 3. ...

  6. 微信小程序(七)文章详情页面动态显示

    文章详情页面动态显示(即点击某个文章就跳转到相应文章的详情页): 思路:在文章列表页面添加catchtop事件,在js文件中获取文章的index,并用wx.navigateTo中的 url拼接详情页的 ...

  7. 前端Vue项目——课程详情页面实现

    一.详情页面路由跳转 应用 Vue Router 编程式导航通过 this.$router.push() 来实现路由跳转. 1.绑定查看详情事件 修改 src/components/Course/Co ...

  8. 第04项目:淘淘商城(SpringMVC+Spring+Mybatis)【第九天】(商品详情页面实现)

    https://pan.baidu.com/s/1bptYGAb#list/path=%2F&parentPath=%2Fsharelink389619878-229862621083040 ...

  9. 基于.NetCore开发博客项目 StarBlog - (7) 页面开发之文章详情页面

    系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...

随机推荐

  1. jsp新建项目

    1.在原有项目的基础上新建一个文件夹 在文件夹内新建一个jsp文件 取名 JSP容器处理JSP文件需要以下三个阶段:翻译——编译——执行 JSP的页面元素包括 静态内容-HTML静态文本 指令-以“& ...

  2. python中,获取字符串的长度

    说明: 与其他的语言一样,有时候需要查看或者说计算字符串的长度.在此记录下python中通过哪个函数实现. 操作过程: 1.通过len()函数返回字符串的长度 >>> text='p ...

  3. python 类属性 、实例属性,可变数据结构作为类属性需要注意的地方

    1.一些经典的python错误不去阅读和不重视,就会把错误的做法带入到实际项目中来,甚至造成难以排查问题. 2.有一个大笨猪,按java写观察者模式,java写得是直接在类名下声明一个实例属性(不加s ...

  4. MTK 锁屏配置

    常常我们开 发程序的时候我们不需要系统唤醒系统锁屏功能,用户有时候在看电视或视频的时候不希望系统的锁屏 功能启动,既不想锁频,然而系统却在我们看电视或者视频的时候出来个锁屏的界面进行锁频拉,我们还要想 ...

  5. SSL证书/TLS证书是什么

    https://blog.csdn.net/donghaixiaolongwang/article/details/79193695 A. SSL协议与TLS是什么?它们的功能是什么? 答:SSL(S ...

  6. Python中的类(中)

    上一篇介绍了Python中类相关的一些基本点,本文看看Python中类的继承和__slots__属性. 继承 在Python中,同时支持单继承与多继承,一般语法如下: class SubClassNa ...

  7. WPF布局管理之Canvas、InkCanvas (转)

    一.Canvas 在WPF中子元素的绝对定位的布局控件 其子元素使用Width.Height定义元素的宽度和高度 使用Convas.Left(Convas.Right).Convas.Top(Conv ...

  8. ios开发之--解决“Could not insert new outlet connection”的问题。

    在Xcode中,我们能够在StoryBoard编辑界面或者是xib编辑界面中通过“Control键+拖拽“的方式将某个界面元素和相应的代码文件连接起来.在代码文件里创建outlet. 只是.假设你的运 ...

  9. hbase2.0.0-安装部署

    依赖hadoop 环境,我这边的版本是hadoop-2.6.5 选择hbase2.0.0版本的时候,去官网查看支持的hadoop版本 1.伪分布式安装 下载:http://mirror.bit.edu ...

  10. Robot Framework配置发送邮件功能

    请参考:http://www.robotframework.net/?/article/118