lizard-ui

σαύρα-ui παρέχει μια βασική διεπαφή χρήστη Django, έτσι μια βάση Django πρότυπο και κάποια CSS + Javascript για & nbsp?. Εμείς θα σχεδιάζονται σε Nelen & Schuurmans για γεωγραφικών δικτυακούς τόπους με πληροφορίες μας (με πληροφορίες για τη διαχείριση των υδάτων).
Επιλογές, τις απαιτήσεις, τις παραδοχές
Σαύρα-UI είναι δογματικός: κάνει επιλογές και ορίζει (καλό!) Τεχνολογίες.
& Nbsp? * Περιλαμβάνονται: το πλαίσιο προσχέδιο CSS. Θα επαναφέρει στυλ CSS, ώστε να έχουμε μια κοινή βάση. Καθορίζει κοινό IE σφάλματα διάταξης. Δίνει μια βασική τυπογραφία που είναι αρκετά ευχάριστο.
& Nbsp? * Απαραίτητα: Django-staticfiles. Για πιο λεπτομερή περιγραφή, δείτε το blog εισόδου Reinout του (γραμμένο με σαύρα-ui στο μυαλό).
& Nbsp? * Απαραίτητα: django_compressor για το συνδυασμό CSS / JavaScript αρχεία στην παραγωγή.
& Nbsp? * Υπόθεση: μια οθόνη, χρησιμοποιώντας το πλήρες πλάτος / ύψος του προγράμματος περιήγησης, χωρίς κύλιση. Κύριος στόχος μας δείχνει ένα ωραίο μεγάλο χάρτη με ένα μικρό κεφαλίδα και μια πλαϊνή μπάρα. Δεν θέλετε να μετακινηθείτε χάρτη. Φυσικά είναι δυνατόν να έχουμε μια γραμμή κύλισης στο εσωτερικό της ίδιας αυτής κύρια περιοχή περιεχομένου.
& Nbsp? * Υπόθεση: javascript είναι διαθέσιμη. Γεια σου, είμαστε δείχνει ένα χάρτη, έτσι ώστε να χρειάζεται javascript. Γι 'αυτό και γενναιόδωρα χρησιμοποιούν javascript για να πάρετε τη σωστή UI, για παράδειγμα, με τον εντοπισμό και τον καθορισμό πλάτος και το ύψος του κύριου περιοχή περιεχομένου.
& Nbsp? * Περιλαμβάνονται: jQuery. Ναι, είναι λίγο πολύ το πρότυπο στις μέρες μας. Γι 'αυτό και χρησιμοποιούν jQuery όπου jQuery μπορεί να χρησιμοποιηθεί αντί να γίνει αυτό με τις γενικές javascript.
& Nbsp? * Περιλαμβάνονται: τόσο jqueryui και jquerytools. Οπτική καλούδια. Jquerytools για την επικάλυψη και καρτέλες, jqueryui για το υπόλοιπο (drag / drop και έτσι).
& Nbsp? * Περιλαμβάνονται: OpenLayers ως χάρτη βιβλιοθήκη javascript. (Σαύρα-χάρτη, sooooon να κυκλοφορήσει, περιέχει βασικές αλληλεπίδραση χάρτη μας κώδικα Javascript και Python).
Σαύρα-ui πλοία με ένα ζευγάρι των εξωτερικών CSS / βιβλιοθήκες javascript.
Προσχέδιο
& Nbsp? Τροποποιημένο MIT
JQuery και jqueryui
& Nbsp? Διπλή υπό την άδεια MIT ή GPL Έκδοση 2 αδειών. Περιλαμβάνει Sizzle.js, διανεμόμενη σύμφωνα με τις άδειες MIT, το BSD και της GPL.
Jquerytools
& Nbsp? Δεν συγγραφικά δικαιώματα ή άδειες. Κάντε ό, τι σας αρέσει.
OpenLayers
& Nbsp? Clear άδεια BSD.
Famfamfam εικονίδιο
& Nbsp? Άδεια CC απόδοση.
Treeview jQuery plugin
& Nbsp? ΜΙΤ / GPL
Ρυθμίσεις Django
Εδώ είναι ένα απόσπασμα από ένα settings.py που μπορείτε να χρησιμοποιήσετε. Η εγκατάσταση των μέσων ενημέρωσης και στατική ρίζα καταλόγου προϋποθέτει τη χρήση του buildout, αλλά μπορείτε να το μεταφράσει σε δική του ρύθμιση σύστημα αρχείων σας:
INSTALLED_APPS = [
& Nbsp? "Lizard_ui»,
& Nbsp? Συμπιεστής,
& Nbsp? "Staticfiles»,
& Nbsp? "Django.contrib.admin»,
& Nbsp? "Django.contrib.auth»,
& Nbsp? "Django.contrib.contenttypes»,
& Nbsp? "Django.contrib.sessions»,
& Nbsp? "Django.contrib.sites»,
& Nbsp?]
# Σημείωση: Οι παρακάτω ρυθμίσεις είναι πιο περίπλοκα από ό, τι χρειάζεται,
# Αλλά εμείς θέλουμε να ελέγξουμε συμπίεσης django_compressor, η οποία
# Χρειάζεται ένα URL μέσα ενημέρωσης και τη ρίζα και έτσι.
# Ορισμός συμπίεση σε true αν θέλετε να δοκιμάσετε τη συμπίεση όταν
# DEBUG == True. (Από προεπιλογή, συμπίεση είναι το αντίθετο του
# Σφάλματα).
ΚΟΜΠΡΕΣΑ = False
# SETTINGS_DIR επιτρέπει μονοπάτια μέσα ενημέρωσης και έτσι να είναι σε σχέση με το
# Αρχείου Αυτή ρυθμίσεις αντί να hardcoded
# C: μόνο σε μου υπολογιστή.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR είναι για την πρόσβαση στο "γύρω" buildout,
# Για παράδειγμα για BUILDOUT_DIR / var / στατικά αρχεία για να δώσει
# Django-staticfiles ένα κατάλληλο μέρος για να τοποθετήσετε όλα συλλέγονται
# Στατικά αρχεία.
BUILDOUT_DIR = os.path.abspath (συνάρτηση os.path.join (SETTINGS_DIR, ".."))
# Απόλυτη διαδρομή προς τον κατάλογο που κρατά από χρήστη
# Μέσα ενημέρωσης.
MEDIA_ROOT = συνάρτηση os.path.join (BUILDOUT_DIR, «var», «μέσα ενημέρωσης»)
# Απόλυτη διαδρομή προς τον κατάλογο όπου Django-staticfiles »
# "Bin / Django build_static" θέσεις όλων στατικό
# Αρχεία από όλες τις εφαρμογές κατάλογο / μέσα μαζικής ενημέρωσης.
STATIC_ROOT = συνάρτηση os.path.join (BUILDOUT_DIR, «var», «στατική»)
# URL που χειρίζεται τα μέσα μαζικής ενημέρωσης που εξυπηρετούνται από MEDIA_ROOT. Κάνω
# Φροντίστε να χρησιμοποιήσετε ένα κάθετο συρόμενο αν υπάρχει ένα στοιχείο διαδρομής
# (Προαιρετικό σε άλλες περιπτώσεις).
MEDIA_URL = "/ media /"
# URL για τις ανά-εφαρμογή / μέσα μαζικής ενημέρωσης στατικά αρχεία που συλλέγονται
# Από Django-staticfiles. Χρησιμοποιήστε το σε πρότυπα όπως το "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL πρόθεμα για το admin μέσα ενημέρωσης - CSS, JavaScript και
# Εικόνων. Βεβαιωθείτε ότι χρησιμοποιείτε μια τελική κάθετο. Χρήσεις
# STATIC_URL ως Django-staticfiles συλλέγει όμορφα του admin
# Στατικά μέσα ενημέρωσης σε STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Μηχανή # αποθήκευσης που θα χρησιμοποιηθεί κατά τη διάρκεια της συμπίεσης
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Η διεύθυνση URL που συνδέονται με τα μέσα ενημέρωσης θα πρέπει να διαβάζει και να συμπιέζεται
# Μέσων θα γραφεί.
COMPRESS_URL = STATIC_URL
# Η απόλυτη διαδρομή του αρχείου που συνδέεται με τα μέσα ενημέρωσης θα πρέπει να διαβάζεται από
# Και συμπιεσμένα μέσα ενημέρωσης θα γραφεί.
COMPRESS_ROOT = STATIC_ROOT
# Χρησιμοποιείται για Django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp? # Προεπιλογή στοιχεία.
& Nbsp? "Django.core.context_processors.auth»,
& Nbsp? "Django.core.context_processors.debug»,
& Nbsp? "Django.core.context_processors.i18n»,
& Nbsp? "Django.core.context_processors.media»,
& Nbsp? # Πρέπει να προστεθεί για Django-staticfiles να σας επιτρέψει
& Nbsp? # Να χρησιμοποιήσετε το {{}} STATIC_URL MyApp / my.css στα πρότυπά σας.
& Nbsp? "Staticfiles.context_processors.static_url»,
& Nbsp?)
Και ένα κατάλληλο apache config υπόδειξη:
<Τοποθεσία / static_media />
& Nbsp? # Οι staticfiles CSS / JavaScript / εικόνας αποθηκεύονται προσωρινά στο
& Nbsp? # Προγράμματος περιήγησης για μια ημέρα.
& Nbsp? ExpiresActive On
& Nbsp? ExpiresDefault "πρόσβαση συν 1 μέρα"

