lizard-ui

.

kertenkele-ui temel Django kullanıcı arayüzü, yani bir baz Django şablonu ve bazı CSS + JavaScript & nbsp sunar; bizim coğrafi bilgi web siteleri için NELEN & SCHUURMANS it at tasarlanmış (su yönetimi bilgileri ile).
Seçimler, gereksinimleri, varsayımlar
Lizard-ui opinionated edilir: bu seçimler ve reçete (! Iyi) teknolojileri yapar.
& Nbsp; * Dahil: planı css çerçevesi. Ortak bir taban var böylece css stilleri sıfırlar. Bu ortak IE düzeni hataları giderir. Oldukça sevindirici bir temel tipografi verir.
& Nbsp; * Gerekli: django-staticfiles. Daha ayrıntılı açıklama için, (akılda kertenkele-ui ile yazılmış) Reinout blog girişine bakın.
& Nbsp; * Gerekli: üretim css / javascript dosyaları birleştirmek için Django_compressor'un.
& Nbsp; * Varsayım: Bir ekran, kaydırma yapmadan, tarayıcı tam genişlik / yükseklik kullanarak. Bizim asıl amacımız küçük bir başlık ve bir kenar çubuğu ile güzel bir büyük harita gösteriyor. Bir harita ilerlemek istemiyorum. O ana içerik alanında kendi içinde bir kaydırma çubuğu var elbette mümkündür.
& Nbsp; * Varsayım: javascript mevcuttur. Eğer javascript gerekiyor bu yüzden Hey, biz bir harita gösteren ediyoruz. Bu yüzden liberal tespit ve ana içerik bölgenin genişliğini ve yüksekliğini ayarlayarak örneğin, UI hakkı elde etmek için javascript kullanın.
& Nbsp; * Dahil: jQuery. Evet, hemen hemen günümüzde standart. JQuery yerine jenerik javascript ile bunu yapmanın kullanılabilir nereye yüzden jquery kullanın.
& Nbsp; * Dahil: jQueryUI ve jquerytools hem. Görsel güzellikler. Geri kalanı (sürükle / bırak ve böylece) için bindirme ve sekmeler, jQueryUI için Jquerytools.
& Nbsp; * Dahil: javascript kütüphanesi haritası olarak openlayers. (Lizard-harita, sooooon tahliye edilecek, bizim temel harita etkileşimi javascript ve python kodu içerir).
Harici css / javascript kütüphanelerin bir çift ile Lizard-ui gemileri.
Blueprint
& Nbsp; MIT Modifiye
JQuery ve jQueryUI
& Nbsp; Çift MIT veya GPL sürüm 2 lisansı altında lisanslı. MİT, BSD, GPL Lisansı altında yayımlanan Sizzle.js içerir.
Jquerytools
& Nbsp; Hiçbir telif hakları veya lisanslar. Ne istersen yapabilirsin.
Openlayers
& Nbsp; Temizle BSD lisansı.
FamFamFam simge seti
& Nbsp; CC atıf lisansı.
Treeview jQuery eklentisi
& Nbsp; MIT / GPL
Django ayarları
Burada kullanabileceğiniz bir settings.py bir alıntı var. Medya ve statik kök dizin kurulum buildout kullanımını varsayar, ancak kendi dosya sistemi kurulum için çevirebilir:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui'
& Nbsp; 'kompresör',
& Nbsp; 'staticfiles'
& Nbsp; 'django.contrib.admin'
& Nbsp; 'django.contrib.auth'
& Nbsp; 'django.contrib.contenttypes'
& Nbsp; 'django.contrib.sessions'
& Nbsp; 'django.contrib.sites'
& Nbsp;]
# Not: Aşağıdaki ayarları gerektiği daha ayrıntılı olarak,
# Ama biz Django_compressor'un sıkıştırmak test etmek istediğiniz
# Yüzden bir medya url ve kök ve ihtiyacı vardır.
True # Seti COMPRESS ne zaman sıkıştırma test etmek istiyorsanız
# DEBUG == true. (Varsayılan olarak, COMPRESS tersidir
# DEBUG).
COMPRESS = false
# SETTINGS_DIR medya yolları ve böylece göreli olmasını sağlar
# Bu ayarları kodlanmış yerine dosya
# C: yalnızca benim bilgisayar üzerinde.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ FILE__))
# BUILDOUT_DIR, "çevre" buildout erişim için bir
BUILDOUT_DIR / var / statik dosyaları vermek için örneğin #
# Tüm toplanan yerleştirmek için uygun bir yer django-staticfiles
# Statik dosyaları.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
Kullanıcı yüklenen tutan dizinin # Mutlak yolu
# Medya.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'medya')
# Dizinin mutlak yolunu nerede django-staticfiles '
# "Bin / Django build_static" yerler tüm statik toplanan
Tüm uygulamalar '/ medya dizinden # dosyaları.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'statik')
# Medya MEDIA_ROOT arası servis kolları URL. Yapmak
Bir yol bileşeni varsa # emin bir bölü kullanmak için
# (Diğer durumlarda isteğe bağlı).
MEDIA_URL = '/ media /'
Başına bir uygulama / medya statik dosyaları için # URL toplanan
Django-staticfiles tarafından #. {{"Gibi şablonları kullanın
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
Admin medya # URL öneki - CSS, JavaScript ve
# Görüntüler. Bir bölü kullandığınızdan emin olun. Kullanım
Django-staticfiles gibi # STATIC_URL güzel adminin toplar
STATIC_ROOT / yönetici içine # statik medya.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
# Depolama Motor sıkıştırma sırasında kullanılacak
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Medya bağlantılı URL okunur ve sıkıştırılmış olacak
# Medya yazılır.
COMPRESS_URL = STATIC_URL
# Medya bağlantılı mutlak dosya yolu okunacaktır
# Ve sıkıştırılmış medya yazılır.
COMPRESS_ROOT = STATIC_ROOT
# Django-staticfiles için kullanılır
TEMPLATE_CONTEXT_PROCESSORS (=
& Nbsp; # Varsayılan öğeleri.
& 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; # size izin Django-staticfiles için eklenecek İhtiyaçları
& Nbsp; # şablonlarınızda {{}} STATIC_URL myapp / my.css kullanmak için.
& Nbsp; 'staticfiles.context_processors.static_url'
& Nbsp;)
Ve uygun bir apache yapılandırma ipucu:

