lizard-ui

гущер-UI предоставя основен Django потребителски интерфейс, така че база Django шаблон и някои CSS + JavaScript & Nbsp;. Ние го проектирана в Nelen & Schuurmans за нашите географски информационни сайтове (с управление на водите на информация).
<Силен> избор, изисквания, предположения
Lizard-UI е упорит: тя прави избори и предписва (добре!) Технологии.
& Nbsp; * Включени: рамките на проект CSS. Това нулира стилове CSS, така че ние имаме обща база. Той определя общите IE оформление бъгове. Той дава основния типография, че е доста приятен.
& Nbsp; * Задължително: Django-staticfiles. За по-подробен изход, вижте блога Reinout си (написана с гущер-UI в предвид).
& Nbsp; * Задължително: django_compressor за комбиниране на CSS / JavaScript файлове в производството.
& Nbsp; * Успение: един екран, използвайки цялата ширина / височина на браузъра, без да превъртате. Основната ни цел е да покаже хубава карта с малък удар с глава и страничната лента. Вие не искате да преминете на картата. Това разбира се е възможно да има плъзгач вътре, че самата основна област на съдържание.
& Nbsp; * Успение: JavaScript е достъпно. Хей, ние показваме картата ни трябва ДжаваСкрипт. Така че ние щедро използва JavaScript, за да получите право на UI, например чрез откриване и определяне на ширина и височина на района основното съдържание.
& Nbsp; * Включени: JQuery. Да, това е съвсем стандартно днес. Така че ние използваме JQuery където JQuery може да се използва, вместо да го правите с родово JavaScript.
& Nbsp; * Включени: jqueryui както и jquerytools. Визуалните екстри. Jquerytools за наслагването и разделите, jqueryui за останалите (влачене / спад и така).
& Nbsp; * Включени: openlayers като картата JavaScript библиотека. (Lizard-картата, sooooon да бъде освободен, съдържа нашата основна карта взаимодействие JavaScript и Python код).
Lizard-UI кораби с няколко външни CSS / JavaScript библиотеки.
План
& Nbsp; Променено MIT
Jquery и jqueryui
& Nbsp; Dual разпространява под MIT или GPL версия 2 лицензии. Включва Sizzle.js, освободени в рамките на лицензиите на MIT, BSD, и GPL.
Jquerytools
& Nbsp; Не авторски права или лицензи. Правете това, което ви харесва.
Openlayers
& Nbsp; лиценз Clear BSD.
Икона Famfamfam набор
& Nbsp; лиценз CC признание.
Treeview JQuery плъгин
& Nbsp; MIT / 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 и корен и така.
# Set COMPRESS да True, ако искате да тествате компресия, когато
# DEBUG == True. (По подразбиране COMPRESS е обратното на
# DEBUG).
COMPRESS = False
# SETTINGS_DIR позволява медийните пътеки и така да бъдат свързани с
# Тази Файлът с настройки вместо кодиран да
# C: само на моя компютър .
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR е за достъп до "околната" buildout,
# Например за BUILDOUT_DIR / Var / статични файлове, за да дадат
# Джанго-staticfiles правилното място на място цялата събрана
# статични файлове.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, ".."))
# Абсолютен път до директорията, в която държи качен от потребител
# медии.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, "Var", "медии")
# абсолютен път до директорията, в която Django-staticfiles "
# "Бин / Django build_static" места на всички събрани статични
# файлове от всички приложения '/ медии директория.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, "Var", "статична")
# URL, който обработва медиите, обслужвани от MEDIA_ROOT. Правя
# Забравяйте да използвате наклонена черта, ако има компонент пътека
# (Не е задължително в други случаи).
MEDIA_URL = "/ медии /"
# URL за предприемане на заявление / Медии статични файлове, събрана
# От Django-staticfiles. Използвайте го в шаблони като "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = "/ static_media /"
# URL префикс за админ медии - CSS, JavaScript и
# изображения. Уверете се, че да се използва наклонена черта. Употреби
# STATIC_URL като Django-staticfiles добре събира администраторски си
# статични медии в STATIC_ROOT / администратор.
ADMIN_MEDIA_PREFIX = STATIC_URL + "админ /"
Двигател # съхранение да се използва по време на компресия
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Адрес, свързани медии ще се чете от и сгъстен
# медии ще бъдат написани на.
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 конфигурационния намек:
<Място / static_media />
& Nbsp; # staticfiles СГО / JavaScript / изображения са кеширани в
& Nbsp; # браузър за един ден.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "достъп плюс един ден"

<Място / static_media / CACHE />
& Nbsp; # django_compress генерираха timestamp'ed файлове:
& Nbsp; # кеш завинаги
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "достъп плюс десет години"

# Статични файлове се хостват от само себе си Apache.
# Качен от потребителя медии: MEDIA_URL = "/ медии /"
Alias ​​/ медии / $ {buildout: указател} / Var / медии /
# Django-staticfiles: STATIC_URL = "/ static_media /"
Alias ​​/ static_media / $ {buildout: указател} / Var / статични /
<Силен> Usage
Можете да монтирате URL адреси гущер-UI, но тя съдържа само примерни. Така че може би трябва да го монтирате само в режим на отстраняване на грешки по / UI. Handy, тъй като тя съдържа разумно пълна документация за това как да го използвате, включително наличните блокове и класове / идентификатори, които можете да използвате.
Оформлението на база се определя в realbase.html. Можете, обаче, трябва да се разшири lizard_ui / lizardbase.html и след това замени блоковете, които искате.
CSS и JavaScript трябва да се добавят към съответните блокове, но не забравяйте да се обадите "block.super". Пример:
{% Простира "lizard_ui / lizardbase.html"%}
{% Блок CSS%}
{{Block.super}}
<Тип линк = "текст / CSS"
& Nbsp; HREF = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; медии = "екран, проекция"
& Nbsp; отн = "стилове" />
{% Endblock CSS%}
{% Блок JavaScript%}
{{Block.super}}
<Тип скрипт = "текст / JavaScript"
& Nbsp; SRC = "{{}} STATIC_URL openlayers / OpenLayers.js">

<Тип скрипт = "текст / JavaScript"
& Nbsp; SRC = "{{}} STATIC_URL lizard_map / lizard_map.js">
{% Endblock JavaScript%}
{% Съдържание блок%}
<Разделение ID = "Карта">