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.
-
Gebruiken CRXDE Lite, uitbreiden
/etc/designs
-
Klikken met rechtermuisknop
an-scf-sandbox
en selecteert uCreate Node
- Naam:
clientlibs
- Type:
cq:ClientLibraryFolder
- Naam:
-
Klikken OK
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.tx
t en css.txt
bestanden. (Zonder deze bestanden is het officieel geen cq:ClientLibraryFolder.)
- Klikken met rechtermuisknop
/etc/designs/an-scf-sandbox/clientlibs
- Selecteren Bestand maken…
- Enter Naam:
css.txt
- Selecteren Bestand maken…
- Enter Naam:
js.txt
- Klikken Alles opslaan
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
Zo /etc/designs/an-scf-sandbox/clientlibs
moet nu in de gegevensopslagruimte worden weergegeven:
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:
Zodra apps.an-scf-sandbox clientlibs is opgenomen, wordt de stijl van de SCF-commentaarcomponent weergegeven:
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:
-
Gebruiken CRXDE Lite, selecteert u
/libs/foundation/components/page/headlibs.jsp
-
Klik met de rechtermuisknop en selecteer Kopiëren (Of selecteer Kopiëren op de werkbalk)
-
Selecteren
/apps/an-scf-sandbox/components/playpage
-
Klik met de rechtermuisknop en selecteer Plakken (of selecteer Plakken op de werkbalk)
-
Dubbelklikken
headlibs.jsp
zodat u het kunt openen -
De volgende regel toevoegen aan het einde van het bestand
<ui:includeClientLib categories="apps.an-scf-sandbox"/>
-
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
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.