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>
<character></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>
<character name="Mickey" animal="mouse"></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.