wpgcms---详情页面数据怎么渲染

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 %}

原文地址:https://www.cnblogs.com/e0yu/p/9928409.html

时间: 2024-10-13 16:05:36

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

非常标准的类,获得和展示listview或gridview数据。并且点击获得详情页面。

1. 获得和展示listview或gridview package com.anzi.jmsht.ui; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; import org.jso

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

文章详情页面动态显示(即点击某个文章就跳转到相应文章的详情页): 思路:在文章列表页面添加catchtop事件,在js文件中获取文章的index,并用wx.navigateTo中的 url拼接详情页的地址和文章的index,(在该操作之前该js应该已引入静态数据,在data中定义相应数据, 并更新数据,在详情页的js中也同样如上,详情看demo),列表页面事件添加完毕后,详情页需要接收数据 (index和文章内容),这就用到了,详情页的生命周期函数options来接收值. 为每个文章添加事件:

商品详情页面的显示

当点击商品图片的时候,会跳转到商品的详情页面,我们看下具体是如何实现的: 1.点击商品的图片,打开商品详情页面 a)         商品基本信息 b)        延迟加载商品详情.延迟一秒加载使用ajax c)         商品的规格参数.按需加载,当用户点击商品规格参数tab页,加载ajax. 如图:点击图片后显示内容如下: 所以需要从三个表中获取数据,发布服务接口: 需要在taotao-rest工程中发布服务 1.取商品基本信息的服务 2.取商品描述的服务 3.取商品规格的服务 需

pyspider示例代码三:用PyQuery解析页面数据

本系列文章主要记录和讲解pyspider的示例代码,希望能抛砖引玉.pyspider示例代码官方网站是http://demo.pyspider.org/.上面的示例代码太多,无从下手.因此本人找出一下比较经典的示例进行简单讲解,希望对新手有一些帮助. 示例说明: 本示例主要是PyQuery解析返回的response页面数据.response.doc解析页面数据是pyspider的主要用法,应该熟练掌握基本使用方法.其他返回类型示例见后续文章. pyspider爬取的内容通过回调的参数respon

Android 仿当乐游戏详情页面(二)

写在前面 通过上一篇文章的分析,基本已经了解当乐游戏详情页面的思想思路了,本篇文章主要是实现页面的基本效果. android 仿当乐游戏详情页面(一) 页面布局 通过上一篇文章分析,已经知道,当乐游戏详情页是通过3个不同层次的布局进行叠加来实现的,为了实现这种层次结构,需要用到RelativeLayout . 这3个View层次如图所示,分别为:介绍游戏简介的头布局.介绍游戏详情的详情界面.还有toolbar. 介绍游戏简介的头布局: 如图所示,红色圈圈里面的便是介绍这个游戏的头布局. layo

模版+数据分离渲染方式的设计与实现

一 背景 1 现状 模版存放于后端 php输出页面html结构进行页面渲染 ajax请求,需要重渲结构时,php输出html结构 builder制作静态页面结构 jser完成页面交互逻辑开发 2 不足 模版数据无法存储本地,导致每次打开页面请求数据量巨大 数据每次要从接入层web服务器读取,没有合理利用CDN加速静态模版内容 联调成本较大,不利于前端控制页面展示和交互开发 3 解决方案 后端直接输出json数据 试图把渲染页面的模版存放在前端 4 技术路线 5 理论意义 利用CDN保存html模

使用Html模版创建详情页面

在我们对一些界面的详情页面进行编程时(类似如新闻app,团购app等),有时候详情页面在使用一段时间后,需要不同排版效果,如果重新布置view页面布局,可能会浪费很多时间,产生一些麻烦.由于Html已经可以在iOS上嵌入,因此我们可以使用Html模版来,嵌套进UIwebview中进行使用,如果需要新的页面布局,只需要简单的更换Html模版,方便省事. 由于自己完全没有接触过Html编程,基本上对Html模版上的内容一窍不通,其实使用Html模版只需要了解其对应的标签,完成替换就可以了.我使用的H

解决 ECSHOP v273 产品详情页面评论不显示的问题

问题描述: 最近同事使用ECSHOP v273帮客户开发了一个商城系统,部署到服务器在测试的时候发现产品详情页面里测试的评论不显示,只显示了数量(其实是产品购买的次数) 因为同事搞了好长时间都没有搞定,所以才向我求助,得到了FTP等信息然后查看源码通过对比ECSHOP 的文件并没有发现源码有什么问题,但评论就是不显示 后经过反复测试发现当点击分页里第一页(其他页无效)链接时评论内容却显示了,通过跟踪该链接的请求地址再到源码里才发现问题所在 原来模板文件“goods.dwt”里虽然调用了评论模板,

最后一个页面:构建电影详情页面

笔记内容:最后一个页面:构建电影详情页面 笔记日期:2018-02-02 电影搜索页面构建 我们想要有一个搜索电影的功能,需要在电影资讯页面顶部编写一个搜索框,当我们的鼠标焦点位于该搜索框时,就会显示出电影搜索页面,而点击搜索框的关闭图标时,需要隐藏电影搜索页面.所以这个电影搜索页面不是一个单独的页面文件,而是用隐/显的方式来做. 搜索框效果图: 要实现这个搜索框,我们首先需要一个表单组件:input,该组件的官方说明文档地址如下: https://mp.weixin.qq.com/debug/