python bootstrap 中位数_python(11)实践Django-bootstrap

刚开始想自己写工具时就被前台页面给吓倒了，专门去学习了bootstrap。

推荐学习参考freecodecamp 、 Bootstrap 教程 | 菜鸟教程、和官网。

在Django中使用bootstrap ，按照以往的套路，首先是安装。

安装

pip install django-bootstrap3

setting中配置

INSTALLED_APPS = [

'bootstrap3',

]

STATIC_URL = '/static/'

STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)

下载bootstrap，放置项目根目录的static目录下

Paste_Image.png

页面上使用

{% extends '_base_create_update.html' %}

{% load static %}

{% load bootstrap3 %}

{% load i18n %}

{% block form %}

{% csrf_token %}

{% trans 'Basic' %}

{% bootstrap_field form.pro layout="horizontal" %}

{% bootstrap_field form.job_name layout="horizontal" %}

{% trans 'Reset' %}

{% trans 'Submit' %}

{% endblock %}

页面效果

Paste_Image.png

使用菜单

{% load static %}


David Williams

Art Director

• Profile
• Contacts
• Logout

Chances

首页

造数据

• 测试用例
• 执行用例

项目管理

菜单的效果

Paste_Image.png