Yuav Ua Li Cas Tsim Views hauv Drupal 8: 12 Cov Kauj Ruam (nrog Duab)

Cov txheej txheem:

Yuav Ua Li Cas Tsim Views hauv Drupal 8: 12 Cov Kauj Ruam (nrog Duab)
Yuav Ua Li Cas Tsim Views hauv Drupal 8: 12 Cov Kauj Ruam (nrog Duab)

Video: Yuav Ua Li Cas Tsim Views hauv Drupal 8: 12 Cov Kauj Ruam (nrog Duab)

Video: Yuav Ua Li Cas Tsim Views hauv Drupal 8: 12 Cov Kauj Ruam (nrog Duab)
Video: Yuav tawm ntawm txoj kev txom nyem tau li cas? 2024, Tej zaum
Anonim

Drupal yog ib qho ntawm 3 saum Kev Tswj Xyuas Cov Txheej Txheem (CMSs) hauv ntiaj teb, nrog rau WordPress thiab Joomla. Drupal 8 tam sim no yog qhov hloov tshiab kawg ntawm Drupal.

Saib yog qhov kev sib cav muaj zog tshaj plaws ntawm Drupal, vim nws tso cai rau peb kom tso saib ib qho ntawm lub vev xaib 'cov ntsiab lus' hauv txhua hom ntawv. Cov ntsiab lus uas Views tso cai rau peb qhia yog cov koom haum, xws li:

  • Nodes (cov ntsiab lus xws li nplooj ntawv yooj yim, kab lus, lossis kab lus blog)
  • Lus tawm
  • Cov ntsiab lus kev cais se (xws li 'cov ntawv lo' lossis 'cim npe' uas tuaj yeem muab rau cov ntsiab lus)
  • Cov neeg siv khoom (cov neeg uas tuaj yeem nkag mus rau hauv lub vev xaib)

Yog li, txhawm rau nkag siab kab lus no, koj yuav tsum nkag siab tias cov koom haum twg hauv Drupal, thiab cov koom haum ua li cas ntawm cov teb.

Thov nco tseg:

Kab lus no yuav tsum tsis raug txiav txim kom raug lossis ua tiav kom txog thaum Drupal 8 tau tshaj tawm, thiab tsab xov xwm no tau hloov kho tshiab raws li.

Cov kauj ruam

Tsim Views hauv Drupal 8 Kauj Ruam 1
Tsim Views hauv Drupal 8 Kauj Ruam 1

Kauj Ruam 1. Paub txog kev pom hauv nplooj ntawv webpages

Txhawm rau nkag siab yuav ua li cas thiab qhov twg pom tau zoo tshaj plaws, nws muaj txiaj ntsig los tuaj yeem txheeb xyuas lawv hauv lwm lub vev xaib zoo. Hauv lub vijtsam saum toj no ntawm Tsev Dawb lub vev xaib lub vev xaib, ntau qhov pom tuaj yeem pom, ciam teb rau hauv cov duab plaub liab. Cov kev pom tuaj nyob hauv ntau hom ntawv, xws li cov npe ntawm cov ncauj lus lossis cov ntawv luv, cov duab hauv daim duab, thiab cov duab swb lossis cov carousels.

  • Txhawm rau nrhiav lawv siv cov cai (xws li xaiv los 'saib qhov chaw' ntawm lub vev xaib), koj tuaj yeem nrhiav '
  • 'cov cim npe uas muaj chav kawm' block-views '.

Ntu 1 ntawm 3: Tsim Tus Saib

Tsim Views hauv Drupal 8 Kauj Ruam 2
Tsim Views hauv Drupal 8 Kauj Ruam 2

Kauj Ruam 1. Mus rau nplooj ntawv Saib

Nkag mus rau hauv koj lub xaib Drupal, thiab xaiv 'Tswj'> 'Qauv'> 'Saib'.

Tsim Views hauv Drupal 8 Kauj Ruam 3
Tsim Views hauv Drupal 8 Kauj Ruam 3

Kauj Ruam 2. Ntxiv qhov pom tshiab thiab xaiv nws thawj zaug teeb tsa

  • Nyem rau 'Add new View button.
  • Sau lub npe pom; qhov no tsuas yog siv kev tswj hwm (koj yuav pom qhov no hauv nplooj ntawv tswj hwm, tab sis tsis nyob ntawm lub vev xaib tiag).
  • Ntxiv cov lus piav qhia yog tias lub npe ntawm qhov pom tsis qhia meej tias nws yog rau lossis nws tau teeb tsa li cas.
  • Hauv qab 'Saib cov chaw', koj tuaj yeem xaiv yam khoom zoo li cas (thiab hom ntsiab lus twg yog tias koj xaiv cov koom haum cov ntsiab lus) koj xav kom pom qhov pom. Qhov no tsis tuaj yeem hloov pauv thaum koj khaws qhov pom. Cov koom haum uas tau tshwm sim raug hu ua cov txiaj ntsig, ib yam li tshawb nrhiav.

    Nco ntsoov tias txhua yam uas koj xaiv lossis sau rau ntawm nplooj ntawv 'Ntxiv qhov pom tshiab' (tshwj tsis yog hom koom haum) tuaj yeem hloov pauv txhua lub sijhawm tom qab koj khaws qhov kev pom no.

