Clientlibs toevoegen add-clientlibs

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

Maak een ClientLibraryFolder met de naam clientlibs die de JavaScript (JS) en de Cascading Styles Sheets (CSS) bevat die worden gebruikt om de pagina's van uw site weer te geven.

De waarde van de eigenschap categories 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.

In het lusje van Eigenschappen voor de nieuwe clientlibs knoop, ga het categorieën bezit in:

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: voeg plaatsaanduidingen voor js.tx t- en css.txt -bestanden toe. (Zonder deze bestanden is het officieel geen cq:ClientLibraryFolder.)

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 het lusje van Eigenschappen voor de clientlibs knoop, ga het bezit van het multi-waardeKoord in bed in. Dit sluit de noodzakelijke cliënt-zijbibliotheken (clientlibs) voor componenten SCFin. 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:

Zo wordt /etc/designs/an-scf-sandbox/clientlibs nu weergegeven in de opslagplaats:

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

Zonder de categorie apps.an-scf-sandbox ClientLibraryFolder op de pagina toe te voegen, zijn de SCF-componenten niet functioneel en 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 sectie head van het script van html . De standaardwaarde foundation head.jsp bevat een script dat kan worden bedekt: headlibs.jsp .

Kopieer headlibs.jsp en omvat clientlibs:

<%@ 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 bestaat op creeer een leerprogramma van de Pagina van de Steekproefvoor hen die niet kunnen wachten binnen te springen en beginnen speel.

Een pakket maken:

Nu kunt u Download selecteren om het aan schijf te bewaren en Pakket elders uploaden, en selecteren Meer > Repliceert om zandbak aan een localhost te duwen publiceer instantie om het domein van uw zandbak uit te breiden.