dbca django项目的基本html模板
webtemplate-dpaw的Python项目详细描述
一个基本的django应用程序包含html
模板,该模板为
`department`使用的web应用程序提供起点。基本模板由一个移动友好的带有固定顶部导航栏的HTML5模板和静态资产组成。
该项目还包含**登录**和
**注销**模板的功能示例。
并包括
“bootstrap 3”css框架。通过pip安装:``pip install webtemplate dpaw`。
将“webtemplate”添加到“installed”apps中。确保“staticfiles”应用程序已包含并正确配置。请确保已定义以下命名的URL:``login``和
``logout``(此要求可以被覆盖,请参见下文)。
通过将以下内容放在自己模板的头上来扩展包含的基本模板:`{%extends“webtemplate_dpaw/base.html”%}``
。将页面内容放在所需的块中(请参见下文)。
included css and javascript
========
基本模板当前包括以下css and javascript资产
(通过部门的内部镜像cdnjs提供):
现代化2.8.3(HTML5多填充)
引导程序3.3.5(css&js)
jquery 2.1.4(dom遍历等)
%}
您还可以完全覆盖“base_style”和“base_js”块,以使用不同的css或js库。请注意,如果替换基本引导css&js,则还需要替换
``top_navbar``块内容。
主要模板内容块如下:
-``navbar_link s`-用于定义顶部导航栏中的导航链接。
-``navbar_auth`-用于显示**登录**或**注销**链接。
-``page_content`-用于包含页面的主要内容。
-``page_footer`-用于包含页脚区域。
“navbar-auth”块包含名为*login*和*logout*的名为
的`{%url%}`模板标记。如果这不是必需的,或者
不适合您的项目,只需覆盖“navbar_auth”块即可。
此外,还定义了许多上下文变量:
-`“page_title``-用于填充页面**<;title>;**标记。
-``站点标题``用于在顶部导航栏中填充项目标题。
应将上下文变量传递到每个视图中的模板。
在小型或移动显示器上:
{%block-page\u-content%}
<;div{cl 1}$<;div{cl 2}$<;div{cl 3}$<;div{cl 3}$<;div>;
<;div{{cl 4}{{%cl 3}}$<;
<;div{cl{cl 4}{{%block%}{%block%}
<;lt;div>;
<;lt;br/><;lt;lt;div;lt;lt;div{{cl 1{><;/div>;
{%endblock%}
在页脚区域中包含右对齐的版权行::
{%block page{u footer%}
<;div class="container-fluid">
<;div class="row">
<;div class="col-xs-12">
<;hr>;
<;p class="pull-right">© 2015 Department of Parks and Wildlife</p>
<;/div>;
<;/div>;
<;
<;%div>;
{%endblock%}
将“navbar_button”和“navbar_links”块覆盖为空:
{%block navbar_button%}{%endblock%}
{%block navbar_links%}{%endblock%}
。_部门:http://www.dbca.wa.gov.au
…_ HTML5样板:https://html5 boilerplate.com
…_引导程序3:https://getbootstrap.com
…_ CDNJS https://cdnjs.com
模板,该模板为
`department`使用的web应用程序提供起点。基本模板由一个移动友好的带有固定顶部导航栏的HTML5模板和静态资产组成。
该项目还包含**登录**和
**注销**模板的功能示例。
并包括
“bootstrap 3”css框架。通过pip安装:``pip install webtemplate dpaw`。
将“webtemplate”添加到“installed”apps中。确保“staticfiles”应用程序已包含并正确配置。请确保已定义以下命名的URL:``login``和
``logout``(此要求可以被覆盖,请参见下文)。
通过将以下内容放在自己模板的头上来扩展包含的基本模板:`{%extends“webtemplate_dpaw/base.html”%}``
。将页面内容放在所需的块中(请参见下文)。
========
基本模板当前包括以下css and javascript资产
(通过部门的内部镜像cdnjs提供):
现代化2.8.3(HTML5多填充)
引导程序3.3.5(css&js)
jquery 2.1.4(dom遍历等)
%}
您还可以完全覆盖“base_style”和“base_js”块,以使用不同的css或js库。请注意,如果替换基本引导css&js,则还需要替换
``top_navbar``块内容。
主要模板内容块如下:
-``navbar_link s`-用于定义顶部导航栏中的导航链接。
-``navbar_auth`-用于显示**登录**或**注销**链接。
-``page_content`-用于包含页面的主要内容。
-``page_footer`-用于包含页脚区域。
“navbar-auth”块包含名为*login*和*logout*的名为
的`{%url%}`模板标记。如果这不是必需的,或者
不适合您的项目,只需覆盖“navbar_auth”块即可。
此外,还定义了许多上下文变量:
-`“page_title``-用于填充页面**<;title>;**标记。
-``站点标题``用于在顶部导航栏中填充项目标题。
应将上下文变量传递到每个视图中的模板。
在小型或移动显示器上:
{%block-page\u-content%}
<;div{cl 1}$<;div{cl 2}$<;div{cl 3}$<;div{cl 3}$<;div>;
<;div{{cl 4}{{%cl 3}}$<;
<;div{cl{cl 4}{{%block%}{%block%}
<;lt;div>;
<;lt;br/><;lt;lt;div;lt;lt;div{{cl 1{><;/div>;
{%endblock%}
在页脚区域中包含右对齐的版权行::
{%block page{u footer%}
<;div class="container-fluid">
<;div class="row">
<;div class="col-xs-12">
<;hr>;
<;p class="pull-right">© 2015 Department of Parks and Wildlife</p>
<;/div>;
<;/div>;
<;
<;%div>;
{%endblock%}
将“navbar_button”和“navbar_links”块覆盖为空:
{%block navbar_button%}{%endblock%}
{%block navbar_links%}{%endblock%}
。_部门:http://www.dbca.wa.gov.au
…_ HTML5样板:https://html5 boilerplate.com
…_引导程序3:https://getbootstrap.com
…_ CDNJS https://cdnjs.com