lizard-ui

จิ้งจก-UI มีอินเตอร์เฟซผู้ใช้ Django ขั้นพื้นฐานเพื่อให้ฐานแม่แบบ Django และบาง CSS + JavaScript ใน & nbsp;. เราได้ออกแบบไว้ที่ Nelen & Schuurmans สำหรับเว็บไซต์ข้อมูลทางภูมิศาสตร์ของเรา (ที่มีข้อมูลการบริหารจัดการน้ำ)
เลือกข้อกำหนดสมมติฐาน
จิ้งจก-UI เป็นดื้อดึง: มันทำให้ตัวเลือกและพลอยเทคโนโลยี (ดี!)
& nbsp; * รวม: พิมพ์เขียวกรอบ CSS มันรีเซ็ต CSS รูปแบบเพื่อที่เราจะได้มีฐานร่วมกัน มันแก้ไขข้อบกพร่อง IE รูปแบบที่พบบ่อย มันทำให้การพิมพ์พื้นฐานที่เป็นที่ชื่นชอบมากทีเดียว
& nbsp; * ต้องการ: Django-staticfiles สำหรับคำอธิบาย verbose เพิ่มเติมโปรดดูที่บล็อกของ Reinout (เขียนด้วยจิ้งจก-UI ในใจ)
& nbsp; * ต้องการ: django_compressor ​​สำหรับการรวม CSS / ไฟล์จาวาในการผลิต
& nbsp; * อัสสัมชั: หนึ่งหน้าจอโดยใช้เต็มความกว้าง / ความสูงของเบราว์เซอร์โดยไม่ต้องเลื่อน เป้าหมายหลักของเรามีการแสดงแผนที่ขนาดใหญ่ที่ดีกับส่วนหัวมีขนาดเล็กและแถบด้านข้าง คุณไม่ต้องการที่จะเลื่อนแผนที่ เป็นหลักสูตรที่เป็นไปได้ที่จะมีการเลื่อนภายในพื้นที่เนื้อหาหลักที่ตัวเอง
& nbsp; * อัสสัมชั: จาวาสคริปต์ที่สามารถใช้ได้ เฮ้เรากำลังแสดงแผนที่ดังนั้นคุณต้องเปิดการ ดังนั้นเราอย่างกว้างขวางใช้ Javascript หากต้องการได้รับสิทธิ UI เช่นโดยการตรวจสอบและการตั้งค่าความกว้างของพื้นที่เนื้อหาหลักและความสูง
& nbsp; * รวม: jQuery ใช่มันสวยมากมาตรฐานในปัจจุบัน ดังนั้นเราจึงใช้ jQuery jQuery ที่สามารถนำมาใช้แทนการทำกับ JavaScript ทั่วไป
& nbsp; * รวม: jQueryUI และ jquerytools สารพัดภาพ Jquerytools ภาพซ้อนทับและแท็บ jQueryUI สำหรับส่วนที่เหลือ (ลาก / ลดลงและอื่น ๆ )
& nbsp; * รวม: openlayers แผนที่ห้องสมุด JavaScript (จิ้งจกแผนที่, sooooon ที่จะได้รับการปล่อยตัวออกมามีปฏิสัมพันธ์แผนที่ขั้นพื้นฐานของเราจาวาสคริปต์และรหัสหลาม)
เรือจิ้งจก-UI กับคู่ของ CSS ภายนอก / ห้องสมุด JavaScript
พิมพ์เขียว
& nbsp; ดัดแปลงเอ็มไอที
Jquery และ jQueryUI
& nbsp; คู่ภายใต้ใบอนุญาต MIT หรือจีพีรุ่น 2 ใบอนุญาต รวม Sizzle.js ปล่อยใต้ MIT, BSD และใบอนุญาต GPL
Jquerytools
& nbsp; ไม่มีลิขสิทธิ์หรือใบอนุญาต ทำในสิ่งที่คุณต้องการ
Openlayers
& nbsp; ล้างใบอนุญาต 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 สื่อและรากและอื่น ๆ
# ชุดอัดทรูถ้าคุณต้องการที่จะทดสอบการบีบอัดเมื่อ
# ดีบัก == True (โดยค่าเริ่มต้นลูกประคบตรงข้าม
# ดีบัก)
ลูกประคบ = เท็จ
# SETTINGS_DIR ช่วยให้เส้นทางสื่อและอื่น ๆ ที่จะเป็นเมื่อเทียบกับ
# การตั้งค่าไฟล์นี้แทนการโค้ดไป
# 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" ทุกสถานที่เก็บรวบรวมแบบคงที่
ไฟล์ # จากการใช้งานทั้งหมด 'directory / สื่อ
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
ADMIN_MEDIA_PREFIX = STATIC_URL + admin / '
เครื่องยนต์ # การจัดเก็บข้อมูลที่จะใช้ในระหว่างการบีบอัด
COMPRESS_STORAG​​E = "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 ที่เหมาะสม:
<ตั้ง / static_media />
& nbsp; # CSS / javascript / ภาพ staticfiles จะถูกเก็บไว้ใน
& nbsp; เบราว์เซอร์ # วัน
& nbsp; ExpiresActive บน
& nbsp; ExpiresDefault "การเข้าถึงบวก 1 วัน"

