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

这期内容当中小编将会给大家带来有关怎么在Django中使用 Bootstrap修改书籍列表,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

为泰来等地区用户提供了全套网页设计制作服务,及泰来网站建设行业解决方案。主营业务为成都网站建设、网站制作、泰来网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

首先修改原先的 book_list.html 的代码:





  
  
  
  
  
  
  
 
  书籍列表管理
  
  
  
  
  

 


  
    
      
        Toggle navigation
        
        
        
      
      图书管理系统
    
                    
  • Dashboard
  •         
  • Settings
  •         
  • Profile
  •         
  • Help
  •                                   
      
                                    
  • 出版社列表页
  •         书籍列表         
  • 作者列表
  •              
               书籍管理页面                           书籍列表                                                                                                      搜索                                                                                      新增                                                                                #               id               书名               出版社名称               操作                                                                 {% for book in book_list %}                                {{ forloop.counter }}                 {{ book.id }}                 {{ book.title }}                 {{ book.publisher.name }}                                    删除                   编辑                                             {% endfor %}                                                                 
  •                                    «                                
  •               
  • 1
  •               
  • 2
  •               
  • 3
  •               
  • 4
  •               
  • 5
  •               
  •                                    »                                
  •                                                                              ×                  用户信息                                               邮箱                                                                            密码                                                                                    取消         保存                   

    修改过程:

    怎么在Django中使用 Bootstrap修改书籍列表

    怎么在Django中使用 Bootstrap修改书籍列表

    怎么在Django中使用 Bootstrap修改书籍列表

    运行效果:

    怎么在Django中使用 Bootstrap修改书籍列表

    添加书籍:

    再来修改 add_book.html

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

    修改过程:

    先写一个 container

    怎么在Django中使用 Bootstrap修改书籍列表

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

    怎么在Django中使用 Bootstrap修改书籍列表

    复制代码,并进行修改

    怎么在Django中使用 Bootstrap修改书籍列表

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

    怎么在Django中使用 Bootstrap修改书籍列表

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

    先修改 email 处

    
      Email
      
        
      
    

    修改为:

    
      书名
      
        
      
    

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

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

    怎么在Django中使用 Bootstrap修改书籍列表

    复制代码,并进行修改

    
      Password
      
        
      
    

    修改为:

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

    接着修改剩下的部分

    怎么在Django中使用 Bootstrap修改书籍列表

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

    怎么在Django中使用 Bootstrap修改书籍列表

    运行效果:

    怎么在Django中使用 Bootstrap修改书籍列表

    编辑书籍:

    最后修改 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 标签

    怎么在Django中使用 Bootstrap修改书籍列表

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

    怎么在Django中使用 Bootstrap修改书籍列表

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

    怎么在Django中使用 Bootstrap修改书籍列表

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

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


    新闻名称:怎么在Django中使用Bootstrap修改书籍列表-创新互联
    标题链接:http://pwwzsj.com/article/cojehg.html