怎么在Django中使用Bootstrap修改书籍列表-创新互联

修改过程：

运行效果：

添加书籍：

再来修改 add_book.html

  
  
  
  
  
  
  
 
  
  
  
  
  
  


 


 

  
    
 
      
        添加书籍
        
          
            
              书名
              
                
              
            
            
              出版社
              
                
                  {% for publisher in publisher_list %}
                    {{ publisher.name }}
                  {% endfor %}
                
              
            
            
              
                提交
              
            
          
        
      
    
  

修改过程：

先写一个 container

找一个面板，在 Bootstrap 的组件中可找到

复制代码，并进行修改

现在需要一个 form 表单，在 Bootstrap 的全局 CSS 样式中找

复制下面的代码，替换面板代码中的 Panel content，并进行修改

先修改 email 处

  Email
  
    
  

修改为：

  书名
  
    
  

再来修改 password 处，这里需要用到下拉列表，还是去 Bootstrap 上找

在 “菜单” -> "被支持的控件" 处

复制代码，并进行修改

  Password
  
    
  

修改为：

  出版社
  
  
    
      {% for publisher in publisher_list %}
        {{ publisher.name }}
      {% endfor %}
    
  

接着修改剩下的部分

最后在 form 表单处添加 action 和 method

运行效果：

编辑书籍：

最后修改 edit_book.html

  
  
  
  
  
  
  
 
  
  
  
  
  
  


 

  
    
 
      
        编辑书籍
        
          
            
            
              书名
              
                
              
            
            
              出版社
              
                
                  {% for publisher in publisher_list %}
                    {# 通过 if 条件判断来选择默认出版社 #}
                    {% if book_obj.publisher_id == publisher.id %}
                      {# 默认选择当前书籍关联的出版社 #}
                      {{ publisher.name }}
                    {% else %}
                      {# 其他的出版社不选中 #}
                      {{ publisher.name }}
                    {% endif %}
                  {% endfor %}
                
              
            
            
              
                提交
              
            
          
        
      
    
  
 

修改过程：

首先把 add_book.html 复制过去，然后修改相关标题，把 “添加书籍” 改为 “编辑书籍”

然后在 form 表单下一行添加一个有书籍 id 的 input 标签

然后在书名的那个 input 处添加一个 value

然后将下拉列表的出版社选择改为原 edit_book.html 的

上述就是小编为大家分享的怎么在Django中使用 Bootstrap修改书籍列表了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享至：

   

关于我们

公司简介 发展历程

服务项目

高端网站建设 小程序开发 APP开发 网络营销

建站知识

网站建设 网站设计 网站制作 小程序

联系我们

公司地址 人才招聘

成都 重庆



电话：028-86922220



地址：成都市太升南路288号锦天国际A幢1002号



电话：028-86922220



地址：重庆市南岸区弹子石腾龙大道58号2栋21-6

版权所有：成都创新互联科技有限公司重庆分公司 渝ICP备2021005571号-4