<ตั้ง / static_media / cache />
& nbsp; # django_compress ของการสร้างไฟล์ timestamp'ed:
& nbsp; แคช # ตลอดไป
& nbsp; ExpiresActive บน
& nbsp; ExpiresDefault "การเข้าถึงบวก 10 ปี"

# ไฟล์คงเป็นเจ้าภาพโดย Apache ตัวเอง
# สื่อที่ผู้ใช้อัปโหลด: MEDIA_URL = '/ สื่อ /'
นามแฝง / สื่อ / $ {buildout: ไดเรกทอรี} / var / สื่อ /
# Django-staticfiles: STATIC_URL = '/ static_media /'
นามแฝง / static_media / $ {buildout: ไดเรกทอรี} / var / คงที่ /
การใช้งาน
คุณสามารถติด URL ที่จิ้งจก-UI แต่มันมีชีวิตอยู่เพียงตัวอย่าง ดังนั้นบางทีคุณควรติดมันในโหมดการแก้ปัญหาภายใต้ / UI มีประโยชน์เนื่องจากมีเอกสารฉบับเต็มพอสมควรเกี่ยวกับวิธีการใช้มันรวมทั้งบล็อกที่มีอยู่และมีชั​​้นเรียน / รหัสที่คุณสามารถใช้
รูปแบบฐานที่กำหนดไว้ใน realbase.html แต่คุณควรขยาย lizard_ui / lizardbase.html แล้วแทนที่บล็อกที่คุณต้องการ
CSS และ JavaScript ควรจะเพิ่มบล็อกที่เกี่ยวข้อง แต่ไม่ลืมที่จะเรียกว่า "block.super" ตัวอย่างเช่น:
{% ขยาย "lizard_ui / lizardbase.html"%}
{% บล็อก CSS%}
{{block.super}}
<ชนิดของการเชื่อมโยง = "text / css"
& nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& nbsp; สื่อ = "หน้าจอการฉาย"
& nbsp; rel = "สไตล์" />
{% Endblock CSS%}
{บล็อก% JavaScript%}
{{block.super}}



{% Endblock JavaScript%}
{% บล็อกเนื้อหา%}

{% Endblock เนื้อหา%}
ตัวอย่างของงานทั่วไป: เปลี่ยนโลโก้ เพื่อที่จะทำให้สื่อ / directory lizard_ui ในการประยุกต์ใช้ django ของคุณ (หรือเว็บไซต์) และสถานที่ logo.png ในนั้น กลไก Django-staticfiles 'จะใช้เวลา logo.png ของคุณในการตั้งค่าจิ้งจก-UI ของ
การติดตั้งการพัฒนา
ครั้งแรกที่คุณจะต้องใช้ "บูต" สคริปต์การตั้งค่า setuptools และ buildout:
$> bootstrap.py หลาม
และเรียกใช้ buildout เพื่อตั้งค่าทุกอย่างขึ้น:
$> bin / buildout
(ในหน้าต่างจะเรียกว่า bin buildout.exe)
คุณจะต้อง re-run buildout เมื่อคุณหรือคนอื่นทำให้การเปลี่ยนแปลงใน setup.py หรือ buildout.cfg
แพคเกจปัจจุบันมีการติดตั้งเป็น "แพคเกจการพัฒนา" ดังนั้นการเปลี่ยนแปลงในแฟ้ม .py มีอยู่โดยอัตโนมัติ (เช่นเดียวกับงูหลาม setup.py พัฒนา)
ถ้าคุณต้องการที่จะใช้จ่ายเงินลำต้นของแพคเกจอื่น ๆ (แทนรุ่นปล่อยตัว), เพิ่มพวกเขาเป็น "SVN ภายนอก" ใน local_checkouts ไดเรกทอรี / และเพิ่มให้พัฒนารายการ = ใน buildout.cfg.

