dbca django项目的基本html模板
webtemplate-dbca的Python项目详细描述
这个项目由一个包含html的基本django应用程序组成 为 Department。基本模板由一个移动友好型 HTML5模板有一个固定的顶部导航栏,外加静态资产。 该项目还包含login的函数示例 已注销模板。
基本模板基于HTML5 Boilerplate,包括 Bootstrap 3css框架。
安装
- 通过pip安装:pip install webtemplate-dbca。
- 将'webtemplate_dbca'添加到INSTALLED_APPS。
- 确保包含并配置了staticfiles应用程序 正确地。
- 确保您定义了以下命名的url:login和 logout(此要求可以重写,请参见下文)。
- 通过在顶部放置以下内容来扩展包含的基础模板 你自己的模板:{% extends "webtemplate_dbca/base.html" %}
- 将页面内容放在所需的块中(请参见下文)。
包括css和javascript
基本模板当前包括以下css和javascript资产:
- 现代化(HTML5多填充)
- 引导程序3(css&js)
- jquery(dom遍历等)
可以使用extra_style或^{tt9}包含其他样式$ 积木,就像这样:
{% load static from staticfiles %} {% block extra_style %} {{ block.super }} <link rel="stylesheet" href="{% static 'css/custom.css' %}"> {% endblock %}
您还可以将base_style和base_js块完全覆盖到 使用不同的css或js库。请注意,您还需要替换 top_navbar如果替换基本引导css&js,则阻止内容。
模板块
基本模板包含许多块标记,用于呈现 项目内容。主要模板内容块如下:
- navbar_links-用于在顶部导航栏中定义导航链接。
- navbar_auth-用于显示login或logout链接。
- page_content-用于包含页面的主要内容。
- page_footer-用于包含页脚区域。
注意,navbar_auth块包含{% url %}templatetags 命名的url称为login和logout。如果不需要,或者 不适合您的项目,只需重写navbar_auth块。
此外,还定义了许多上下文变量:
- page_title-用于填充页<;title>;标记。
- site_title-用于在顶部导航栏中填充项目标题。
上下文变量应该传递给每个视图中的模板。
示例
用窄的左侧边栏和内容填充主内容区域 填充整个屏幕宽度并将在其上优雅折叠的区域 窄显示屏或移动显示屏:
{% block page_content %} <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2" id="sidebar"> {% include "sidebar.html" %} </div> <div class="col-xs-12 col-sm-8 col-md-9 col-lg-10"> {% block page_content_inner %}{% endblock %} </div> </div> </div> {% endblock %}
在页脚区域包含右对齐的版权行:
{% block page_footer %} <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <hr> <p class="pull-right">© Department of Biodiversity, Conservation and Attractions</p> </div> </div> </div> {% endblock %}
在顶部导航栏中不包含导航链接并防止 窄显示屏上显示的“导航栏按钮”,位于^{tt22}上方$ 以及navbar_links块为空:
{% block navbar_button %}{% endblock %} {% block navbar_links %}{% endblock %}
开发
创建一个virtualenv并使用python setup.py-q install安装本地需求
使用python run tests.py运行单元测试