Come creare un modello in XUL

June 25

Come creare un modello in XUL


XUL, o XML User Interface Language, è un linguaggio che può essere utilizzato per creare applicazioni e interfacce utente per la piattaforma Mozilla. XUL permette agli sviluppatori di creare interfacce grafiche che mescolano tecnologie come XML, HTML e CSS e possono funzionare sia collegato o scollegato da Internet. modelli di XUL consentono agli sviluppatori di incorporare i dati nei documenti XUL definendo una serie di regole che vengono utilizzate per creare applicazioni che sfruttano fonti di dati a distanza, che separa i dati dall'applicazione stessa.

istruzione

Come creare un modello in XUL

1 Aprire un editor di testo e creare un nuovo file chiamato characters.xml. Digitare XML nel file che definisce un elemento radice <caratteri> con cinque carattere <> elementi figlio:

<? Xml version = "1.0"?>

<caratteri>

&lt;character>&lt;/character>

& Lt; carattere> & lt; / carattere>

& Lt; carattere> & lt; / carattere>

& Lt; carattere> & lt; / carattere>

& Lt; carattere> & lt; / carattere>

</ Caratteri>

Il <caratteri> XML sarà utilizzato per popolare un elenco definito nel modello XUL. Salva characters.xml.

2 Modifica characters.xml e aggiungere un attributo name e un attributo animale a ciascuno degli elementi di carattere XML, ponendo i valori degli attributi all'interno di doppi apici:

<? Xml version = "1.0">

<caratteri>

&lt;character name="Mickey" animal="mouse">&lt;/character>

& Lt; nome del personaggio = "Minnie" animale = "mouse"> & lt; / carattere>

& Lt; nome del personaggio = "Pluto" animale = "cane"> & lt; / carattere>

& Lt; nome del personaggio = "Donald" animale = "anatra"> & lt; / carattere>

& Lt; nome del personaggio = "Daisy" animale = "anatra"> & lt; / carattere>

</ Caratteri>

Salvare e chiudere characters.xml.

3 Utilizzare un editor di testo per creare un file che contiene il modello XUL. Digitare l'intestazione versione XML e un <Finestra> elemento all'interno del file e aggiungere uno spazio nome xmlns di default per l'elemento <Finestra>:

<? Xml version = "1.0"?>

<Xmlns = finestra "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

</ Finestra>

Salvare il file come characters.xul.

4 Continuare a modificare characters.xul e aggiungere un <ListBox> elemento al file, ponendolo tra i <Finestra> e </ finestra> elemento tag. Utilizzare un attributo di origine dei dati per indicare che la casella di riepilogo dovrebbe ottenere i dati da characters.xml. Impostare l'attributo ref a "*" (valore fittizio) e l'attributo querytype a "xml" per dire al costruttore di modello che la sintassi XML verrà utilizzato. Chiudere il </ listbox> elemento:

<? Xml version = "1.0"?>

<Xmlns = finestra "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<Origini dati ListBox = ref "characters.xml" = "*" querytype = "xml">

</ Listbox>

</ Finestra>

Salva characters.xul.

5 Continuare a modificare characters.xul e aggiungere un <template> elemento al file, ponendolo tra i <ListBox> e </ ListBox> elemento tag. Aggiungere un <query> elemento tra i <template> e </ template> tag elemento, utilizzando l'attributo espr per recuperare gli elementi di carattere dal file characters.xml. Chiudere il tag query:

<? Xml version = "1.0"?>

<Xmlns = finestra "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<Origini dati ListBox = ref "characters.xml" = "*" querytype = "xml">

<Template>

<Query espr = "carattere"> </ query>

</ Template>

</ Listbox>

</ Finestra>

Salva characters.xul.

6 Continuare a modificare characters.xul e aggiungere un <action> elemento al file, posizionandolo dopo l'elemento <query>. I <action> contenuto degli elementi definiranno il contenuto che verrà generato per ogni risultato della query:

<? Xml version = "1.0"?>

<Xmlns = finestra "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<Origini dati ListBox = ref "people.xml" = "*" querytype = "xml">

<Template>

<Query espr = "carattere"> </ query>

<Action>

</ Action>

</ Template>

</ Listbox>

</ Finestra>

Salva characters.xul.

7 Continuare a modificare characters.xul e aggiungere due <listitem> elementi tra i tag <action> e </ action> elemento tag. Utilizzare l'attributo etichetta per indicare che il primo elemento della lista dovrebbe usare l'attributo "nome" dagli elementi di caratteri in characters.xml. Utilizzare l'attributo etichetta per indicare che il secondo elemento della lista dovrebbe usare l'attributo "animale" dagli elementi di caratteri in characters.xml. Aggiungere un attributo uri per entrambe le voci di elenco, utilizzando il valore, che è il valore di default per i modelli XML "?":

<? Xml version = "1.0"?> <Xmlns = window "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<Origini dati ListBox = ref "people.xml" = "*" querytype = "xml">

<Template>

<Query espr = "carattere"> </ query>

<Action>

<Listitem uri = "?" label = "? nome"> </ listitem>

<Listitem uri = "?" label = "? animale"> </ listitem>

</ Action>

</ Template>

</ Listbox>

</ Finestra>

Salvare e chiudere characters.xul.

8 Utilizzare un browser Mozilla, come Firefox, per aprire characters.xul. Verificare che il contenuto di characters.xml vengono caricati nella casella di elenco definito nel modello XUL.

Consigli e avvertenze

  • modelli XUL possono recuperare i dati provenienti da fonti non basate su XML, come RDF e basi di dati. Utilizzare la fonte che è più appropriato per l'applicazione che si sta costruendo.
  • XUL offre una ricca varietà di componenti dell'interfaccia utente. Provare a utilizzare altri oggetti di interfaccia utente XUL per costruire applicazioni più avanzate.
  • Poiché le applicazioni XUL sono indipendente dalla piattaforma, che può essere portato su altre piattaforme Mozilla. Vedere la sezione di riferimenti per informazioni sulla creazione di applicazioni XUL.
  • Quando si utilizza XUL su un sito web, il server deve essere configurato per inviare file XUL con il tipo di contenuto appropriato.

Articoli Correlati