达州做网站

咨询热线：

028-86922220

×

01

关于我们

02

服务项目

高端网站建设

网络营销服务

电商网站定制

生物医药网站建设

外贸网站建设

教育培训网站建设

03

小程序开发

小程序开发

04

案例展示

网站建设案例

小程序案例

电商平台案例

系统平台案例

05

建站动态

06

联系我们

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

电话：028-86922220

028-86922220

大橙子网站建设，新征程启航

为企业提供网站建设、域名注册、服务器等服务

怎么在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://dzwzjz.com/article/cojehg.html

其他资讯

服务热线：028-86922220