& Nbsp; # css / javascript / görüntü staticfiles önbelleğe alınır
& Nbsp; bir gün # tarayıcı.
& Nbsp; ExpiresActive Açık
& Nbsp; ExpiresDefault "erişim artı 1 gün"


& Nbsp; # django_compress en oluşturulan timestamp'ed dosyalar:
& Nbsp; # önbellek sonsuza
& Nbsp; ExpiresActive Açık
& Nbsp; ExpiresDefault "erişim artı 10 yıl"

# Statik dosyalar apache kendisi tarafından barındırılan.
# Kullanıcı yüklenen medya: MEDIA_URL = '/ media /'
Alias ​​/ media / $ {buildout: dizin} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: dizin} / var / statik /
Kullanım
Sen kertenkele-ui en adresler monte edebilirsiniz, ancak bu örnekler yalnızca canlı içerir. Yani belki de sadece / ui altında hata ayıklama modunda monte edilmelidir. Kullanışlı, mevcut bloklar ve sınıflar / kullanabilirsiniz kimlikleri de dahil olmak üzere, bunu nasıl kullanılacağı hakkında makul tam belgeleri içerir gibi.
Baz düzeni realbase.html tanımlanır. Bununla birlikte lizard_ui / lizardbase.html uzatmak ve daha sonra istediğiniz blokları geçersiz gerekir.
CSS ve JavaScript ile ilgili bloklar ilave edilmelidir, ancak "block.super" dediğimiz unutmayın. Örnek:
{% "Lizard_ui / lizardbase.html"% uzanan}
{% Blok css%}
{{Block.super}}
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; medya = "ekran, projeksiyon"
& Nbsp; rel = "stylesheet" />
{% Uçbloğun css%}
{% Blok javascript%}
{{Block.super}}



