Hvordan lage en mal i XUL

Hvordan lage en mal i XUL


XUL, eller XML User Interface Language, er et språk som kan brukes til å lage applikasjoner og brukergrensesnitt for Mozilla-plattformen. XUL tillater utviklere å lage grafiske brukergrensesnitt som blander teknologier som XML, HTML og CSS, og kan kjøre enten tilkoblet eller frakoblet fra Internett. XUL maler tillate utviklere å legge inn data i XUL dokumenter ved å definere et sett med regler som brukes til å bygge applikasjoner som drar nytte av eksterne datakilder, skille data fra selve programmet.

Bruksanvisning

Hvordan lage en mal i XUL

1 Åpne en teksteditor og opprette en ny fil som heter characters.xml. Skriv inn noen XML i filen som definerer en rot element <tegn> med fem <tegn> ordnede elementer:

<? Xml version = "1.0"?>

<tegn>

&lt;character>&lt;/character>

& Lt; tegnet> & lt; / tegn>

& Lt; tegnet> & lt; / tegn>

& Lt; tegnet> & lt; / tegn>

& Lt; tegnet> & lt; / tegn>

</ Tegn>

Den <tegn> XML vil bli brukt til å fylle en liste definert i XUL malen. Lagre characters.xml.

2 Rediger characters.xml og legge til et navn attributt og et dyr attributt til hver av de tegn XML-elementer, plassere attributtverdiene inne doble anførselstegn:

<? Xml version = "1.0">

<tegn>

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

& Lt; karakter name = "Minnie" animal = "mus"> & lt; / tegn>

& Lt; karakter name = "Pluto" dyr = "hund"> ​​& lt; / tegn>

& Lt; karakter name = "Donald" dyr = "duck"> & lt; / tegn>

& Lt; karakter name = "Daisy" animal = "duck"> & lt; / tegn>

</ Tegn>

Lagre og lukk characters.xml.

3 Bruk en tekst editor for å lage en fil som inneholder XUL mal. Skriv inn XML-versjonen header og en <vindu> element inne i filen og legge til en standard xmlns navn plass til <vindu> element:

<? Xml version = "1.0"?>

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

</ Vindu>

Lagre filen som characters.xul.

4 Fortsett redigering characters.xul og legge til en <listeboksen> element til filen, plassere den mellom <vindu> og </ vindus> elementkoder. Bruk en datakilde attributt for å indikere at listen bør få sine data fra characters.xml. Sett dommeren attributtet til "*" (dummy-verdi) og querytype attributt til "xml" å fortelle malen byggmester som XML syntaks vil bli brukt. Lukk </ listeboksen> element:

<? Xml version = "1.0"?>

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

<ListBox datakilder = "characters.xml" ref = "*" querytype = "xml">

</ Listeboksen>

</ Vindu>

Lagre characters.xul.

5 Fortsett redigering characters.xul og legge til en <mal> element til filen, plassere den mellom <listeboksen> og </ ListBox> elementkoder. Legg en <spørring> element mellom <Mal> og </ mal> element koder, bruke expr attributtet for å hente tegn elementer fra characters.xml fil. Lukk spørringen tag:

<? Xml version = "1.0"?>

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

<ListBox datakilder = "characters.xml" ref = "*" querytype = "xml">

<Mal>

<Søket expr = "tegnet"> </ spørring>

</ Mal>

</ Listeboksen>

</ Vindu>

Lagre characters.xul.

6 Fortsett redigering characters.xul og legge til en <handling> element til filen, plassere den etter <søk> element. De <Handling> elementinnhold vil definere innhold som vil bli generert for hver spørring resultat:

<? Xml version = "1.0"?>

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

<ListBox datakilder = "people.xml" ref = "*" querytype = "xml">

<Mal>

<Søket expr = "tegnet"> </ spørring>

<Handling>

</ Action>

</ Mal>

</ Listeboksen>

</ Vindu>

Lagre characters.xul.

7 Fortsett redigering characters.xul og legg to <listitem> elementer mellom <handling> og </ action> element koder. Bruk etiketten attributtet for å indikere at den første listeemne bør bruke "navnet" attributtet fra tegn elementene i characters.xml. Bruk etiketten attributtet for å indikere at den andre listepunkt bør bruke "dyret" attributtet fra tegn elementene i characters.xml. Legg en uri attributt til begge listeelementer, ved hjelp av verdi, som er standardverdien for XML maler "?":

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

<ListBox datakilder = "people.xml" ref = "*" querytype = "xml">

<Mal>

<Søket expr = "tegnet"> </ spørring>

<Handling>

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

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

</ Action>

</ Mal>

</ Listeboksen>

</ Vindu>

Lagre og lukk characters.xul.

8 Bruk en Mozilla nettleser, for eksempel Firefox, for å åpne characters.xul. Kontroller at innholdet i characters.xml er lastet inn i listeboksen definert i xul malen.

Hint

  • XUL maler kan hente data fra ikke-XML baserte kilder, for eksempel RDF og databaser. Bruk kilden som er mest hensiktsmessig for den applikasjonen du bygger.
  • XUL gir et rikt utvalg av brukergrensesnitt komponenter. Prøv å bruke andre XUL brukergrensesnitt gjenstander for å bygge mer avanserte applikasjoner.
  • Siden XUL programmer er plattformnøytral, kan de bli portert til andre Mozilla-plattformer. Se referanser for informasjon om å bygge XUL applikasjoner.
  • Når du bruker XUL på en nettside, må serveren konfigureres til å sende XUL-filer med riktig innholdstype.