lizard-ui

thằn lằn ui cung cấp một giao diện người dùng cơ bản Django, do đó, một cơ sở Django mẫu và một số CSS + Javascript & nbsp;. Chúng tôi thiết kế nó ở Nelen & Schuurmans cho các trang web thông tin địa lý của chúng tôi (với thông tin quản lý nước).
Lựa chọn, yêu cầu, giả định
Lizard-ui là khăng khăng: nó làm cho sự lựa chọn và quy định (tốt!) Công nghệ.
& Nbsp; * Bao gồm: khuôn khổ kế hoạch chi tiết css. Nó reset phong cách css để chúng tôi đã có một cơ sở chung. Nó sửa chữa lỗi phổ biến layout IE. Nó đưa ra một kiểu chữ cơ bản, đó là khá dễ chịu.
& Nbsp; * Yêu cầu: django-staticfiles. Đối với một mô tả chi tiết hơn, xem blog entry của Reinout (viết chung với con thằn lằn-ui trong tâm trí).
& Nbsp; * Yêu cầu: django_compressor để kết hợp css / tập tin javascript trong sản xuất.
& Nbsp; * Giả định: một màn hình, sử dụng toàn bộ chiều rộng / cao của trình duyệt, mà không cần di chuyển. Mục tiêu chính của chúng tôi được thể hiện một bản đồ lớn tốt đẹp với một tiêu đề nhỏ và một bên. Bạn không muốn để di chuyển bản đồ. Dĩ nhiên là có thể có một thanh cuộn bên trong đó khu vực nội dung chính bản thân.
& Nbsp; * Assumption: javascript có sẵn. Hey, chúng tôi hiển thị bản đồ, do đó bạn cần javascript. Vì vậy, chúng tôi tự do sử dụng javascript để có được giao diện người dùng ngay, ví dụ bằng cách phát hiện và thiết lập chiều rộng của khu vực chính nội dung và chiều cao.
& Nbsp; * Bao gồm: jquery. Yeah, nó là khá nhiều các tiêu chuẩn hiện nay. Vì vậy, chúng tôi sử dụng jquery jquery mà có thể được sử dụng thay vì làm nó với generic javascript.
& Nbsp; * Bao gồm: cả jQueryUI và jquerytools. Hình ảnh goodies. Jquerytools cho lớp phủ và các tab, jQueryUI cho phần còn lại (kéo / thả và như vậy).
& Nbsp; * Bao gồm: openlayers như đồ thư viện javascript. (Lizard-map, sooooon sẽ được phát hành, chúng tôi có sự tương tác bản đồ cơ bản javascript và mã python).
Tàu Lizard-ui với một vài css / thư viện javascript bên ngoài.
Blueprint
& Nbsp; đổi MIT
Jquery và jQueryUI
& Nbsp; kép hành theo giấy phép MIT hay GPL Version 2 giấy phép. Bao gồm Sizzle.js, lưu hành theo giấy phép MIT, BSD, và GPL.
Jquerytools
& Nbsp; Không có bản quyền hoặc giấy phép. Hãy làm những gì bạn thích.
Openlayers
& Nbsp; giấy phép rõ ràng BSD.
Famfamfam bộ icon
& Nbsp; CC giấy phép ghi.
Treeview plugin jquery
& Nbsp; MIT / GPL
Cài đặt Django
Dưới đây là một đoạn trích của một settings.py bạn có thể sử dụng. Các phương tiện truyền thông và thiết lập thư mục gốc tĩnh giả định việc sử dụng các buildout, nhưng bạn có thể dịch nó để thiết lập hệ thống tập tin riêng của bạn:
INSTALLED_APPS = [
& Nbsp; 'lizard_ui',
& Nbsp; 'nén',
& Nbsp; 'staticfiles',
& Nbsp; 'django.contrib.admin',
& Nbsp; 'django.contrib.auth',
& Nbsp; 'django.contrib.contenttypes',
& Nbsp; 'django.contrib.sessions',
& Nbsp; 'django.contrib.sites',
& Nbsp;]
# Lưu ý: các thông số dưới đây có nhiều phức tạp hơn cần thiết,
# Nhưng chúng tôi muốn kiểm tra nén django_compressor của mà
# Cần một phương tiện truyền thông và url gốc và như vậy.
# Set compress True nếu bạn muốn kiểm tra nén khi
# DEBUG == True. (Theo mặc định, Compress là đối diện của
# DEBUG).
Compress = False
# SETTINGS_DIR cho phép phương tiện truyền thông và đường dẫn như vậy để được liên quan đến
# Các thiết lập này nộp thay vì hardcoded để
# C: chỉ trên máy tính của tôi.
SETTINGS_DIR = os.path.dirname (os.path.realpath (__ file__))
# BUILDOUT_DIR là để truy cập vào "xung quanh" buildout,
# Ví dụ cho BUILDOUT_DIR / var / tập tin tĩnh để cung cấp cho
# Django-staticfiles một nơi thích hợp để đặt tất cả các thu
# Tập tin tĩnh.
BUILDOUT_DIR = os.path.abspath (os.path.join (SETTINGS_DIR, '..'))
# Đường dẫn tuyệt đối đến thư mục chứa người dùng tải lên
# Phương tiện truyền thông.
MEDIA_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'truyền thông')
# Đường dẫn tuyệt đối đến thư mục mà django-staticfiles '
# "Bin / django build_static" nơi tất cả các thu tĩnh
# Tập tin từ tất cả các ứng dụng 'thư mục / media.
STATIC_ROOT = os.path.join (BUILDOUT_DIR, 'var', 'tĩnh')
# URL xử lý các phương tiện truyền thông phục vụ từ MEDIA_ROOT. Làm
# Chắc chắn sử dụng một dấu gạch chéo nếu có một thành phần đường dẫn
# (Không bắt buộc trong các trường hợp khác).
MEDIA_URL = '/ media /'
# URL cho mỗi ứng dụng / file media tĩnh thu
# Bởi django-staticfiles. Sử dụng nó trong các mẫu như "{{
# MEDIA_URL}} mypackage / my.css ".
STATIC_URL = '/ static_media /'
# URL tiền tố cho admin phương tiện truyền thông - CSS, JavaScript và
# Hình ảnh. Hãy chắc chắn để sử dụng một dấu gạch chéo. Sử dụng
# STATIC_URL như django-staticfiles độc đáo thu thập của admin
# Phương tiện truyền thông tĩnh thành STATIC_ROOT / admin.
ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin /'
Động cơ # lưu trữ được sử dụng trong quá trình nén
COMPRESS_STORAGE = "staticfiles.storage.StaticFileStorage"
# URL mà liên kết phương tiện truyền thông sẽ được đọc từ và nén
# Phương tiện truyền thông sẽ được ghi vào.
COMPRESS_URL = STATIC_URL
# Đường dẫn tập tin tuyệt đối rằng phương tiện truyền thông liên kết sẽ được đọc từ
# Và phương tiện truyền thông được nén sẽ được ghi vào.
COMPRESS_ROOT = STATIC_ROOT
# Sử dụng cho django-staticfiles
TEMPLATE_CONTEXT_PROCESSORS = (
& Nbsp; mục # Default.
& 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; # Cần phải được thêm vào cho django-staticfiles để cho phép bạn
& Nbsp; # để sử dụng {{}} STATIC_URL myapp / my.css trong mẫu của bạn.
& Nbsp; 'staticfiles.context_processors.static_url',
& Nbsp;)
Và một cấu hình phù hợp apache gợi ý:

& Nbsp; # Các staticfiles css / javascript / hình ảnh được lưu trữ trong
& Nbsp; # duyệt cho một ngày.
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "tiếp cận cộng thêm 1 ngày"


& Nbsp; # django_compress của tạo file timestamp'ed:
& Nbsp; # bộ nhớ cache mãi mãi
& Nbsp; ExpiresActive On
& Nbsp; ExpiresDefault "tiếp cận cộng 10 năm"

# File tĩnh được tổ chức bởi apache chính nó.
# Người dùng tải lên phương tiện truyền thông: MEDIA_URL = '/ media /'
Alias ​​/ media / $ {buildout: thư mục} / var / media /
# Django-staticfiles: STATIC_URL = '/ static_media /'
Alias ​​/ static_media / $ {buildout: thư mục} / var / static /
Cách sử dụng
Bạn có thể gắn kết các url thằn lằn ui, nhưng nó chứa chỉ sống ví dụ. Vì vậy, có lẽ bạn chỉ nên treo nó ở chế độ debug dưới / ui. Handy, vì nó có chứa các tài liệu hợp lý đầy đủ về cách sử dụng nó, bao gồm cả các khối có sẵn và các lớp học / ID mà bạn có thể sử dụng.
Việc bố trí cơ sở được quy định tại realbase.html. Tuy nhiên bạn nên mở rộng lizard_ui / lizardbase.html và sau đó ghi đè lên các khối mà bạn muốn.
CSS và javascript nên được thêm vào các khối có liên quan, nhưng không quên gọi "block.super". Một ví dụ:
{% Kéo dài "lizard_ui / lizardbase.html"%}
{% Khối css%}
{{}} Block.super
& Nbsp; href = "{{}} STATIC_URL lizard_map / lizard_map.css"
& Nbsp; phương tiện truyền thông = "màn hình, chiếu"
& Nbsp; rel = "stylesheet" />
{% Endblock css%}
{% Khối javascript%}
{{}} Block.super