Tsim Views hauv Drupal 8 Kauj Ruam 4
Tsim Views hauv Drupal 8 Kauj Ruam 4

Kauj Ruam 3. Xaiv hom zaub:

seb qhov kev pom no yuav tsum tso tawm ib nplooj ntawv, thaiv, lossis ob qho tib si. Yog tias qhov pom yuav nthuav tawm ntau cov ntaub ntawv lossis cov ntsiab lus, nws yuav tsum muaj nplooj ntawv. Yog tias nws yuav tsis nthuav tawm ntau cov ntsiab lus, thiab koj xav muab tso rau hauv ib cheeb tsam (saib xyuas Drupal thaiv lossis tsim Drupal cov ntsiab lus kom kawm txog thaj tsam) ntawm cov nplooj ntawv tshwj xeeb, tom qab ntawd xaiv qhov thaiv. Muaj lwm txoj kev pom uas tuaj yeem xaiv tom qab koj khaws qhov pom, xws li RSS pub.

Tsim Views hauv Drupal 8 Kauj Ruam 5
Tsim Views hauv Drupal 8 Kauj Ruam 5

Kauj Ruam 4. Xaiv lub npe thiab txheej txheem

Yog tias koj xav kom nplooj ntawv lossis thaiv lub npe sib txawv ntawm qhov pom lub npe, koj tuaj yeem hloov nws. Hauv qab 'Nplooj ntawv/Thaiv cov teeb tsa teeb tsa', xaiv txheej txheem koj xav tau cov txiaj ntsig kom muaj:

  • Ib daim phiaj yog lub rooj loj, qhov twg txhua qhov tshwm sim nws muaj nws tus kheej ntawm tes
  • Ib daim ntawv teev npe HTML yog 'tsis tau teev tseg' cov npe kab ntawv-taw tes
  • Ib lub rooj qhia txhua qhov tshwm sim ua kab, thiab txhua qhov teb ntawm txhua qhov tshwm sim hauv nws tus kheej ntawm tes
  • Ib daim ntawv uas tsis tau teev tseg yog txheej txheej yooj yim tshaj plaws, nrog txhua qhov tshwm sim hauv qab qhov tshwm sim dhau los.
Tsim Views hauv Drupal 8 Kauj Ruam 6
Tsim Views hauv Drupal 8 Kauj Ruam 6

Kauj Ruam 5. Xaiv cov hom ntawv tso saib thiab lwm qhov chaw

Lub 'ntawm' lub thawv xaiv tso cai rau koj xaiv cov qauv zaub (xws li cov ntawv tshaj tawm lossis cov lus qhia) koj xav siv, lossis cov haujlwm tshwj xeeb. Cov qauv tso tawm tuaj yeem teeb tsa hauv cov chaw 'teeb tsa (xws li ntawm' Tus Qauv '>' Cov ntsiab lus hom 'nplooj ntawv rau cov ntsiab lus). Xaiv qhov kev xaiv ua haujlwm yog tias koj xav xaiv raws qhov chaw koj xav pom (xws li 'lub npe', 'hnub tsim', thiab ntau yam ntxiv), thiab txhua qhov chaw teeb tsa.

Ntu 2 ntawm 3: Kho Chaw

Tsim Views hauv Drupal 8 Kauj Ruam 7
Tsim Views hauv Drupal 8 Kauj Ruam 7

Kauj Ruam 1. Ua kom paub txog lub vijtsam kho qhov muag

Thaum koj tau khaws qhov pom, lossis thaum koj kho qhov pom uas twb muaj lawm, koj yuav pom lub vijtsam nrog lub npe ntawm qhov pom (thiab hom kev koom nrog uas nthuav tawm) nyob rau sab saum toj. Ib nrab sab saum toj ntawm lub vijtsam no, hu ua 'Qhia', yog qhov uas koj tuaj yeem hloov pauv yuav luag txhua yam txog qhov pom. Ib nrab hauv qab yog qhov chaw saib ua ntej ntawm cov txiaj ntsig yuav pom, thiab yuav hloov kho tshiab thaum koj hloov pauv saib.

