bayawak-ui nagbibigay ng isang pangunahing Django user interface, kaya basehan Django template at ilang CSS + JavaScript. & Nbsp; dinisenyo namin ito sa Nelen & Schuurmans para sa aming impormasyon website heograpikal (na may impormasyon pamamahala ng tubig).
Mga Pagpipilian, mga kinakailangan, mga pagpapalagay
Butiki-ui ay malaki ang pagkakilala sa sarili: ito ay gumagawa pagpipilian at prescribes (mahusay na!) Na teknolohiya.
& Nbsp; * Kasamang: ang magplano css framework. Nire-reset ito estilo css sa gayon ay mayroon kaming isang pangkaraniwang base. Inaayos nito ang mga karaniwang layout IE bug. Nagbibigay ito ng mga pangunahing palalimbagan na medyo kasiya-siya.
& Nbsp; * Kinakailangan: Django-staticfiles. Para sa mas maligoy na paglalarawan, tingnan ang entry ng blog Reinout ng (nakasulat sa butiki-ui sa isip).
& Nbsp; * Kinakailangan: django_compressor para sa pagsasama-sama ng css / javascript file sa produksyon.
& Nbsp; * Assumption: isa screen, gamit ang buong lapad / taas ng browser, nang walang pag-scroll. Ang aming pangunahing layunin ay nagpapakita ng gandang malaking mapa gamit ang isang maliit na header at sidebar. Hindi mo nais na mag-scroll sa isang mapa. Ito ay siyempre posible na magkaroon ng isang scrollbar sa loob na pangunahing lugar mismong nilalaman.
& Nbsp; * Assumption: javascript ay magagamit. Uy, kami ay nagpapakita ng isang mapa kaya kailangan mong javascript. Kaya malayang naming gamitin ang javascript upang makuha ang mga karapatan ng UI, halimbawa sa pamamagitan ng paghanap at pag-set lapad ng pangunahing lugar ng nilalaman at taas.
& Nbsp; * Kasamang: jquery. Oo, ito ay medyo marami ang standard na ngayong mga araw na ito. Kaya ginagamit namin jquery kung saan maaari jquery gamitin sa halip ng paggawa nito sa mga generic javascript.
& Nbsp; * Kasamang: parehong jqueryui at jquerytools. Visual na goodies. Jquerytools para sa overlay at tab, jqueryui para sa natitirang (i-drag / drop at iba pa).
& Nbsp; * Kasamang: openlayers bilang mapa javascript library. (Bayawak-mapa, sooooon upang ilabas, naglalaman ang aming pangunahing pakikipag-ugnayan mapa javascript at python code).
Butiki-ui ng mga barko na may isang pares ng mga panlabas na css / javascript library.
Magplano
& Nbsp; Binagong MIT
Jquery at jqueryui
& Nbsp; dual lisensyado sa ilalim ng MIT o GPL Bersyon 2 lisensya. May kasamang Sizzle.js, inilabas sa ilalim ng Lisensya MIT, BSD, at GPL.
Jquerytools
& Nbsp; Walang mga copyright o lisensya. Gawin kung ano ang gusto mo.
Openlayers
& Nbsp; I-clear ang BSD lisensya.
Famfamfam hanay icon
& Nbsp; lisensya pagpapatungkol CC.
Treeview jquery plugin
& Nbsp; MIT / GPL
Mga setting Django
Narito ang isang sipi ng isang settings.py maaari mong gamitin. Ipinapalagay Ang pag-setup ng media at static na root directory ng paggamit ng mga buildout, ngunit maaari mo itong i-translate sa iyong sariling filesystem setup:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'tagapiga',
& Nbsp; 'staticfiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# Tandaan: ang mga setting sa ibaba ay mas detalyadong kaysa sa kinakailangan,
# Ngunit nais naming subukan ang pag-compress ng django_compressor kung saan
# Nangangailangan ng media url at ugat at iba pa.
# Itakda ang I-compress sa True kung gusto mong subukan ang compression kapag
# DEBUG == True. (Sa pamamagitan ng default, i-compress ang tapat ng
# DEBUG).
I-compress = Maling
# SETTINGS_DIR nagbibigay-daan sa media path at iba pa upang maging may kaugnayan sa
# Ito setting maghain sa halip na hardcoded sa
# C: lang sa aking computer.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR ay para sa pag-access sa "kapaligiran" buildout,
# Halimbawa para sa BUILDOUT_DIR / var / static na mga file upang bigyan
# Django-staticfiles tamang lugar upang ilagay ang lahat ng mga nakolektang
# Static na mga file.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Ganap na daanan sa direktoryo na hold upload ng user-
# Media.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'media')
# Ganap na daanan sa direktoryo kung saan Django-staticfiles '
# "Bin / Django build_static" lugar na nakolekta ang lahat ng mga static
# Mga file mula sa lahat ng mga application 'directory / media.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'static')
# URL na humahawak sa media almusal mula MEDIA_ROOT. Gumawa
# Siguraduhin na gamitin ang isang trailing slash kung mayroong ay isang bahagi ng landas
# (Opsyonal sa ibang mga kaso).
MEDIA_URL = '/ media /'
# URL para sa static na mga file per-application / media nakolekta
# Pamamagitan ng Django-staticfiles. Gamitin ito sa mga template tulad ng "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# Prefix ng URL para sa admin ng media - CSS, JavaScript at
# Mga larawan. Siguraduhin na gumamit ng isang trailing slash. Mga Gamit
# STATIC_URL bilang Django-staticfiles ng mabuti nangongolekta ng admin ni
# Static na media sa STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Engine # Storage upang gamitin sa panahon ng compression
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# Ang URL na naka-link sa media ay basahin mula sa at naka-compress
# Media ay nakasulat sa.
COMPRESS_URL = STATIC_URL
# Ang absolute path ng file na naka-link sa media ay basahin mula sa
# At naka-compress na media ay nakasulat sa.
COMPRESS_ROOT = STATIC_ROOT
# Ginagamit para sa Django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; # Default na mga item.
& 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; # Nangangailangan idagdag para sa Django-staticfiles upang payagan kang
& Nbsp; # gamitin ang {{STATIC_URL}} myapp / my.css sa iyong template.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
At isang angkop pahiwatig Apache config:
& Nbsp; # Ang staticfiles css / javascript / imahe ay naka-cache na sa
& Nbsp; # browser para sa isang araw.
& Nbsp; ExpiresActive Sa
& Nbsp; ExpiresDefault "-access plus 1 araw"
& Nbsp; # django_compress ng nabuo timestamp'ed mga file:
& Nbsp; # cache magpakailanman
& Nbsp; ExpiresActive Sa
& Nbsp; ExpiresDefault "-access plus 10 taon"
# Static mga file ay naka-host sa pamamagitan ng Apache mismo.
#-Upload ng User media: MEDIA_URL = '/ media /'
Alias / media / $ {buildout: direktoryo} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias / static_media / $ {buildout: direktoryo} / var / static /
Paggamit
Maaari mong i-mount ang mga url butiki-ui, ngunit ito ay naglalaman mabuhay mga halimbawa lamang. Kaya marahil dapat mo lang i-mount ito sa pag-debug mode sa ilalim ng / ui. Madaling gamiting, pati na ito ay naglalaman ng makatwirang buong babasahin sa kung paano gamitin ito, kabilang ang magagamit bloke at klase / ID na maaari mong gamitin.
Ang batayang layout ay tinukoy sa realbase.html. Dapat mong gayunpaman pahabain lizard_ui / lizardbase.html at pagkatapos ay i-override ang mga bloke na gusto mo.
CSS at javascript ay dapat idagdag sa ang may-katuturang mga bloke, ngunit huwag kalimutang tawagan ang "block.super". Isang halimbawa:
{% Ay umaabot "lizard_ui / lizardbase.html"%}
{% Bloke css%}
{{Block.super}}
& Nbsp; media = "screen, projection"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Bloke javascript%}
{{Block.super}}
{% Endblock javascript%}
{% Bloke ng nilalaman%}
{% Endblock nilalaman%}
Ang isang halimbawa ng isang karaniwang gawain: baguhin ang logo. Para na, gumawa ng isang media directory / lizard_ui sa iyong Django application (o site) at maglagay ng logo.png sa loob nito. Mekanismo Django-staticfiles 'ay magdadala sa iyong logo.png sa kagustuhan sa butiki-ui iyon.
Pag-unlad ng pag-install
Sa unang pagkakataon, magkakaroon ka upang patakbuhin ang "Bootstrap" script upang i-set up setuptools at buildout:
$> Python bootstrap.py
At pagkatapos ay magpatakbo ng buildout upang i-set up ang lahat ng bagay:
$> Bin / buildout
(Sa mga bintanang ito ay tinatawag na bin buildout.exe).
Kakailanganin mong mag muling tumakbo buildout kapag kayo o ang ibang tao ang gumawa ng pagbabago sa setup.py o buildout.cfg.
Ang kasalukuyang pakete ay naka-install bilang isang "pag-unlad pakete", kaya ang mga pagbabago sa .py mga file ay awtomatikong magagamit (tulad lamang ng sa python setup.py bumuo).
Kung gusto mo (sa halip na inilabas bersyon) upang gamitin ang nguso ng elepante checkouts ng iba pang mga package, idagdag ang mga ito bilang isang "svn panlabas" sa local_checkouts / direktoryo at idagdag ang mga ito sa bumuo = listahan sa buildout.cfg.
Ano ang bagong sa paglabas:
- Inalis `` sentry_exception_handler () `` tawag mula sa aming mga pagbubukod middleware (ipinakilala sa 4.25), muli. Ito Pinaghihiwa ang mga pagsubok. Higit pang pagsisiyasat ay nagpakita na ang tawag ay kinakailangan lamang kung ibabalik namin ng isang halaga sa aming middleware, na hindi namin.
Ano ang bagong sa bersyon 4.17:
- Ang Nakatakdang logo: inalis na artifact; ginawa ang paa ng butiki mas malinaw.
Ano ang bagong sa bersyon 4.1:
- Sinusubukang bumuo ng isang breadcrumb na kahit na kami ay walang isang icon ng application na tumuturo sa kasalukuyang pahina.
Ano ang bagong sa bersyon 4.0 Beta 4:
- Idinagdag `` required_permission`` attribute sa mga UiView. Kung itinakda mo ito, ang pahintulot ay naka-check at nai-redirect ang gumagamit, kung kinakailangan.
Ano ang bagong sa bersyon 4.0 Beta 1:
- pag-aayos ng UI: graphs-load ng awtomatikong muli; paddings workspace item / margin; mga pindutan jqueryui Nagkomento out habang ang mga ito sumasalungat sa css Bootstrap iyon.
- -upgrade na nagbabantay client upang kumain nang buong katakawan.
- Na-update configchecker.
- Nagkomento linya 413 sa jquery-ui-1.8.5.custom.css alisin conflicing (may Twitter Bootstrap) klase .ui-pindutan-teksto lamang .ui button-text-[Gijs Nijholt]
- Mga Fixed ilang mga isyu sa pakikipag-ugnayan sa modal at non-modal form sa pag-login.
- Naipanumbalik ang pag-uugali ng akurdyon at pinahusay na leftbar estilo.
Ano ang bagong sa bersyon 4.0 Alpha 2:
- Ang Nakatakdang google mga mapa (na magiging invisible) sa pamamagitan ng pag-aalis ng max na lapad mula sa css Bootstrap iyon.
Ano ang bagong sa bersyon 3.11:
- Ginawa breadcrumbs-configure
- Added helper function para sa breadcrumbs sa mga screen ng application
Ano ang bagong sa bersyon 3.7:
- Idinagdag `` live: true`` sa lasing mga tooltip kaya na elemento na nilikha sa ibang pagkakataon ay maaari ring makakuha ng mga tooltip
Ano ang bagong sa bersyon 3.6:
- Swapped pagkakasunud-sunod ng datatable at colorpicker sa listahan js bilang Django -compressor chokes sa mga ito nang kaunti.
- Ginawa debugmode_urlpatterns () mas matatag. Nag-crash nang hindi MEDIA_URL at MEDIA_ROOT setting sa settings.py
- Pinahusay na i18n at lasing nang bahagya tooltip.
Mga Kinakailangan :
- Python
- Django
Mga Komento hindi natagpuan