มีอะไรใหม่ ในข่าวประชาสัมพันธ์นี้:

• การแกะ `` sentry_exception_handler () `` โทรศัพท์จากตัวกลางข้อยกเว้นของเรา (แนะนำใน 4.25) อีกครั้ง ซึ่งจะเป็นการแบ่งการทดสอบ การตรวจสอบเพิ่มเติมพบว่าสายมีความจำเป็นเฉพาะในกรณีที่เราจะกลับค่าในตัวกลางของเราซึ่งเราทำไม่ได้.

มีอะไรใหม่ ในรุ่น 4.17:

• โลโก้ Fixed: สิ่งประดิษฐ์ที่ถูกลบออก; ทำให้เท้าของจิ้งจกเด่นชัดมากขึ้น.

มีอะไรใหม่ ในรุ่น 4.1:

• การพยายามที่จะสร้างเกล็ดขนมปังแม้ว่าเราไม่ได้มี ไอคอนโปรแกรมชี้ไปที่หน้าปัจจุบัน.

มีอะไรใหม่ ในรุ่น 4.0 Beta 4:

• เพิ่ม `` แอตทริบิวต์ required_permission`` ใน UIView ถ้าคุณตั้งค่าได้รับอนุญาตจะถูกตรวจสอบและผู้ใช้เปลี่ยนเส้นทางถ้าจำเป็น.

มีอะไรใหม่ ในรุ่น 4.0 Beta 1:

• แก้ไข UI: กราฟโหลดอีกครั้งโดยอัตโนมัติ รายการพื้นที่ทำงาน paddings / อัตรากำไรขั้นต้น; ปุ่ม jQueryUI ออกความเห็นตามที่พวกเขาขัดแย้งกับ CSS บูตของ.
• ลูกค้ายามอัพเกรดเพื่อกา.
• Updated configchecker.
• สาย 413 ความคิดเห็นใน jQuery-UI-1.8.5.custom.css เพื่อลบ conflicing (กับ Twitter Bootstrap) ชั้น .ui-ปุ่มข้อความเท่านั้น .ui ปุ่มข้อความ [Gijs Nijholt]
• คงที่บางประเด็นที่มีปฏิสัมพันธ์กับคำกริยาและรูปแบบการเข้าสู่ระบบไม่เป็นกิริยา.
• พฤติกรรมหีบเพลงบูรณะและจัดแต่งทรงผมที่ดีขึ้น leftbar.

มีอะไรใหม่ ในรุ่น 4.0 อัลฟาที่ 2:

• แผนที่ google ถาวร (ซึ่งจะเป็นที่มองไม่เห็น) โดย การลบความกว้างสูงสุดจาก CSS บูตของ.

มีอะไรใหม่ ในรุ่น 3.11:

• สวดมนต์ทำกำหนดค่า
• เพิ่มฟังก์ชั่นช่วยสำหรับการสวดมนต์ไปยังหน้าจอการประยุกต์ใช้

มีอะไรใหม่ ในรุ่น 3.7:

• เพิ่ม `` สด: true`` เพื่อคำแนะนำเพื่อให้เมา องค์ประกอบที่สร้างขึ้นในภายหลังยังสามารถได้รับเคล็ดลับ

มีอะไรใหม่ ในรุ่น 3.6:

• เพื่อสลับของ DataTable และ colorpicker ในรายการ JS เป็น django -compressor ​​ฉายาที่พวกเขาบิต.
• debugmode_urlpatterns ทำ () ที่แข็งแกร่งมากขึ้น มันล้มเหลวโดยไม่ต้อง MEDIA_URL และการตั้งค่า MEDIA_ROOT ใน settings.py
• i18n ปรับปรุงและคำแนะนำมึนเมา.

ต้องการ

• หลาม
• Django