<Τοποθεσία / static_media / cache />
& Nbsp? # Django_compress που δημιουργούνται timestamp'ed αρχεία:
& Nbsp? # Κρυφή μνήμη για πάντα
& Nbsp? ExpiresActive On
& Nbsp? ExpiresDefault "πρόσβαση συν 10 χρόνια»

Οι # στατικά αρχεία που φιλοξενούνται από την ίδια apache.
# Χρήστη φορτώθηκε μέσα ενημέρωσης: MEDIA_URL = "/ media /"
Alias ​​/ media / $ {buildout: κατάλογος} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: κατάλογος} / var / στατικές /
Χρήση
Μπορείτε να τοποθετήσετε urls σαύρα-ui, αλλά περιέχει ζουν μόνο παραδείγματα. Έτσι, ίσως θα πρέπει να το τοποθετήσετε μόνο σε κατάσταση εντοπισμού σφαλμάτων στο / ui. Εύχρηστο, καθώς περιέχει λογικά πλήρη τεκμηρίωση σχετικά με το πώς να το χρησιμοποιήσετε, συμπεριλαμβανομένων των διαθέσιμων μπλοκ και τάξεις / ταυτότητες που μπορείτε να χρησιμοποιήσετε.
Η διάταξη βάσης ορίζεται σε realbase.html. Μπορείτε, ωστόσο, θα πρέπει να επεκταθεί lizard_ui / lizardbase.html και στη συνέχεια παρακάμψετε τα μπλοκ που θέλετε.
CSS και JavaScript πρέπει να προστεθούν στις σχετικές μπλοκ, αλλά μην ξεχάσετε να καλέσετε "block.super". Ένα παράδειγμα:
{% Επεκτείνεται "lizard_ui / lizardbase.html"%}
{% CSS μπλοκ%}
{{}} Block.super
<Τύπος link = "text / css"
& Nbsp? Href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp? Media = "οθόνη, προβολής"
& Nbsp? Rel = "στυλ" />
{% Τελικής συστάδας CSS%}
{Μπλοκάρουν την JavaScript%%}
{{}} Block.super



