《Drupal实战》——3.3 使用Views创建列表

3.3 使用Views创建列表

我们接着讲解Views的设置,首先做一个简单的实例。

3.3.1 添加内容类型“站内公告”

添加一个内容类型“站内公告”,属性配置如表3-1所示。

image

为该内容类型设置Pathauto的模式news/[node:nid],并且我们在这里将节点类型的默认模式修改为了[node:content-type:machine-name]/[node:nid]。

准备10篇测试数据,先创建一篇“站内公告站内公告站内公告站内公告1”,然后使用Node clone再复制9篇。

3.3.2 Views的管理界面

现在我们使用Views创建一个最新公告区块,然后创建一个最新公告页面。导航到Views的管理界面,“首页 ? 管理 ? 结构 ? Views”,路径为admin/structure/views。在这个页面可以看到以下内容,如图3-44所示。首先是用来添加新视图(Add new view)的链接。

在这几个链接下面,是已有视图的列表,如图3-45所示。

image

这里笔者把Views翻译成为了视图,注意这虽然不是特别贴切,但是也能够反映出其最基本的含义。

image

每一行包含5列:视图名字、描述、路径、标签、操作。视图又分为两种,一种是启用的视图,位于列表的上面,一种是禁用的视图,位于这个列表的下面。注意,禁用的视图颜色是灰色的。

Views模块本身自带了一些视图,而其他第三方模块有些也会自带一些默认的视图。当然,我们也可以通过Views的管理界面自定义新的视图。

3.3.3 创建视图“站内公告”

image

image

image

image

最后我们单击最下面的“继续&编辑”按钮,进入视图的主编辑页面,如图3-51所示。

我们会慢慢地熟悉这个页面的。Views 3.x在用户界面方面做了很大的改进,我们在第一步的输入表单中,就可以进行最常见的配置。如果这些配置还不够用的话,就会进入Views的主配置页面,也就是Views的编辑页面。

image

image

image

在学习Drupal的过程中,开始的时候,最好使用一些比较笨的办法,这里讲的手动逐一查找就是笨的办法。这样我们阅读每一个字段,就会大致知道这里面包含多少可以添加的字段。

image

image

不同类型字段的配置项也是不完全相同的,但是大体上可以分为五部分,就是图3-56中的基本设置、“STYLE SETTINGS”(样式设置)、“NO RESULTS BEHAVIOR”(无结果行为)、“REWRITE RESULTS”(覆写结果)、“更多”。

image

image
image
image
image
image
image
image
image
image
image
image
image
image

3.3.4 Views的全局配置

image
image
image
image
image
image

3.3.6 使用Views创建图书列表

现在我们使用Views创建一个图书列表页面,路径为books。显示的内容可以参考一下当当网站,如图3-88所示。显示的字段包括图书图片、标题、作者、出版社、出版日期、价格、实际销售价格、购买链接、收藏、评论。

image

我们先用Views把想要显示的内容做出来。创建一个新的视图,初始配置如图3-89所示。

image

单击“继续&编辑”按钮,进入新建视图的编辑页面。在这里单击FIELDS右边的“添加”按钮,如图3-90所示。

image

我们需要添加更多的字段。在添加字段的对话框中,在“搜索”文本框里输入book,“过滤”文本框里选择“节点”,如图3-91所示。我们添加的字段都是图书内容类型里面的字段。

image

现在,在字段列表里面显示的都是有关图书的字段,如图3-92所示。

image

在这里面,我们选中“内容:Body”、“内容: 作者”、“内容: 出版时间”、“内容: 出版社”、“内容: 图片”。接着,修改字段列表上的过滤条件,修改后如图3-93所示。

image

然后再选中“Product: Buy it now button”(产品:立即购买按钮)、“Product: List price”(产品:标价)、“Product: Sell price”(产品:销售价)。

最后,单击最下面的“应用”按钮。在接下来的对话框中,我们需要去掉字段的标签,如图3-94所示。其他采用默认设置即可。

重复以上操作,对于图像样式,我们采用的配置如图3-95所示。
    
image

这些字段都添加进来以后,单击FIELDS右边“添加”链接旁边的三角图标,这样会显示更多的操作链接,如图3-96所示。

image

对于视图编辑界面的其他部分,单击图标可以看到更多的操作链接。这里我们单击rearrange(重新组织),会弹出对话框,如图3-97所示。

image

在这里我们可以删除特定的字段,通过拖拽可以调整字段的顺序。我们按照从左到右、从上到下的顺序,调整后的顺序大致如图3-98所示。

image

