Clientlibs toevoegen add-clientlibs

Een ClientLibraryFolder (clientlibs) toevoegen add-a-clientlibraryfolder-clientlibs

Een ClientLibraryFolder maken met de naam clientlibs bevat de JavaScript- (JS) en CSS-stijlpagina's die worden gebruikt om de pagina's van uw site weer te geven.

De categories De eigenschapwaarde die aan deze clientbibliotheek wordt gegeven, is de id die wordt gebruikt om deze clientlib rechtstreeks vanaf een inhoudspagina in te sluiten of om deze in andere clientlibs in te sluiten.

  1. Gebruiken CRXDE Lite, uitbreiden /etc/designs

  2. Klikken met rechtermuisknop an-scf-sandbox en selecteert u Create Node

    • Naam: clientlibs
    • Type: cq:ClientLibraryFolder
  3. Klikken OK

add-client-library

In de Eigenschappen tab voor de nieuwe clientlibs knoop, ga in categorieën eigenschap:

  • Naam: categorieën
  • Type: String
  • Waarde: apps.an-scf-sandbox
  • Klikken Toevoegen
  • Klikken Alles opslaan

Opmerking: geef de waarde voor categorieën een voorvoegsel met 'apps'. is een conventie om aan te geven dat de 'toepassing die eigenaar is' zich in de map /apps bevindt, niet /libs. BELANGRIJK: tijdelijke aanduiding toevoegen js.txt en css.txt bestanden. (Zonder deze bestanden is het officieel geen cq:ClientLibraryFolder.)

  1. Klikken met rechtermuisknop /etc/designs/an-scf-sandbox/clientlibs
  2. Selecteren Bestand maken…
  3. Enter Naam: css.txt
  4. Selecteren Bestand maken…
  5. Enter Naam: js.txt
  6. Klikken Alles opslaan

clientlibs-css

De eerste regel van css.txt en js.txt identificeert de basislocatie van waaruit de volgende lijsten met bestanden moeten worden gevonden.

Stel de inhoud van css.txt in op

#base=.
 style.css

Maak vervolgens een bestand onder clientlibs met de naam style.css en stel de inhoud in op

body {

background-color: #b0c4de;

}

SCF-clips insluiten embed-scf-clientlibs

In de Eigenschappen tab voor de clientlibs node, voer de eigenschap String voor meerdere waarden in insluiten. Dit sluit de noodzakelijke client-side bibliotheken (clientlibs) voor SCF-componenten. Voor deze zelfstudie worden veel van de clientlibs die nodig zijn voor de onderdelen Communities toegevoegd.

Dit kan al dan niet de gewenste benadering voor een productiesite zijn aangezien er overwegingen van gemak tegenover grootte/snelheid van de clientlibs die voor elke pagina worden gedownload zijn.

Als u slechts één functie op één pagina gebruikt, kunt u de volledige clientlib van die functie direct op de pagina opnemen, bijvoorbeeld

% ui:includeClientLib categories=cq.social.hbs.forum" %

In dit geval, met inbegrip van hen allen en zo de meer basiscliënten SCF die de auteur clientlibs zijn worden geprefereerd:

  • Naam: embed

  • Type: String

  • Klikken Multi

  • Waarde: cq.social.scf

    • Hiermee wordt een dialoogvenster weergegeven. Klik op + na elke vermelding om de volgende clientlib-categorieën toe te voegen:

      • cq.ckeditor
      • cq.social.author.hbs.comments
      • cq.social.author.hbs.forum
      • cq.social.author.hbs.rating
      • cq.social.author.hbs.reviews
      • cq.social.author.hbs.voting
      • Klikken OK
  • Klikken Alles opslaan

scf-clientlibs

Zo /etc/designs/an-scf-sandbox/clientlibs moet nu in de gegevensopslagruimte worden weergegeven:

scf-clientlibs-weergave

Clientlibs opnemen in PlayPage-sjabloon include-clientlibs-in-playpage-template

Zonder de apps.an-scf-sandbox De categorie ClientLibraryFolder op de pagina is niet functioneel en is niet opgemaakt omdat de benodigde JavaScript- en CSS-stijlen niet beschikbaar zijn.

Bijvoorbeeld, zonder de clientlibs op te nemen, lijkt de SCF commentaarcomponent ongestileerd:

clientlibs-comment

Zodra apps.an-scf-sandbox clientlibs is opgenomen, wordt de stijl van de SCF-commentaarcomponent weergegeven:

clientlibs-comment-styled

De instructie include behoort tot de head van de html script. De standaardwaarde foundation head.jsp bevat een script dat kan worden bedekt: headlibs.jsp.

Kopieer koplibs.jsp en neem clientlibs op:

  1. Gebruiken CRXDE Lite, selecteert u /libs/foundation/components/page/headlibs.jsp

  2. Klik met de rechtermuisknop en selecteer Kopiëren (Of selecteer Kopiëren op de werkbalk)

  3. Selecteren /apps/an-scf-sandbox/components/playpage

  4. Klik met de rechtermuisknop en selecteer Plakken (of selecteer Plakken op de werkbalk)

  5. Dubbelklikken headlibs.jsp zodat u het kunt openen

  6. De volgende regel toevoegen aan het einde van het bestand
    <ui:includeClientLib categories="apps.an-scf-sandbox"/>

  7. Klikken Alles opslaan

<%@ page session="false" %><%
%><%@include file="/libs/foundation/global.jsp" %><%
%><ui:includeClientLib categories="cq.foundation-main"/><%
%>
<cq:include script="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp"/>
<% currentDesign.writeCssIncludes(pageContext); %>
<ui:includeClientLib categories="apps.an-scf-sandbox"/>

Laad uw website in de browser en controleer of de achtergrond geen blauwe tint heeft.

https://localhost:4502/content/an-scf-sandbox/en/play.html

gemeenschapszin

Uw werk tot nu toe opslaan saving-your-work-so-far

Op dit moment bestaat er een minimalistische zandbak. Het kan de moeite waard zijn om op te slaan als een pakket, zodat u tijdens het afspelen uw server kunt uitschakelen als uw opslagplaats beschadigd raakt en u opnieuw wilt beginnen. Wijzig vervolgens de naam van de map crx-quickstart/ of verwijder deze, schakel de server in, upload en installeer dit opgeslagen pakket en hoef deze basisstappen niet te herhalen.

Dit pakket is beschikbaar op het tabblad Een voorbeeldpagina maken zelfstudie voor mensen die niet kunnen wachten om binnen te springen en te beginnen met afspelen.

Een pakket maken:

  • Van CRXDE Lite, klik Pakketpictogram

  • Klikken Pakket maken

    • Pakketnaam: an-scf-sandbox-minimum-pkg
    • Versie: 0.1
    • Groep: leave as default
    • Klikken OK
  • Klikken Bewerken

    • Selecteren Filters tab

      • Klikken Filter toevoegen
      • Hoofdpad: bladeren naar /apps/an-scf-sandbox
      • Klikken Gereed
      • Klikken Filter toevoegen
      • Hoofdpad: bladeren naar /etc/designs/an-scf-sandbox
      • Klikken Gereed
      • Klikken Filter toevoegen
      • Hoofdpad: bladeren naar /content/an-scf-sandbox**
      • Klikken Gereed
    • Klikken Opslaan

  • Klikken Opbouwen

Nu kunt u Downloaden opslaan naar schijf en Pakket uploaden en selecteer Meer > Repliceren om de sandbox naar een publicatieinstantie van de localhost te duwen, zodat de sandbox meer ruimte krijgt.

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791