{% Endblock javascript%}
{% Nội dung khối%}

{% Nội dung endblock%}
Một ví dụ về một công việc chung: thay đổi logo. Cho rằng, tạo một thư mục / lizard_ui media trong ứng dụng django của bạn (hoặc trang web) và đặt một logo.png trong đó. Cơ chế Django-staticfiles 'sẽ đưa logo.png của bạn trong ưu tiên cho con thằn lằn-ui.
cài đặt Phát triển
Lần đầu tiên, bạn sẽ phải chạy "bootstrap" kịch bản để thiết lập và setuptools buildout:
$> Python bootstrap.py
Và sau đó chạy buildout để thiết lập mọi thứ:
$> Bin / buildout
(Mở cửa sổ nó được gọi là bin buildout.exe).
Bạn sẽ phải tái chạy buildout khi bạn hoặc ai đó làm một sự thay đổi trong setup.py hoặc buildout.cfg.
Các gói phần mềm hiện tại được cài đặt như là một "gói phát triển", do đó thay đổi trong file py tự động có sẵn (giống như với python setup.py phát triển).
Nếu bạn muốn sử dụng có kiểm cốp gói khác (thay vì các phiên bản phát hành), thêm chúng như một "svn bên ngoài" trong local_checkouts / thư mục và thêm chúng vào danh sách phát triển = trong buildout.cfg.

là gì mới trong phiên bản này:

• Bỏ `` sentry_exception_handler () `` cuộc gọi từ trung ngoại lệ của chúng tôi (được giới thiệu trong 4,25), một lần nữa. Điều này phá vỡ các bài kiểm tra. Tiếp tục điều tra cho thấy các cuộc gọi chỉ cần thiết nếu chúng ta quay trở lại một giá trị trong middleware của chúng tôi, mà chúng tôi thì không.

là gì mới trong phiên bản 4.17:

• Cố định logo: hiện vật đã bị gỡ; làm các ngón chân của thằn lằn rõ rệt hơn.

là gì mới trong phiên bản 4.1:

• Đang cố gắng để xây dựng một mẩu bánh mì thậm chí nếu chúng ta không có một biểu tượng ứng dụng chỉ vào trang hiện tại.

là gì mới trong phiên bản 4.0 Beta 4:

• Thêm `` thuộc tính required_permission`` trên UIView. Nếu bạn cài đặt nó, cho phép được kiểm tra và người sử dụng chuyển hướng, nếu cần thiết.

là gì mới trong phiên bản 4.0 Beta 1:

• UI sửa: đồ thị phụ tải tự động một lần nữa; miếng đệm mục workspace / lợi nhuận; nút jQueryUI nhận xét ra như xung đột với css bootstrap của.
• Nâng cấp máy khách sentry để quạ.
• configchecker cập nhật.
• dòng nhận xét 413 trong jquery-ui-1.8.5.custom.css để loại bỏ conflicing (với Twitter Bootstrap) lớp .ui-nút-text-only .ui-nút-text [Gijs Nijholt]
• Cố định một số vấn đề tương tác với các phương thức và hình thức đăng nhập không phương thức.
• phục hồi hành vi accordion và cải tiến kiểu dáng leftbar.

là gì mới trong phiên bản 4.0 Alpha 2:

• bản đồ google cố định (đó sẽ là vô hình) của loại bỏ tối đa chiều rộng từ css bootstrap của.

là gì mới trong phiên bản 3.11:

• breadcrumbs Made cấu hình
• Added chức năng trợ giúp cho vụn bánh mì để màn hình ứng dụng

là gì mới trong phiên bản 3.7:

• Thêm `` sống: true`` để tooltips ngà ngà say nên các yếu tố tạo ra sau này cũng có thể có được tooltips

là gì mới trong phiên bản 3.6:

• để trao đổi các DataTable và ColorPicker trong danh sách js như django -compressor cuộn cảm trên họ một chút.
• debugmode_urlpatterns Made () mạnh mẽ hơn. Nó bị rơi mà không MEDIA_URL và MEDIA_ROOT thiết lập trong settings.py
• Cải thiện i18n và tooltips ngà ngà say.

Yêu cầu :

• Python
• Django