最后单击“应用”按钮。我们从视图下面的预览中可以看到存在的问题,如图3-99所示。

图3-99中,作者、出版日期、正文描述等的显示都存在问题。

1.限定正文的长度

首先来说正文,这里面显示的内容太多了,我们需要限制一下字数。当当网站上列表的字数上限大约为90字,我们就按照这个字数截取。可以在模板里面截取,当然也可以进行设置,我们来看看怎么通过配置实现。

单击字段“内容:Body”,如图3-100所示。

image

在该字段的编辑对话框中找到Rewrite results(覆写结果),如图3-101所示。

image

单击这个链接展开配置内容,如图3-102所示。

image

其中包含很多选项,从上到下对应的选项依次为:“覆写该字段的输出”、“将该字段输出成链接”、“按最大长度截取”、“过滤HTML标签”、“删除空格”、“将换行转为HTML
标签”。这里我们用到的就是“Trim this field to a maximum length”(按最大长度截取)。选中这个复选框,展开更多配置选项。这里做以下配置,如图3-103所示。

image

image
image
image
image

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/394747.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

idea mybatis generator插件_SpringBoot+MyBatis+Druid整合demo

最近自己写了一个SpringBootMybatis(generator)druid的demo1. mybatisgenerator逆向工程生成代码1. pom文件pom文件添加如下内容,引入generator插件org.mybatis.generator mybatis-generator-maven-plugin 1.3.5 mysql …

python isalnum函数_探究Python中isalnum()方法的使用

探究Python中isalnum()方法的使用 isalnum()方法检查判断字符串是否包含字母数字字符。 语法 以下是isalnum()方法的语法: str.isa1num() 参数 NA 返回值 如果字符串中的所有字符字母数字和至少有一个字符此方法返回 true,否则返回false。 例子 下面的例…

动态规划算法——最长上升子序列

今天我们要讲的是最长上升子序列(LIS)。【题目描述】给定N个数,求这N个数的最长上升子序列的长度。【样例输入】      【样例输出】7        42 5 3 4 1 7 6那么什么是最长上升子序列呢? 就是给你一个序列…

如何快速掌握一门新技术/语言/框架

IT行业中的企业特点是都属于知识密集型企业。这种企业的核心竞争力与员工的知识和技能密切相关。而如果你在企业中扮演的是工程师的角色的话,那么 你的核心竞争力就是IT相关的知识与技能的储备情况。而众所周知,IT行业是一个大量产生新知识的地方&#x…

c语言今天星期几问题,C语言输入今天星期几

满意答案迷茫03222015.07.24采纳率&#xff1a;55% 等级&#xff1a;9已帮助&#xff1a;665人123456789101112131415161718192021#include<stdio.h>int main(void){ enum weekday{ sun, mon, tue, wed, thu, fri, sat }; int n; printf("输入星期数(0-…

备忘录模式 详解

定义 在不破坏封装性的前提下&#xff0c;捕获一个对象的内部状态&#xff0c;并在该对象之外保存这个状态&#xff1b; 行为型模式 角色 发起人角色&#xff08;Originator&#xff09;&#xff1a;记录当前时刻的内部状态&#xff0c;负责定义哪些属于备份范围的状态&#xf…

dll oem证书导入工具_技术干货 | 恶意代码分析之反射型DLL注入

欢迎各位添加微信号&#xff1a;qinchang_198231 加入安全 交流群 和大佬们一起交流安全技术01技术概要这是一种允许攻击者从内存而非磁盘向指定进程注入DLL的技术&#xff0c;该技术比常规的DLL注入更为隐蔽&#xff0c;因为除了不需要磁盘上的实际DLL文件之外&#xff0c;它…

锐捷亮相GITC:请互联网企业为我点个赞!

【51CTO.com原创稿件】GITC全球互联网技术大会已成功举办四届&#xff0c;今年的会议现场依然是摩肩接踵围观者众。围绕互联网热点技术&#xff0c;众人根据云、大数据、安全、运维、基础架构的不同主题&#xff0c;各自聚成小圈子展开深入交流。 锐捷的展位在主会场的内侧&…

react.lazy 路由懒加载_React lazy/Suspense使用及源码解析

React v16.6.0已经发布快一年了&#xff0c;为保障项目迭代发布&#xff0c;没有及时更新react版本&#xff0c;最近由于开启了新项目&#xff0c;于是使用新的react版本进行了项目开发。项目工程如何搭建&#xff0c;如何满足兼容性要求&#xff0c;如何规范化等等这里不作为介…

c语言数据结构系统化,C语言数据结构+数据库+操作系统

http://cv.qiaobutang.com/post/55c419b20cf2009bd4607795第二部分是专业相关的C &#xff0c;数据库&#xff0c;操作系统&#xff0c;数据结构。http://c.biancheng.net/cpp/u/shuju/数据(Data)是信息的载体&#xff0c;它能够被计算机识别、存储和加工处理。它是计算机程序加…

c语言判断一个序列是不是另一个的子序列

1 #include <stdio.h>2 #include <string.h>//添加字符串头文件3 4 int Subsequence(char s[], char t[]) 5 {6 int m,n,i,j;7 n strlen(s); //n表示序列S的长度8 m strlen(t); //m表示序列T的长度9 i0; 10 j0; 11 if (m>…

linux中python如何调用matlab的数据_特征锦囊:如何在Python中处理不平衡数据

今日锦囊特征锦囊&#xff1a;如何在Python中处理不平衡数据? Index1、到底什么是不平衡数据2、处理不平衡数据的理论方法3、Python里有什么包可以处理不平衡样本4、Python中具体如何处理失衡样本印象中很久之前有位朋友说要我写一篇如何处理不平衡数据的文章&#xff0c;整理…

Hadoop不适合哪些场景 哪些场景适合?

Hadoop设计的目的主要包括下面几个方面&#xff0c;也就是所谓的适用场景&#xff1a; 1&#xff1a;超大文件 可以是几百M&#xff0c;几百T这个级别的文件。 2&#xff1a;流式数据访问 Hadoop适用于一次写入&#xff0c;多次读取的场景&#xff0c;也就是数据复制进去之后&a…

阿里Android p6准备,项目经历准备篇——如何准备阿里巴巴P6/P7前端面试

项目经历准备篇——如何准备阿里巴巴P6/P7前端面试在上次的校招文章之后&#xff0c;有很多同学问有没有社招相关的东西可以写一篇&#xff0c;现在它来了。比起校招&#xff0c;社招更加看重项目经历项目经历反应的思考。本文针对的是想进入阿里的P6/P7同学&#xff0c;着重讲…

for in for of区别_Python 第4课:for…in循环黄金搭档之range()函数

乐学趣学Py● 04&#xff1a;for…in循环黄金搭档之range()函数●Python趣味小百科Python中的绘图模块为什么叫Turtle海龟&#xff0c;而不是cat ,dog,bird呢&#xff1f;原来Python引用了麻省理工大学教授开发的logo海龟制图语言,能通过绘图直观地教大家学习编程。实践是最好的…

永恒python图片_python 数据词云展示实例(3)- 背景图设置

记录wordcloud库背景图的设置及样板 之前介绍了wordcloud的基本使用wordcloud的基本使用&#xff0c;本文记录一下如何设置背景图。 样图 背景图tim.jpg 生成样图dream.png 样板 from PIL import Image,ImageSequence image Image.open(tim.jpg)#打开背景图 graph np.array(im…

企业如何杜绝云端数据泄密?

一直以来&#xff0c;云计算所倡导的就是&#xff1a;“我们可以做得更好&#xff0c;更便宜”。云计算带给企业诸多利好&#xff0c;但实施云计算必然会加剧信息泄露风险。当企业打算把所有数据传输云端的时候&#xff0c;首先要考虑的就是数据保护的问题。 使用云服务&#x…

3dmark for android,Android版3DMark首测

听到这个消息估计很多像我一样看腻了3dmark11画面的跑分党及玩家们有些许小失望。 每年的12月影驰都会联合NVIDIA举办盛大的嘉年华&#xff0c;今年在武汉举办的影驰2012电子竞技嘉年华的合作伙伴名单上出现了futumark的身影。Futuremark中国区负责人影驰在当天的平板体验区也提…

android 申请usb权限,USB 权限申请流程

USB android授权方式权限的控制分三块&#xff1a;1:USB host端有个线程循环检测系统是否USB设备插拔&#xff0c;如果有就找到申请权限的APP并调用起来2:APP运行后主动申请权限&#xff0c;也就是requestPermission()接口3:APP运行后直接打开USB设备&#xff0c;这时候USB hos…

qt for android 图片可拉伸,qt实现九宫格布局,图片拉伸

在实现qt播放时&#xff0c;调用的mplayer,由于采用的是自定义绘图&#xff0c;用的是setAttribute(Qt::WA_TranslucentBackground);结果不能正常在上面显示播放画面&#xff0c;在默认皮肤下是没有问题的&#xff0c;决定用九宫格图片拉伸方式(效果如图)附件图片&#xff1a;文…