Hauv qhov txiaj ntsig no, nyob rau sab saum toj, thaj chaw nrog cov ntawv 'Saib ua ntej nrog cov ntsiab lus lim dej:' thiab lub thawv ntawv thiab 'Hloov kho ua ntej' khawm tsuas yog muaj txiaj ntsig yog tias koj ntxiv cov ntsiab lus lim (piav qhia hauv qab no); yog tias koj saib tsis siv cov no, tsis quav ntsej thaj chaw no

Tsim Views hauv Drupal 8 Kauj Ruam 8
Tsim Views hauv Drupal 8 Kauj Ruam 8

Kauj Ruam 2. Txheeb xyuas qhov yooj yim teeb tsa

Hauv qab 'Qhia Tawm' lub npe, koj yuav pom lub pob rau txhua hom zaub uas koj pom muaj (thaiv thiab nplooj ntawv). Yog tias koj nyem qhov 'Ntxiv' khawm, koj yuav pom ntau yam tshiab ntawm cov lus. Hauv qab no, koj yuav pom lub npe ntawm hom zaub xaiv; koj yuav tsum hloov pauv cov zaub yog tias koj muaj ntau dua ib yam zoo ib yam (piv txwv li, koj muaj ob lub thaiv; ib qho nrog kab sib chaws teeb tsa, lwm qhov nrog lub rooj teeb tsa). Hauv qab no, muaj 3 kab (txawm hais tias tus thib peb, 'Advanced', tau txiav txim siab me me thaum pib). Thawj kab ntawv qhia koj teeb tsa uas koj tau xaiv thaum koj tsim qhov pom thiab khaws nws. Hauv qab yog FILTER thiab SORT CRITERIA. Cov lim dej tso cai rau koj txwv cov koom haum twg yuav qhia hauv cov txiaj ntsig. Piv txwv li, los ntawm lub neej ntawd rau 'cov ntsiab lus' kev pom, yuav muaj lub lim uas tsuas yog tso cai cov ntsiab lus tshaj tawm los qhia. Cov txheej txheem cais yog piav qhia tus kheej. Ob lub lim dej thiab kev xaiv tuaj yeem "nthuav tawm rau cov neeg tuaj saib", uas txhais tau tias txhua tus neeg saib nplooj ntawv tuaj yeem tuaj yeem hloov kho lub lim lossis cov txheej txheem, uas yog qhov muaj txiaj ntsig tshwj xeeb rau kev pom loj nrog ntau cov ntsiab lus. Koj yuav pom cov 'txheej txheem nthuav tawm' nyob saum cov txiaj ntsig (hauv thaj chaw saib ua ntej hauv qab ntawm nplooj ntawv).

Tsim Views hauv Drupal 8 Kauj Ruam 9
Tsim Views hauv Drupal 8 Kauj Ruam 9

Kauj Ruam 3. Kho lub teeb pom kev tshwj xeeb

Thawj pab pawg teeb tsa nyob hauv kab ntawv nruab nrab tshwj xeeb rau cov zaub uas koj tau xaiv. Piv txwv li, rau nplooj ntawv, qhov no yog qhov URL ntawm qhov pom tuaj yeem hloov pauv. Qhov no tseem yog qhov chaw teeb tsa tso cai lossis tsis lees txais cov neeg siv tshwj xeeb pom qhov pom (zoo li kev tso cai) yog.

Tsim Views hauv Drupal 8 Kauj Ruam 10
Tsim Views hauv Drupal 8 Kauj Ruam 10

Kauj Ruam 4. Ntxiv lub taub hau lossis hauv qab kom muab cov ntaub ntawv ntxiv

Hauv qab cov zaub teeb tsa tshwj xeeb teeb tsa, koj tuaj yeem ntxiv lub header thiab footer (lossis ntau dua ib qho ntawm txhua qhov) rau qhov pom. Cov kev xaiv uas nquag siv yog Thoob Ntiaj Teb: Cov ntawv hauv cheeb tsam thiab thoob ntiaj teb: Cov ntsiab lus xaus. Cov txiaj ntsig cov ntsiab lus nthuav qhia cov ntaub ntawv hais txog cov txiaj ntsig ntawm qhov pom, xws li muaj pes tsawg qhov txiaj ntsig tam sim no tau tshwm sim. Lwm txoj hauv kev yog ntxiv lwm qhov kev saib, lossis tag nrho cov koomhaum (xws li nplooj ntawv), rau hauv lub taub hau lossis hauv qab.

Tsim Views hauv Drupal 8 Kauj Ruam 11
Tsim Views hauv Drupal 8 Kauj Ruam 11

