Bootstrap è un framework front-end gratuito per uno sviluppo web più veloce e più semplice. Include modelli di progettazione basati su HTML e CSS per tipografia, forme, pulsanti, tabelle, navigazione, modali, giostre di immagini e molti altri componenti, nonché plugin JavaScript opzionali.
Jenkins Jelly è un linguaggio modello utilizzato per creare elementi di interfaccia utente in Jenkins come forme, tabelle e pulsanti. Si basa sul linguaggio di Jelly Script, un linguaggio basato su XML utilizzato per definire il contenuto dinamico.
In Jenkins, gli script di gelatina vengono utilizzati per creare gli elementi dell'interfaccia utente visualizzati sulla pagina web di Jenkins come lo stato di build, la storia e gli artefatti. Sono anche usati per definire il comportamento di questi elementi come il modo in cui dovrebbero essere visualizzati e cosa dovrebbe accadere quando sono cliccati.
Gli script di gelatina sono in genere scritti in XML e possono essere utilizzati per definire il layout e la funzionalità degli elementi dell'interfaccia utente che creano. Si combinano spesso con altre tecnologie, come HTML, CSS e JavaScript, per creare interfacce utente complesse e interattive.
Il plug -in Bootstrap 5 per Jenkins fornisce una suite di elementi dell'interfaccia utente di Jenkins che è possibile utilizzare per creare e personalizzare rapidamente l'interfaccia utente di Jenkins usando la lingua gelatina.
Installazione del plugin Bootstrap 5 in Jenkins
Per utilizzare il plugin Jenkins Bootstrap 5, aggiungilo come dipendenza nel tuo POM.file XML come mostrato:
io.Jenkins.plugin Bootstrap5-api [ultima versione]
Una volta aggiunto, è possibile utilizzare le classi di utilità fornite per creare elementi dell'interfaccia utente Jenkins personalizzati.
Ad esempio, di seguito è una semplice gelatina che mostra il numero totale di build in un server Jenkins
Numero totale di build: $ buildCount
Questa sceneggiatura di gelatina presuppone che venga eseguita nel contesto di una build di Jenkins e che la variabile build è disponibile. Se si utilizza questo script in un contesto diverso, potrebbe essere necessario modificarlo o fornire le variabili necessarie in modo diverso.
Conclusione
Questo tutorial dimostra l'uso del plug -in Bootstrap 5 per definire e lavorare con le classi di utilità Bootstrap per definire l'interfaccia utente di Jenkins personalizzata.