{% Τελικής συστάδας javascript%}
{% Περιεκτικότητα σε μπλοκ%}

{% Περιεκτικότητα τελικής συστάδας%}
Ένα παράδειγμα ενός κοινού έργου: αλλάξτε το λογότυπο. Γι 'αυτό, να κάνει ένα μέσο κατάλογο / lizard_ui σε εφαρμογή Django σας (ή ιστοσελίδα) και τοποθετήστε ένα logo.png σε αυτό. Μηχανισμός Django-staticfiles »θα λάβει logo.png σας κατά προτίμηση σε σαύρα-ΚΠΕ.
Ανάπτυξη εγκατάσταση
Την πρώτη φορά, θα πρέπει να εκτελέσετε το "εκκίνησης" σενάριο για τη δημιουργία setuptools και buildout:
$> Python bootstrap.py
Και στη συνέχεια, εκτελέστε buildout να ρυθμίσετε τα πάντα:
$> Bin / buildout
(Στα Windows ονομάζεται bin buildout.exe).
Θα πρέπει να τρέξετε buildout όταν εσείς ή κάποιος άλλος έκανε μια αλλαγή στο setup.py ή buildout.cfg.
Το τρέχον πακέτο εγκαθίσταται ως «πακέτο ανάπτυξης», οπότε οι αλλαγές σε αρχεία .py είναι αυτόματα διαθέσιμη (όπως ακριβώς και με την Python setup.py αναπτυχθεί).
Αν θέλετε να χρησιμοποιήσετε κορμό ταμεία των άλλων συσκευασιών (αντί κυκλοφορήσει εκδόσεις), να τους προσθέσετε ως «svn εξωτερικό» στον local_checkouts / κατάλογο και προσθέστε τα στο αναπτύξουν = κατάλογο του buildout.cfg.