Kauj Ruam 5. Muab tus cwj pwm tsis muaj txiaj ntsig los ua kom tus saib pom tseeb

Thaum qhov pom tsis tau teeb tsa kom raug, lossis thaum tsis muaj ib qho ntawm qhov chaw cia siab los qhia, yuav tsis muaj qhov tshwm sim. Nws muaj txiaj ntsig zoo rau ob tus neeg tuaj saib thiab koj (tswj hwm) kom paub thaum qhov no tshwm sim, txhawm rau paub qhov pom nyob ntawd, tab sis tsis ua haujlwm raws li qhov xav tau (lossis muaj cov ntsiab lus ploj lawm). Ntxiv qhov tsis muaj txiaj ntsig tus cwj pwm yuav luag zoo ib yam li ntxiv lub taub hau lossis hauv qab, tshwj tsis yog nws qhia qhov twg cov txiaj ntsig yuav tau tshwm sim.

Ntu 3 ntawm 3: Ntxiv Kev Sib Txheeb & Cov ntsiab lus lim dej

Kauj Ruam 1. Ntxiv kev sib raug zoo los tso saib lossis siv cov ntaub ntawv cuam tshuam ntxiv

Kev sib raug zoo cia peb ua kev sib txuas ntawm cov koom haum, uas muab rau peb ntau thaj tsam los siv hauv qhov pom. Tshwj xeeb tshaj yog, kev sib raug zoo muab kev nkag mus rau cov ntaub ntawv los ntawm cov koomhaum uas cuam tshuam nrog cov koomhaum tau nthuav tawm; cov ntaub ntawv no tuaj yeem nthuav tawm, lossis siv lwm txoj hauv kev xws li hauv cov ntxaij lim dej.

Piv txwv li, yog tias koj saib pom cov kab lus (vim tias koj tau txais lub lim rau cov ntsiab lus: kab lus), tom qab ntawd koj tuaj yeem ntxiv kev sib raug zoo ntawm cov kab lus thiab tus kws sau cov ntawv. Qhov no yuav tso cai rau koj siv cov ntaub ntawv sau hauv qhov pom; Piv txwv li, koj tuaj yeem tso npe thawj thiab lub xeem ntawm tus sau ntawm txhua kab lus tso tawm. Xwb, koj tuaj yeem siv kev sib raug zoo hauv cov ntxaij lim dej; piv txwv li, koj tuaj yeem xaiv los tso saib cov ntawv uas tau tsim los ntawm cov kws sau ntawv uas muaj lub luag haujlwm tshwj xeeb, xws li cov thawj coj. Peb yuav siv qhov piv txwv no.

Txhawm rau ua qhov no, nyem lub pob 'Ntxiv' nyob ib sab ntawm 'RELATIONSHIPS', thiab xaiv 'Cov ntsiab lus: Tus sau cov ntsiab lus' los ntawm cov npe muaj kev sib raug zoo (hint: koj tuaj yeem siv lub npov tshawb fawb yog tias koj paub kev sib raug zoo koj xav ntxiv), thiab nyem lub pob Thov. Tom ntej no, koj tuaj yeem tshawb xyuas cov kev xaiv, tom qab ntawv 'Thov' kev sib raug zoo.

Txhawm rau siv txoj kev sib raug zoo no hauv cov lim dej zoo ib yam, nyem FILTERS '' Ntxiv 'khawm. Hauv 'Ntxiv cov txheej txheem lim' lub npov lus, hauv 'Hom' xaiv lub thawv, tam sim no yuav muaj qhov tshiab 'Tus neeg siv' xaiv (muab tso vim yog kev sib raug zoo), uas koj yuav tsum xaiv kom nqaim cov npe ntawm cov teb. Nrhiav thiab siv 'Tus Neeg Siv: lub luag haujlwm'. Hauv 'Configure filter criterion: User: Roles' dialog box, xaiv 'sau' los ntawm lub npov kev sib raug zoo (nws yuav tsum raug xaiv los ntawm lub neej ntawd). Tam sim no koj tuaj yeem xaiv 'tus thawj coj' thiab siv lub lim.

Koj tsuas yog lim cov kab lus uas yuav muab nthuav tawm rau tsuas yog qhia cov kab lus uas yog los ntawm tus tswj hwm tus kws sau ntawv! Dab tsi yog qhov tseem ceeb tshwj xeeb yuav tsum nco ntsoov yog tias koj yuav tsum xaiv 'siv kev sib raug zoo' hauv lub vijtsam lim, uas ua rau lim tau saib ntawm tus kws sau kab lus (uas yog kev sib raug zoo txhais li cas)!

Pom zoo: