国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal教程:使用 views输出简单文章列表设置方法

[复制链接]
发表于 2-16-2012 22:49 | 显示全部楼层 |阅读模式

需求:把story里的的文章的印刷知识文章读取出来,然后放在首页的页面里,并且按照最新发布时间排序,以block方式显示,然后把这个block放在指定的区域里面。

% T# H5 ]4 ]7 _1 E. M9 {. d" a# Q

 

' F" V! R( R; d3 S$ k! i3 \

解决方法:

2 g& Z% w+ |* [! a, E) n$ c. F

1、可以在template.php里面直接来写代码,输出学要的数据,然后定义css,适合熟悉drupal的开发人员

8 V" x! D. l# D- u* {1 J) z

2、简单的快速方法就是用drupal views来完成。

+ e1 d$ [& y8 A

 

7 w5 n) G9 k) K [! k8 _: y

 

& H+ x# x+ K$ u9 _! n' A" C: @

第一步:新建建立一个view,如图:填写view name,填写的类型:字符数字或下划线。汉字不能通过,会提示View name must be alphanumeric or underscores only.就是一个下划线也通过了。

* y( X' D# a) L% `, F T) `% P

2 V8 S4 A9 I6 x3 _
 
& {! L0 s i! U1 [% ~% Z0 V3 Z3 u

1 @# w6 `+ l' |" X' Y |
第二步骤:根据需求只需要把要显示的内容放在block里面即可。所以选择block,然后点击add display。然后就可以进行设置。选择block. 
4 s/ J8 g5 g/ l+ D* K4 N

0 a0 o; u) I$ T6 Z' U# h+ H

( r: g; p. v7 Q9 n9 Y9 V1 r4 v( A: E
 点击添加
/ F- t* i) M7 o1 T/ a

( Y$ X+ B% h0 A, T8 t) t6 M+ { j* C

1 F" E/ Y/ |4 v3 I
 
: ^; ]) C/ h/ }7 k; `

/ U3 y& g f, L& ]4 \; q
然后可以进一步设置,view block的名称,还有title,这个title是显示在网页里面的名称。第三步:添加view字段,点击小加号。 
. F% @" Q( t' ^: N% X, T

" S+ L/ u5 l5 _* y5 A, l3 g: k2 F

% }6 P) o$ Z; r# ]: ^
 第四步:选择node,因为主要是涉及到内容的输出。然后点击add,进入下一步设置。 
6 G# o$ N& }" l/ p5 J, E8 w) _

# k% Z. p0 F5 F/ w) V! h# }% p" v: d
 
4 a7 C/ X( d; R& y* L

; i; S; o1 A8 b2 R9 l* V8 V

5 J9 C* v5 t0 |# s, _8 A
第五步:选择输出内容,这里就是选择标题,只需要输出标题即可。先在groups下选择node,然后选择node title. 
8 t' r) g! U d/ d2 v/ e/ A" j8 A! i

7 V% j5 f/ W! B- L
 
1 K! K- h4 M: ^! k

0 q+ G( Y: o2 u2 `. h" b

, ?- U" g! D( @2 i
第六步:接着上一步,会看到出现了进一步细化的选项,VIEW做的确实很到位,主要涉及到标题的字符串的长度,html标签,省略号,还有的就是给这个标题加上一个衔接。设置好以后,点击update default display.
/ u( M/ A: [8 q
 
8 f6 z# m) d; P, p; Z

, L, M" j: U1 }

8 m. q; M% h- K5 f! d2 N# b
第七步:ok,接着上一步,那看到数据输出效果。如图
- J1 R( ^ }( x

9 \# a( g, {* S# Y( ~
 
& N/ L- t$ [; P: K6 k8 T2 T

9 p+ W5 }% [* c) n( n- b: {
第八步:因为只需要提取story内容类型里面的数据,所以就需要进一步筛选数据。涉及到views filters。点击小加号进行设置。 
8 w: p! H3 u2 Y- U6 Y9 A8 U. N

; X: E, |! U9 e0 j
 groups选择node.然后选择node type,点击add. 
9 q4 V- x9 x8 J& ^# Q: P- \

; a% d) R: g6 C7 E( J
 
3 K4 F% f& C6 I+ p. ~

! X; { O5 c* [/ s
在下一就是设置选择内容类型,这里选择story. is one of选择其中几个, is not one of排除几个。 
2 `/ I, v/ p2 m: Z: k! v1 f8 P1 ^

( \8 Q0 ^) d) a$ x& N$ T
 
6 q1 g. m1 t f; ^6 W

3 c* K* \& F7 Q/ E" _! h" l# |
然后就可以看到效果了。和上面输出效果的图相比,少了关于我们,服务项目等内容,因为他们是page类型的。 
, V3 ?% d1 U5 V% J, i+ ~5 I

7 b& S+ Q# R! m' y4 B5 f
 
) ^( i) @% _6 f7 S. g

% r' K' I5 C8 P) e
感觉图太长了,要另开一个标题写了,明天在整理吧。 9 `- w+ w: a7 p9 P

; q5 X- A8 j* B3 ^* L
 
# n8 K5 D, k' o: s L" P M4 L6 V
 
% A% o7 A4 T( {, O, R9 z& D
----------------------------------------------------------------------------------------------------------------------------------
4 J1 U: f! j8 L8 Z+ ?6 M: X1 k5 Z. F
 
# C6 R: p+ G5 q
 
- m) y" G; ]5 l' D
以上已经得到了需要的数据,在进行设置,排序设置。按照时间的顺序来列出文章列表,这里就用到Sort-criteria. 如图设置:点击按钮,然后进行设置,groups 选择,node updated time.按照node的最近更新时间来排序。 然后点击add,进入下一步设置:
; \+ K4 e5 |7 ?$ X: p
 
( H3 E- p$ p: o+ [
 
7 \" K- m- z. @! b
  根据上图设置后,可以选择升序还是降序,然后再精确到时间,有分,秒,小时,年月日等。按照需要选择,然后update. 设置drupal views的样式,选择style,如图:  然后根据需要,提供了四种样式,grid,html list,table,unformatted,根据需要选择其中一个样式。这里选择html list,输出样式是
: o$ ]5 J) Q, T0 S j, b4 d
  • 。。。。 
  • 0 j5 A) l/ w, {, h* ?
  • $ {* V+ D) A @3 O5 l, N4 d4 e/ K

     然后再list type 选择无序list. 输出的效果如图: 最后设置一下现实信息条数: 最后几个步骤,然drupal views 显示在想要的首页位置上,放在指定的区域里面。进入后台block管理, 在后台未启用的disabled里面可以看到刚建立的drupal views block。然后选择要放入的区域里面,再保存。 最后刷新页面,就可以看到效果了。drupal views 总体来说用起来还是蛮方便的,这个模块也是比较流行的drupal 模块,用的人也是很多的。但是能不用尽量不用,这样减轻一下drupal本身的负担。 

    ! j, \2 q9 \+ i

     

    1 u) g/ X: M! W

    ( Z/ V" r! j& Q) B3 V8 B: F# f( Z7 l

     

    4 c, ]1 u# e* _# N/ K1 k

     

    3 w d( B, d, I


     

    , L4 X4 y7 B$ r7 l! L! k

    % d' K% S: {4 p/ M3 E1 g
    本文选自Drupal教学,谢谢!
    # S; |' T1 @9 Z4 c5 k4 W

    9 U( m$ w% x5 j0 @( f" r) u }

    |2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

    GMT+8, 4-19-2025 06:57 , Processed in 0.301320 second(s), 65 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表