lizard-ui

gyík-ui kínál alap Django felhasználói felület, így egy alap Django sablont és néhány CSS + JavaScript. & Nbsp; Azt tervezték, hogy a Nelen & Schuurmans a mi földrajzi információs honlapok (a vízgazdálkodási információ).
Választások, követelményeit, feltételezések
Lizard-ui nagyképű: ez teszi döntéseket, és előírja (jó!) Technológiákat.
& Nbsp; * tartalmazza: a terv css keretet. Ez visszaállítja css stílusokat, hogy megvan a közös alap. Ez rögzíti a közös IE layout hibákat. Ez ad egy alapvető tipográfiai, ami elég kellemes.
& Nbsp; * Kötelező: Django-staticfiles. Egy még bővebb leírást lásd Reinout blogjához (írva gyíkot-ui szem előtt tartva).
& Nbsp; * Kötelező: django_compressor összevonásával css / javascript fájlokat a termelés.
& Nbsp; * Feltétel: egy képernyőn, a teljes körű szélesség / magasság a böngésző, görgetés nélkül. A mi célunk mutat egy szép nagy térképet egy kis fejléc és a tálaló. Nem akarod, hogy lépjünk a térképet. Természetesen lehetséges, hogy a görgetősáv benne, hogy a fő tartalmi terület magában.
& Nbsp; * Feltétel: javascript elérhető. Hé, mi látható a térképen, így a Javascript. Tehát bőségesen javascript kap a UI jogot, például felismerésére és beállítására a fő tartalmi terület szélességét és magasságát.
& Nbsp; * tartalma: jQuery. Igen, ez nagyjából a standard manapság. Így használjuk jQuery, ahol jQuery lehet használni, ahelyett, hogy azt az általános javascript.
& Nbsp; * tartalma: mind jqueryui és jquerytools. Vizuál finomságok. Jquerytools az átfedés és a lapok, jqueryui a többi (drag / drop és így).
& Nbsp; * tartalma: OpenLayers Térkép javascript könyvtár. (Lizard-térkép, sooooon fel kell szabadítani, tartalmazza az alapvető térképen interakció javascript és python kód).
Lizard-ui hajók egy pár külső css / javascript könyvtárak.
Tervrajz
& Nbsp; A módosított MIT
JQuery és jqueryui
& Nbsp; Dual licenc alatt az MIT vagy GPL Version 2 engedély. Tartalmazza Sizzle.js, megjelent a MIT, BSD, és GPL licenc.
Jquerytools
& Nbsp; Nem a szerzői jogok vagy a licencek. Tedd, amit akarsz.
OpenLayers
& Nbsp; törlése BSD licenc.
Famfamfam icon set
& Nbsp; CC Attribution License.
Treeview jQuery plugin-
& Nbsp; MIT / GPL
Django beállítások
Íme egy részlet egy settings.py használhatja. A média és a statikus gyökér könyvtárába beállítás használatát feltételezi buildout, de lehet lefordítani a saját fájlrendszer beállítása:
INSTALLED_APPS = [
& Nbsp; "lizard_ui",
& Nbsp; "kompresszor",
& Nbsp; "staticfiles",
& Nbsp; "django.contrib.admin",
& Nbsp; "django.contrib.auth",
& Nbsp; "django.contrib.contenttypes",
& Nbsp; "django.contrib.sessions",
& Nbsp; "django.contrib.sites",
& Nbsp;]
# Megjegyzés: Az alábbi beállítások bonyolultabb, mint szükséges,
# De szeretnénk kipróbálni django_compressor a tömörítés, amely
# Szüksége van egy média url és a gyökér és így.
# Set COMPRESS True, ha a tesztelni kívánt tömörítési ha
# DEBUG == true. (Alapértelmezés szerint COMPRESS az ellentéte
# DEBUG).
Compress = False
# SETTINGS_DIR lehetővé teszi közegpálya és így relatív lesz a
# Ezt a beállítást fájl helyett a bedrótozott hogy
# C: csak a My számítógépet.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR a hozzáférést a "környező" buildout,
# Például a BUILDOUT_DIR / var / statikus fájlok adni
# Django-staticfiles a megfelelő helyre, hogy az összes összegyűjtött
# Statikus fájlokat.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Abszolút elérési utat a könyvtárba, hogy tartja a felhasználók által feltöltött
# Médiában.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, "var", "média")
# Abszolút elérési utat a könyvtárba, ahol a Django-staticfiles "
# "Bin / Django build_static" helyeken minden begyűjtött statikus
# Fájlokat az összes alkalmazás "/ media könyvtárban.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, "var", "statikus")
# URL, amely kezeli a média szolgált a MEDIA_ROOT. Csinál
# Ügyeljen arra, hogy a perjel, ha van görbekomponens
# (Nem kötelező más esetekben).
MEDIA_URL = "/ media /"
# URL a per-application / media statikus fájlok gyűjtött
# Django-staticfiles. Használd a sablonokat, mint "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL előtag admin média - CSS, JavaScript és
# Képeket. Ügyeljen arra, hogy a perjel. Felhasználása
# STATIC_URL, mint Django-staticfiles szépen gyűjt admin
# Statikus médiát a STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + "admin /"
# Storage motort kell használni a tömörítés közben
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Az URL, amely összekötötte a média fogják olvasni, és sűrített
# Media íródik.
COMPRESS_URL = STATIC_URL
# Az abszolút fájl elérési útját, amely összekötötte a média fogják olvasni
# És sűrített média íródik.
COMPRESS_ROOT = STATIC_ROOT
# Használatos Django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # Default tételek.
& 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; # kell hozzá, a Django-staticfiles hogy lehetővé teszi,
& Nbsp; # kezelhető {{}} STATIC_URL myapp / my.css a sablonokat.
& Nbsp; "staticfiles.context_processors.static_url",
& Nbsp;)
És egy megfelelő Apache config tipp:

