展示书籍列表：

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

  
  
  
  
  
  
  
 
  
  
  
  
  
  

 


 

  
    
      
      

 
出版社列表页
 
书籍列表
 
作者列表
      
 
    
    
      
书籍管理页面
 
      
 
 书籍列表 
 
   
     

  
  
    搜索
  

     
     
     
新增
     
 
   
 
   
     {% for book in book_list %}

     {% endfor %}
     

     

     

#
id
书名
出版社名称
操作
     
     
     
     

  
{{ forloop.counter }}
  
{{ book.id }}
  
{{ book.title }}
  
{{ book.publisher.name }}
  

    删除
    编辑
  

   
 
   
 
 
      
    
  

 
 

  
    
      
 ×
 
 
用户信息
      
      
 
      
      
 取消
 保存
      
    
  

 




 

修改过程：

运行效果：

添加书籍：

再来修改 add_book.html

  
  
  
  
  
  
  
 
  
  
  
  
  
  


 


 

  
    
 
      
 添加书籍
 
   
 
      
    
  

修改过程：

先写一个 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

  
  
  
  
  
  
  
 
  
  
  
  
  
  


 

  
    
 
      
 编辑书籍
 
   
 
      
    
  
 

修改过程：

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

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

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。