博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
October CMS - 快速入门 7 显示列表和详情页
阅读量:6819 次
发布时间:2019-06-26

本文共 2724 字,大约阅读时间需要 9 分钟。

在movies页面中显示的影片列表是最原始的格式显示的。那么我们对这个列表及其详情页进行格式化。

themesraiseinfopagesmovies.htm
如下所示,列表采用的是attribute来显示的

我们可以试试下面的方式

可以得到相同的结果

同样道理,我们可以增加文章的简介字段

    {% for record in records %}
  • {# Use spaceless tag to remove spaces inside the A tag. #} {% spaceless %} {% if detailsPage %} {% endif %}
    {
    { record.name }} {% if detailsPage %}
    {% endif %} {% endspaceless %} {
    { record.description }}
  • {% else %}
  • {
    { noRecordsMessage }}
  • {% endfor %}

刷新页面,显示如下,description会以源码的形式显示,如果需要以Htm的格式显示需要

{
{ record.description|raw }}

clipboard.png

clipboard.png

其变化是显而易见的吧。下面我们再给影片信息标题加上h3标签。

{% spaceless %} {% if detailsPage %} {% endif %}
{
{ record.name }} {% if detailsPage %}
{% endif %} {% endspaceless %}

clipboard.png

因为影片介绍内容太长了,我们希望只显示其中的前150个字符。

{
{ html_limit(record.description,150)|raw }}

为电影标题添加详情链接

下面我们查看下面的代码

{% spaceless %}    {% if detailsPage %}            {% endif %}    
{
{ record.name }} {% if detailsPage %}
{% endif %}{% endspaceless %}

代码{% if detailsPage %}的意思是,如果这个电影有描述信息,则显示为超链接,否则没有超链接。

但是,这里对于我们的影片是无效的,因为,我们没有创建影片的详情页面。下面我们创建详情页面。
根据下图创建
clipboard.png

然后设置组件Record Details

clipboard.png

clipboard.png

保存模板

刷新页面后,发现没有生效,这是因为,仅仅建立详情页是不行的,必须进行相应的设置

clipboard.png

刷新页面可以看见,标题的链接已经加上了

clipboard.png

点击链接,则可以看见影片的详情页面

clipboard.png

但是,页面中只是显示了影片的名称,其余的都没有显示,我们对详情页面进行设置

{% if record %}

{
{ record.name }}

{
{ record.year }}

简介

{

{ record.description|raw }}

{% else %} {
{ notFoundMessage }}{% endif %}

clipboard.png

转载地址:http://zpdzl.baihongyu.com/

你可能感兴趣的文章
Kafka 学习笔记之 Consumer API
查看>>
教程-Close、Halt、terminate、ExitProcess的区别
查看>>
10款很好用的 jQuery 图片滚动插件
查看>>
teacher forcing
查看>>
Linux命令小记
查看>>
基于ROS和beaglebone的串口通信方式,使用键盘控制移动机器人
查看>>
android.view.WindowLeaked的解决办法
查看>>
存储过程的笔记
查看>>
OpenCV学习(27) 直方图(4)
查看>>
深度学习原理与框架-Tensorflow基本操作-实现线性拟合
查看>>
[leetcode-168-Excel Sheet Column Title]
查看>>
SpringBoot和数据库连接
查看>>
二叉搜索树
查看>>
网页小技巧-360doc个人图书馆复制文字
查看>>
delete删除-some
查看>>
maven阿里云中央仓库
查看>>
15.12.14listbox列表框
查看>>
sql 行转列
查看>>
(转)Python新手写出漂亮的爬虫代码1——从html获取信息
查看>>
配置Nim的默认编译参数 release build并运行
查看>>