Τι είναι καινούργιο σε αυτήν την έκδοση:

• Αφαιρέθηκε `` sentry_exception_handler () `` κλήση από middleware εξαίρεση μας (που θεσπίστηκε το 4.25), και πάλι. Αυτό διασπά τις δοκιμές. Περαιτέρω έρευνα έδειξε ότι η κλήση είναι μόνο αναγκαία, αν θέλουμε να επιστρέψει μια τιμή στο middleware μας, κάτι που δεν κάνουμε.

Τι είναι καινούργιο στην έκδοση 4.17:

• Σταθερή λογότυπο: Ανακλήθηκε αντικείμενα? από τα δάκτυλα της σαύρας πιο έντονη.

Τι είναι καινούργιο στην έκδοση 4.1:

• Προσπαθώντας να κατασκευάσει ένα ψίχουλο, ακόμη και αν δεν έχουμε ένα εικονίδιο εφαρμογής δείχνοντας την τρέχουσα σελίδα.

Τι είναι καινούργιο στην έκδοση 4.0 Beta 4:

• Προστέθηκε `` required_permission`` χαρακτηριστικό για UIView. Αν αυτή οριστεί, η άδεια ελέγχεται και ο χρήστης ανακατευθύνεται, αν χρειάζεται.

Τι είναι καινούργιο στην έκδοση 4.0 Beta 1:

• διορθώσεις UI: γραφήματα φορτίου και πάλι αυτόματα? σημείο του χώρου εργασίας βάτες / περιθώρια? κουμπιά jqueryui σχολίασε ως έρχονται σε σύγκρουση με CSS εκκίνησης του.
• Αναβαθμισμένη πελάτη φρουρός να κοράκι.
• Ενημέρωση configchecker.
• Σχολίασε γραμμή 413 στο jQuery-UI-1.8.5.custom.css να αφαιρέσετε conflicing (με Twitter Bootstrap) κατηγορία .ui-κουμπί-κείμενο-μόνο .ui-κουμπί-κείμενο [Gijs Nijholt]
• Σταθερά ορισμένα θέματα αλληλεπίδρασης με άλλους τρόπους μεταφοράς και μη συνδυασμένων φόρμα σύνδεσης.
• Ανακαινισμένη συμπεριφορά ακορντεόν και βελτιωμένη σχεδίαση leftbar.

Τι είναι καινούργιο στην έκδοση 4.0 Alpha 2:

• Σταθερή Google Maps (που θα είναι αόρατη) από αφαίρεση μέγιστο πλάτος από CSS εκκίνησης του.

Τι είναι καινούργιο στην έκδοση 3.11:

• Made φρυγανιά ρύθμισης
• Προστέθηκε βοηθητικές λειτουργίες για τριμμένη φρυγανιά σε οθόνες εφαρμογών

Τι είναι καινούργιο στην έκδοση 3.7:

• Προστέθηκε `` ζωντανά: true`` να ζαλισμένος επεξηγήσεις, έτσι ότι τα στοιχεία που δημιουργήθηκαν αργότερα, μπορούν επίσης να πάρουν συμβουλές εργαλείων

Τι είναι καινούργιο στην έκδοση 3.6:

• Αντάλλαξαν τάξη datatable και colorpicker στη λίστα JS ως Django -compressor πνίγει τους λίγο.
• Made debugmode_urlpatterns () πιο ισχυρή. Είναι συνετρίβη χωρίς ρυθμίσεις MEDIA_URL και MEDIA_ROOT στο settings.py
• Βελτιωμένη i18n και ζαλισμένος βοήθειες.

Απαιτήσεις :

• Python
• Django