{% Uçbloğun javascript%}
{% Blok içeriği%}

{% Uçbloğun içeriği%}
Ortak bir görev bir örnek: logosunu değiştirmek. Bunun için, senin Django uygulaması (veya site) bir medya / lizard_ui dizini yapmak ve bunu bir logo.png yerleştirin. Django-staticfiles 'mekanizması kertenkele-ui yılların tercih sizin logo.png alacak.
Geliştirme yükleme
İlk kez, setuptools ve buildout kurmak için "önyükleme" komut dosyası çalıştırmak gerekir:
$> Python bootstrap.py
Ve sonra her şeyi kurmak için buildout çalıştırın:
$> Bin / buildout
(Windows üzerinde bu bin buildout.exe denir).
Siz veya bir başkası setup.py veya buildout.cfg bir değişiklik yapıldığı zaman sen buildout yeniden çalıştırın gerekir.
.py dosyaları değişiklikler (sadece python setup.py geliştirmek olduğu gibi) otomatik olarak kullanılabilir yani şimdiki paket, bir "kalkınma paketi" olarak yüklenir.
(Yerine serbest sürümleri), diğer paketlerin gövde checkouts kullanmak istiyorsanız, local_checkouts / dizininde bir "svn harici" olarak ekleyin ve buildout.cfg içinde = geliştirmeye listeye ekleyebilirsiniz.

Yeni Bu sürümde ne:

• Kaldırılan `` (4.25 tanıtılan) bizim istisna katman gelen sentry_exception_handler () `` çağrı, yine. Bu testler kırar. Ayrıca soruşturma biz değil, hangi bizim katman bir değer dönerseniz çağrı sadece gerekli olduğunu göstermiştir.

sürüm 4.17 yeni nedir:

• Sabit logosu: Kaldırılan eserler; kertenkele ayak daha belirgin hale.

nedir sürüm 4.1 Yeni:

• hesapta inşa çalışıyorum biz yok bile Geçerli sayfaya işaret eden bir uygulama simgesi.

sürümünde yeni 'nedir 4.0 Beta 4:

• UIView üzerinde `` required_permission`` niteliğini eklendi. Eğer ayarlarsanız, izin kontrol edilir ve gerekirse kullanıcı, yönlendirilir.

nedir sürümü Yeni 4.0 Beta 1:

• UI düzeltmeleri: grafikler yük otomatik olarak tekrar; çalışma öğesi altlıkları / marjları; jQueryUI düğmeleri bootstrap en css ile onlar çatışma olarak yorumladı.
• Yükseltildi nöbetçi istemci kuzgun için.
• Güncelleme configchecker.
• jquery-ui-1.8.5.custom.css içinde Yorumlananlar hat 413 sınıf .ui-düğme-salt metin .ui-düğme-metin [Gijs Nijholt]
(Twitter Bootstrap ile) çelişkili kaldırmak için
• modal ve olmayan kalıcı giriş formu ile bazı etkileşim sorunları düzeltildi.
• Restore akordeon davranışı ve geliştirilmiş leftbar stil.

nedir sürüm 4.0 Alpha 2 Yeni:

• Sabit google maps (görünmez olurdu) tarafından bootstrap en css max-genişliği kaldırarak.

sürüm 3.11 yeni nedir:

• Yapılan kırıntıları yapılandırılabilir
• Uygulama ekranlarına ekmek kırıntıları için eklendi yardımcı fonksiyonları

sürüm 3.7 yeni nedir:

• eklendi `` canlı: o kadar içkili araç ipuçları için true`` Daha sonra oluşturulan elemanları da ipuçları alabilirsiniz

sürüm 3.6 yeni nedir:

• django gibi js listesinde datatable ve colorpicker ve takas sipariş -compressor onlara bobinleri biraz.

Daha sağlam
• Yapılan debugmode_urlpatterns (). Bu settings.py içinde MEDIA_URL ve MEDIA_ROOT ayarları olmadan çöktü
• Geliştirilmiş i18n ve içkili araç ipuçları.

Gereksinimler :

• Python
• Django