python(11)实践Django-bootstrap

刚开始想自己写工具时就被前台页面给吓倒了，专门去学习了bootstrap。
推荐学习参考freecodecamp 、 Bootstrap 教程 | 菜鸟教程、和官网。

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

1. 安装

pip install django-bootstrap3

2. setting中配置

INSTALLED_APPS = [
    'bootstrap3',
]

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

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

   
   
   

   Paste_Image.png

4. 页面上使用

{% 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 %}
 

     
 
      ![](/static/bootstrap/img/profile_small.jpg)
         
             
                  David Williams
                  Art Director   
         

             
Profile
             
Contacts
             

             
Logout
         
     
     

         Chances
     
 

      
        
        首页
        
    


    
        
        造数据
        
    
    

        
测试用例
        
执行用例
    


     项目管理

菜单的效果

Paste_Image.png