一个框架,它将django html5样板模板包含到django项目中,并通过移动支持来增强它。
django-html5-mobile-boilerplate的Python项目详细描述
这是一个帮助程序包,它扩展了django html5的移动支持模板。默认情况下,它使用jquery mobile,但是它的设计方式可以让您轻松地将对jquery mobile的两个引用替换为另一个库。这个包假定您希望在"head"标记中加载javascript。它还包括对iOS应用程序的优化支持,使您的应用程序在iOS主屏幕上看起来像一个本地应用程序。
r/>
>;https://github.com/mattsnider/django-html5-boilerplate
和"添加到主页"插件位于:
>;http://plugins.jquery.com/add to home/
安装
==
晚些时候,最简单的安装方法是使用pip::
>;pip install django-html5-mobile-boilerplate
已经在python>;=2.6上进行了测试。
用法
=
所有静态文件和模板都在dh5bp目录下命名。您需要在"settings.py"中包含dh5bp:
已安装的应用程序=(
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.contrib.messages',
'django.contrib.staticfiles',
取消注释下一行以启用管理:
'django.contrib.admin',
取消注释下一行以启用管理文档:
'django.contrib.admindocs',
…
'dh5mbp',
…
5mbp模板
----
要继承h5bp页面体系结构的任何模板都包括以下内容:
{%extends'dh5mbp/base.html%}
{%load url from future%}
{%load staticfiles%}
{%block title%}此处的标题为{%endblock%}
{%block content%}您的jquery移动标记{%endblock%}
nt="your keyword">;
…
{%endblock%}
{%static'这里是您的库'%}">;
{%endblock%}
ly,查找静态目录"images/ios/…"。你需要把你的ios文件放在那里:
startup image.png
touch icon ipad.png
touch icon iphone retina.png
k dh5Mbp iOS图标%}{
<;link rel="Apple Touch Startup image"href="{%static"您的路径/启动图像.png"%}">;
<;link rel="Apple Touch icon"href="{%static"您的路径/触摸图标ipad.png"%}"/>;
<;link rel="Apple Touch icon"size="72x72"href="{%static"您的_路径/触摸图标ipad.png"%""/>;
<;link rel="apple touch icon"size="114x114"href="{%static'您的路径/触摸图标iphone retina.png"%""/>;
<;link rel="apple touch icon"size="144x144"ref="{%static'您的路径/touch icon ipad retina.png"%}"/>;
{%endblock%}
控制所用jquery mobile的版本。向模板提供"dh5mbp_jqm_version"变量。这个变量的值应该类似于"1.4.0"、"1.3.2"、"1.3.1"等。
roadmap
==
我打算维护这个包,修复错误并与jquery mobile和django保持最新,但很少计划其他开发。
jquery cdn,这样我们就不必担心其中的相对映像路径。如果本地静态文件对css有强烈的需求,那么我将考虑在默认情况下包含一个本地css,并编写一个脚本来替换默认css中的图像url。
issues
==
r/>
>;https://github.com/mattsnider/django-html5-boilerplate
和"添加到主页"插件位于:
>;http://plugins.jquery.com/add to home/
安装
==
晚些时候,最简单的安装方法是使用pip::
>;pip install django-html5-mobile-boilerplate
已经在python>;=2.6上进行了测试。
用法
=
所有静态文件和模板都在dh5bp目录下命名。您需要在"settings.py"中包含dh5bp:
已安装的应用程序=(
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.contrib.messages',
'django.contrib.staticfiles',
取消注释下一行以启用管理:
'django.contrib.admin',
取消注释下一行以启用管理文档:
'django.contrib.admindocs',
…
'dh5mbp',
…
5mbp模板
----
要继承h5bp页面体系结构的任何模板都包括以下内容:
{%extends'dh5mbp/base.html%}
{%load url from future%}
{%load staticfiles%}
{%block title%}此处的标题为{%endblock%}
{%block content%}您的jquery移动标记{%endblock%}
nt="your keyword">;
…
{%endblock%}
{%static'这里是您的库'%}">;
{%endblock%}
ly,查找静态目录"images/ios/…"。你需要把你的ios文件放在那里:
startup image.png
touch icon ipad.png
touch icon iphone retina.png
k dh5Mbp iOS图标%}{
<;link rel="Apple Touch Startup image"href="{%static"您的路径/启动图像.png"%}">;
<;link rel="Apple Touch icon"href="{%static"您的路径/触摸图标ipad.png"%}"/>;
<;link rel="Apple Touch icon"size="72x72"href="{%static"您的_路径/触摸图标ipad.png"%""/>;
<;link rel="apple touch icon"size="114x114"href="{%static'您的路径/触摸图标iphone retina.png"%""/>;
<;link rel="apple touch icon"size="144x144"ref="{%static'您的路径/touch icon ipad retina.png"%}"/>;
{%endblock%}
控制所用jquery mobile的版本。向模板提供"dh5mbp_jqm_version"变量。这个变量的值应该类似于"1.4.0"、"1.3.2"、"1.3.1"等。
roadmap
==
我打算维护这个包,修复错误并与jquery mobile和django保持最新,但很少计划其他开发。
jquery cdn,这样我们就不必担心其中的相对映像路径。如果本地静态文件对css有强烈的需求,那么我将考虑在默认情况下包含一个本地css,并编写一个脚本来替换默认css中的图像url。
issues
==