& Nbsp; # A css / javascript / kép staticfiles gyorsítótáraz a
& Nbsp; # böngészőt egy napra.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "hozzáférési plusz 1 nap"


& Nbsp; # django_compress által generált timestamp'ed fájlokat:
& Nbsp; # cache örökre
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "-hozzáférés, valamint 10 éves"

# Statikus fájlok házigazdája apache magát.
# Felhasználó által feltöltött média: MEDIA_URL = "/ media /"
Alias ​​/ media / $ {buildout: könyvtár} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media / "
Alias ​​/ static_media / $ {buildout: könyvtár} / var / static /
Használat
Fel lehet csatolni gyík-ui URL-eket, de tartalmaz csak élni példákat. Így talán csak akkor kell csatlakoztatni debug módban a / ui. Handy, mivel ez tartalmazza az ésszerűen teljes dokumentációt, hogyan kell használni, beleértve a rendelkezésre álló blokkok és osztályok / azonosítókat, amelyek segítségével.
Az alap elrendezés meghatározott realbase.html. Meg kell azonban kiterjeszteni lizard_ui / lizardbase.html majd felülírja a blokkokat, amit akar.
CSS és JavaScript ki kell egészíteni a vonatkozó blokkok, de ne felejtsük el, hogy hívja "block.super". Példa:
{% Kiterjed "lizard_ui / lizardbase.html"%}
{% Blokk css%}
{{Block.super}}
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; media = "képernyőn, a kivetítés"
& Nbsp; rel = "stylesheet" />
{% Végállású blokkot css%}
{% Blokk javascript%}
{{Block.super}}



{% Végállású blokkot javascript%}
{% Blokk tartalmát%}

{% Végállású blokkot tartalommal%}
A példa a közös feladat: megváltoztatni a logo. Az, hogy készítsen egy media / lizard_ui könyvtár, amely a Django alkalmazás (vagy a helyszínen), és tegyük a logo.png benne. Django-staticfiles "mechanizmus fog tartani a logo.png előnyben részesíteni a gyík-UI.
Fejlesztési telepítés
Az első alkalommal, akkor meg kell futtatni a "bootstrap" script, hogy hozzanak létre setuptools és buildout:
$> Python bootstrap.py
Majd futtassa buildout beállítani mindent fel:
$> Bin / buildout
(Windows nevezik bin buildout.exe).
Neked kell újrafuttatnod buildout, ha te vagy valaki más változtatás történt setup.py vagy buildout.cfg.
Az aktuális csomag van telepítve, mint a "fejlesztési csomag", így változások .py automatikusan elérhető (mint a python setup.py fejlesztése).
Ha a használni kívánt trunk pénztáraknál más csomagok (ahelyett kiadott verzió), adjunk nekik, mint egy "svn külső" a local_checkouts / könyvtárba és add hozzá a fejlesztése = listát buildout.cfg.

Mi az új ebben a kiadásban:

• Az eltávolított `` sentry_exception_handler () `` hívást a kivétel middleware (bevezetett 4,25), újra. Ez megtöri a vizsgálatokat. További vizsgálat kimutatta, hogy a hívás csak akkor van szükség, ha visszatérünk egy értéket a middleware, amit nem.

Mi az új verzióban 4,17:

• Fix logo: eltávolított leletek; tette a lábujjak a gyík kifejezettebb.

Mi az új a 4.1 verzió:

• Próbálok össze egy morzsa is, ha nincs Az alkalmazás ikonját mutatott az aktuális oldalt.

Mi az új 4.0 verzió Beta 4:

• Added `` required_permission`` attribútuma UiView. Ha meg azt, engedélye van jelölve, és a felhasználó átirányításra, ha szükséges.

Mi az új 4.0 verzió Beta 1:

• UI javítások: grafikonok terhelést automatikusan újra; munkaterület elem paddings / árrés; jqueryui gombok kommentálta ki, mint azok ellentétben állnak bootstrap CSS.
• Továbbfejlesztett őrszem kliens holló.
• Frissítve configchecker.
• hozzászólt sorban a 413. jQuery-ui-1.8.5.custom.css eltávolítani conflicing (a Twitter Bootstrap) class .ui-button-text-only .ui-button-text [Gijs Nijholt]
• Fix egyes interakció problémák modális és nem modális bejelentkezés űrlapot.
• A helyreállított harmonika viselkedés és a jobb leftbar stílus.

Mi az új 4.0 verzió Alpha 2:

• Fix google maps (ami láthatatlan) által eltávolítása max-width a bootstrap CSS.

Mi az új verzióban 3.11:

• Made zsemlemorzsa konfigurálható
• Added segédfüggvényünk a zsemlemorzsát, hogy alkalmazás képernyő

Mi az új verzióban 3.7:

• Added `` élő: true`` a becsípett tooltips így hogy után létrehozott elemek is kap tooltips

Mi az új verzióban 3.6:

• Megcserélvelehetőség sorrendben DataTable és colorpicker a js lista Django -compressor fojtó rájuk egy kicsit.
• Made debugmode_urlpatterns () erőteljesebb. Lezuhant nélkül MEDIA_URL és MEDIA_ROOT beállításokat a settings.py
• Továbbfejlesztett i18n és becsípett tooltips.

követelmények :

• Python
• Django