图书管理系统（无中间件，用装饰器的）-----未基于FORM组件

目的：实现图书的增删改查

models.py

from django.db import models

# Create your models here.
class Book(models.Model):
    nid = models.AutoField(primary_key=True)  # 自增id(可以不写，默认会有自增id)
    title = models.CharField(max_length=32)
    publishDdata = models.DateField()  # 出版日期
    price = models.DecimalField(max_digits=5, decimal_places=2)  # 一共5位，保留两位小数

    #一个出版社有多本书，关联字段要写在多的一方
    # 不用命名为publish_id，因为django为我们自动就加上了_id
    publish = models.ForeignKey("Publish")  #foreignkey（表名）建立的一对多关系
    # publish是实例对象关联的出版社对象
    authorlist = models.ManyToManyField("Author")  #建立的多对多的关系
    def __str__(self):
        return self.title
class Publish(models.Model):
    #不写id的时候数据库会自动给你增加自增id
    name =models.CharField(max_length=32)
    addr = models.CharField(max_length=32)

    def __str__(self):
        return self.name
class Author(models.Model):
    name = models.CharField(max_length=32)
    age = models.IntegerField()
    def __str__(self):
        return self.name

class AuthorDeital(models.Model):
    tel = models.IntegerField()
    addr = models.CharField(max_length=32)
    author = models.OneToOneField("Author")  #建立的一对一的关系

class UserInfo(models.Model):
    username = models.CharField(max_length=32)
    password = models.CharField(max_length=32)

1、urls.py

 """周末作业aaa用图书管理系统django实现 URL Configuration

 The `urlpatterns` list routes URLs to views. For more information please see:
     https://docs.djangoproject.com/en/1.11/topics/http/urls/
 Examples:
 Function views
     1. Add an import:  from my_app import views
     2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
 Class-based views
     1. Add an import:  from other_app.views import Home
     2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
 Including another URLconf
     1. Import the include() function: from django.conf.urls import url, include
     2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
 """
 from django.conf.urls import url
 from django.contrib import admin
 from app01 import views
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
     url(r'^del/(\d+)$', views.delbook),
     url(r'^add/$', views.addbook),
     # 方式一：通过路径
     # url(r'^edit/(\d+)', views.editbook),
     # 方式二：通过数据
     url(r'^edit/$', views.editbook),
     url(r'^chakan/$', views.chakanbook),
     url(r'^login/$', views.log_in),
     url(r'^index/$', views.index),
     url(r'^reg/$', views.reg),
     url(r'^log_out/$', views.log_out),
     url(r'^set_pwd/$', views.set_pwd),
 ]

urls.py

2、views.py

 from django.shortcuts import render,redirect,HttpResponse
 from app01 import models
 # Create your views here.
 from django.contrib import auth   #auth模块
 from django.contrib.auth.models import User   #注册创建用户要用到
 from django.contrib.auth.decorators import login_required  #判断用户是否登录用到
 from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger  #分页的时候要用到的
 @login_required  #查看用户是否登录
 def delbook(request,id):
     # 删除表中一行的图书信息
     # islogin = request.COOKIES.get("islogin", None)  # 获取cookies
     # if islogin:
     models.Book.objects.filter(nid=id).delete()
     return redirect("/chakan/")

 @login_required
 def addbook(request):
     # islogin = request.COOKIES.get("islogin", None)  # 获取cookies
     # if islogin:
     if request.method=="POST":
         # print(request.POST)
         title = request.POST.get("bookname")
         publishDdata = request.POST.get("data")
         author = request.POST.getlist("author")
         print("作者",author)
         price = request.POST.get("price")
         publish =int(request.POST.get("publish"))
         print("============",publish)

         # 吧作者添加进去
         book_obj = models.Book.objects.create(title=title, publishDdata=publishDdata,price=price, publish_id=publish)
         authors = models.Author.objects.filter(id__in=author)
         book_obj.authorlist.add(*authors)
         return redirect("/chakan/")
     else:
         pub_obj = models.Publish.objects.all()  #查出所有的出版社对象
         # print(pub_obj)

         authorlist=  models.Author.objects.all()
         print(authorlist)
         return render(request,"add.html",{"publist":pub_obj,"authorlist":authorlist})

 @login_required
 def editbook(request):
     # islogin = request.COOKIES.get("islogin", None)  # 获取cookies
     # if islogin:
     if request.method=="POST":
         # 如果是post请求
         # 先查出数据(怎么找到id呢？，隐藏一个input)
         # 修改数据方式一：
         id= request.POST.get("book_input_id")
         print("=====",id)
         title = request.POST.get("bookname")
         data = request.POST.get("data")
         price = request.POST.get("price")
         publish =int(request.POST.get("publish"))
         author = request.POST.getlist("author")
         # pubsh_id = models.Publish.objects.filter(name=publish)[0].id  #得到出版社的id
         models.Book.objects.filter(nid=id).update(title=title,publishDdata=data,price=price,publish_id=publish)
         #清除关系(清除你点击的哪一行)
         book_obj = models.Book.objects.filter(nid=id).first()
         book_obj.authorlist.clear()
         #然后再添加作者
         authors = models.Author.objects.filter(id__in=author)
         #绑定多对多关系
         book_obj.authorlist.add(*authors)
         return redirect("/chakan/")
     else:
         id = request.GET.get("book_id")
         print("id==========>",id)
         book_obj = models.Book.objects.filter(nid=id).first()
         auth_obj = models.Author.objects.all()
         print(book_obj)   #拿到对象：Book object
         publ_obj = models.Publish.objects.all()

         # 作者默认选定
         edit_book_authors = book_obj.authorlist.all().values_list("id")
         print(edit_book_authors)
         l = []
         for i in edit_book_authors:
             l.append(i[0])
         print(l)  #[3, 4]
         return render(request,"edit.html",{"book_obj":book_obj,"auth_obj":auth_obj,"publ_obj":publ_obj,"l":l})

 @login_required
 def chakanbook(request):
     '''
         批量导入
         Booklist = []
         for i in range(100):

              Booklist.append(models.Book(title="book" + str(i), price=20 + i * i))

         models.Book.objects.bulk_create(Booklist)

         :param request:
         :return:
         '''
     book_list = models.Book.objects.all()# book_list打印的是一个对象  先查看所有的书
     paginator=Paginator(book_list,5)  #这里的book_list必须是一个集合对象，把所有的书分页，一页有五个
     print(paginator.page_range)  #range(1, 4)
     page_range = paginator.page_range
     num = request.GET.get("page",2)#得到页数范围,默认有1页
     print(num,type(num))
     book_list = paginator.page(num) #显示第一页的内容
     return render(request,"chakan.html",{"book_list":book_list,"page_range":page_range,"num":int(num)})

 def log_in(request):
     print(request.POST)
     if request.method =="POST":
         username = request.POST.get("username")
         password = request.POST.get("password")
         print(username,password)
         user=auth.authenticate(username=username,password=password)#验证用户名和密码
         if user:
             #如果认证成功，就让登录，这个login里面包括了session操作和cookie
             auth.login(request,user)
             return redirect("/chakan/")
         else:
             s = "用户名和密码输入错误"
             return render(request,"login.html",{"s":s})
     return render(request,"login.html")

 @login_required
 def index(request):
     # print("cookies:------->",request.COOKIES)
     # islogin = request.COOKIES.get("islogin",None)  #获取cookies
     # print("=========",islogin)
     # if islogin:
     username = request.COOKIES.get("username")
     return render(request,"chakan.html",{"username":username})

 def reg(request):
     if request.method=="POST":
         username = request.POST.get("username")
         password = request.POST.get("password")
         #得到用户输入的用户名和密码创建一个新用户
         User.objects.create_user(username=username,password=password)  #User是以个对象
         s = "恭喜你注册成功，现在可以登录了"
         return redirect("/login/")
     return render(request,"reg.html")

 @login_required
 def log_out(request):
     auth.logout(request)
     return redirect("/login/")

 @login_required
 def set_pwd(request):
     if request.method=="POST":
         oldpassword = request.POST.get("oldpassword")
         newpassword = request.POST.get("newpassword")
         #得到当前登录的用户，判断旧密码是不是和当前的密码一样
         username = request.user  #打印的是当前登录的用户名
         user = User.objects.get(username=username)  #查看用户
         ret = user.check_password(oldpassword)  #检查密码是否正确
         if ret:
             user.set_password(newpassword) #如果正确就给设置一个新密码
             user.save()  #保存
             return redirect("/login/")
         else:
             info = "输入密码有误"
             return render(request,"set_pwd.html",{"info":info})
     return render(request,"set_pwd.html")

views.py

3、template

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width">
     <title>Title</title>
 </head>
 <body>
 <h1>hello{{ username }}</h1>
 </body>
 </html>

index.html

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width">
     <title>Title</title>
     <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
     <!-- Bootstrap core CSS -->
     <link href="/static/Dashboard_files/bootstrap.min.css" rel="stylesheet">

     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <link href="/static/Dashboard_files/ie10-viewport-bug-workaround.css" rel="stylesheet">

     <!-- Custom styles for this template -->
     <link href="/static/Dashboard_files/dashboard.css" rel="stylesheet">

     <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
     <!--[if lt IE 9]>
     <script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
     <script src="/static/Dashboard_files/ie-emulation-modes-warning.js"></script>

     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>

     <![endif]
     <!--<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">-->
         <style>
             {% block style %}
             .menu {
                 margin: 0 -20px;
                 border-bottom: 1px solid #336699;
             }

             .head {
                 padding: 15px;
             }

             .menu .nav-sidebar > li > a {
             padding-right: 40px;
             padding-left: 40px;
          }

             table {
                 margin-top: 50px;
                 margin-left: 40px;
             }
             .add{
                 margin-top: 20px;
          }
      {% endblock %}
     </style>

 </head>
 <body>
 <!--导航条-->
 <nav class="navbar navbar-inverse navbar-fixed-top">
     <div class="container-fluid">
         <div class="navbar-header">
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                     aria-expanded="false" aria-controls="navbar">
                 <span class="sr-only">Toggle navigation</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
             <a class="navbar-brand" href="http://v3.bootcss.com/examples/dashboard/#左侧菜单.html">海燕图书管理系统</a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav navbar-right">
                 <li><a href="/log_out/">注销</a></li>
                 <li><a href="/set_pwd/">修改密码</a></li>
                 <li><a href="">设置</a></li>
                 <li><a href="">个人中心</a></li>
             </ul>
             <form class="navbar-form navbar-right">
                 <input type="text" class="form-control" placeholder="Search...">
             </form>
         </div>
     </div>
 </nav>
 <!--左侧菜单+-->
 <div class="container">
     <div class="left">
         <div class="row">
             <div class="col-sm-3 col-md-2 sidebar">

                 <div class="menu">
                     <div class="head bg-primary">图书管理操作</div>
                     <ul class="nav nav-sidebar">
                         <li><a href="/add/">》》添加图书</a></li>
                         <li><a href="">》》修改图书</a></li>
                         <li><a href="/chakan/">》》查看图书</a></li>
                     </ul>
                 </div>

                 <div class="menu">
                     <div class="head  bg-primary">作者管理操作</div>
                     <ul class="nav nav-sidebar">
                         <li><a href="">》》添加作者</a></li>
                         <li><a href="">》》查看作者</a></li>
                         <li><a href="">》》编辑作者</a></li>
                     </ul>
                 </div>

                 <div class="menu">
                     <div class="head  bg-primary">出版社管理</div>
                     <ul class="nav nav-sidebar">
                         <li><a href="">》》添加出版社</a></li>
                         <li><a href="">》》查看出版社</a></li>
                         <li><a href="">》》编辑出版社</a></li>
                     </ul>
                 </div>
             </div>
         </div>
     </div>

     <div class="right">
         {#表格#}
         {% block  add %}
         {% endblock %}
     </div>
 </div>

 <script src="/static/jquery-3.2.1.min.js"></script>
 <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
 <script>
     //左侧菜单
     $(".head").on("click", function () {
         // 兄弟标签 紧挨着的ul标签 隐藏  addClass("hide")
         $(this).parent().siblings().children("ul").slideUp();
         // 把自己 紧挨着的ul标签显示  removeClass("hide")
 //        $(this).next().removeClass("hide");
         $(this).next().slideToggle();
     });
 </script>
 </body>
 </html>

base.html

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width">
     <title>用户登录</title>
     <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
     <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
     <style>
         .c1{
             margin-top: 100px;
         }
         .btn{
             width: 300px;
         }
         .c2{
             margin-left:80px;
         }
         .reg{
             text-decoration: none;
             color: white;
         }
     </style>
 </head>
 <body>
 <div class="container">
     <div class="row">
         <div class="c1 col-md-5 col-md-offset-3">
             <form class="form-horizontal" action="/login/" method="post" novalidate>
                 {% csrf_token %}
                 <h3 style="color: red">{{ s }}</h3>
                 <h3 style="text-align: center">请登录</h3>
                 <div class="form-group">
                     <label for="username" class="col-sm-2 control-label">用户名</label>
                     <div class="col-sm-10">
                         <input type="email" class="form-control" id="username" placeholder="username" name="username">
                     </div>
                 </div>
                 <div class="form-group">
                     <label for="password" class="col-sm-2 control-label">密码</label>
                     <div class="col-sm-10">
                         <input type="password" class="form-control" name="password" id="password"
                                placeholder="Password">
                     </div>
                 </div>
                 <div class="form-group">
                     <div class="col-sm-offset-2 col-sm-10">
                         <button type="submit" class="btn btn-primary">登录</button>
                     </div>
                 </div>
             </form>
             <a href="/reg/" class="reg"><button type="submit" class="btn btn-success c2">注册</button></a>
         </div>
     </div>
 </div>

 </body>
 </html>

login.html

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width">
     <title>用户登录</title>
     <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
     <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
     <style>
         .c1{
             margin-top: 100px;
         }
         .c2{
             width: 100px;
             margin-left: 80px;
         }
         .c3{
             width: 100px;
             margin-left: 90px;
         }
     </style>
 </head>
 <body>
 <div class="container">
     <div class="row">
         <div class="c1 col-md-5 col-md-offset-3">
             <form class="form-horizontal" action="/reg/" method="post" novalidate>
                 {% csrf_token %}
                 <h3 style="text-align: center">请填写下面信息注册</h3>
                 <div class="form-group">
                     <label for="username" class="col-sm-2 control-label">用户名</label>
                     <div class="col-sm-10">
                         <input type="email" class="form-control" id="username" placeholder="username" name="username">
                     </div>
                 </div>
                 <div class="form-group">
                     <label for="password" class="col-sm-2 control-label">密码</label>
                     <div class="col-sm-10">
                         <input type="password" class="form-control" name="password" id="password"
                                placeholder="Password">
                     </div>
                 </div>
                 <input type="submit" class="c2">
                 <input type="submit" class="c3" value="取消">
             </form>
         </div>
     </div>
 </div>

 </body>
 </html>

reg.html

 {% extends "base.html" %}
 {% block add %}
     <h1 class="pull-right">欢迎{{ request.user }}登录</h1>
     <div class="container">
         <div class="row">
             <div class="col-md-9 col-md-offset-2">
                 <a href="/add/">
                     <button class="btn btn-primary add">添加图书</button>
                 </a>
                 <table class="table table-hover">
                     <thead>
                     <tr>
                         <th>编号</th>
                         <th>书名</th>
                         <th>出版日期</th>
                         <th>作者</th>
                         <th>价钱</th>
                         <th>出版社</th>
                         <th>操作</th>
                     </tr>
                     </thead>
                     <tbody>
                     {% for book in book_list %}
                         <tr>
                             <td>{{ forloop.counter }}</td>
                             <td>{{ book.title }}</td>
                             <td>{{ book.publishDdata|date:'Y-m-d' }}</td>
                             <td>
                                 {% for item in book.authorlist.all %}
                                     {{ item.name }}
                                 {% endfor %}

                             </td>
                             <td>{{ book.price }}</td>
                             <td>{{ book.publish }}</td>
                             <td>
                                 <a href="/del/{{ book.nid }}">
                                     <button class="btn btn-danger">删除</button>
                                 </a>
                                 {#                                <a href="/edit/{{ book.nid }}"><button class="btn btn-success">编辑</button></a>#}
                                 <a href="/edit/?book_id={{ book.nid }}">
                                     <button class="btn btn-success">编辑</button>
                                 </a>
                             </td>
                         </tr>
                     {% endfor %}
                     </tbody>
                 </table>
             </div>
         </div>
     </div>
 {#    分页#}
     <nav aria-label="Page navigation" class="pull-right">
         <ul class="pagination">
             {% if book_list.has_previous %}
                 <li><a href="/chakan?page={{ book_list.previous_page_number }}" aria-label="Previous">上一页</a></li>
             {% else %}
                 <li class="disabled"><a href="" aria-label="Previous">上一页</a></li>
             {% endif %}

             {% for index in page_range %}
                 {% if num == index%}
                     <li class="active"><a href="/chakan?page={{ index }}">{{ index }}</a></li>
                     {% else %}
                     <li><a href="/chakan?page={{ index }}">{{ index }}</a></li>
                 {% endif %}

             {% endfor %}

             {% if book_list.has_next %}
                 <li><a href="/chakan?page={{ book_list.next_page_number }}" aria-label="Previous">下一页</a></li>
             {% else %}
                 <li class="disabled"><a href="" aria-label="Previous">下一页</a></li>
             {% endif %}
         </ul>
     </nav>
 {% endblock %}

chakan.html

 {% extends "base.html" %}
 {% block style %}

      {{ block.super }}

      .form-horizontal {
             margin-top: 100px;
         }
     .panel{
         margin-top:30px;
         width: 700px;
         height: 500px;
         margin-left: 200px;
     }
 {% endblock %}

 {% block add %}
     <div class="panel panel-primary">
     <div class="panel-heading">添加书籍信息</div>
     <div class="panel-body">
         <form class="form-horizontal" action="/add/" method="post">
             {% csrf_token %}
             <div class="form-group">
                 <label for="bookname" class="col-sm-2 control-label">书名：</label>
                 <div class="col-sm-10">
                     <input type="text" name="bookname" id="bookname">
                 </div>
             </div>
             <div class="form-group">
                 <label for="data" class="col-sm-2 control-label">出版日期：</label>
                 <div class="col-sm-10">
                     <input type="date" name="data" id="data">
                 </div>
             </div>
             <div class="form-group">
                 <label for="author" class="col-sm-2 control-label">作者：</label>
                 <div class="col-sm-10">
                     <select name="author" id="author" multiple>
                         {% for author_obj in authorlist %}
                             <option value="{{ author_obj.id }}">{{ author_obj.name }}</option>
                         {% endfor %}
                     </select>
                 </div>
             </div>
             <div class="form-group">
                 <label for="price" class="col-sm-2 control-label">价格：</label>
                 <div class="col-sm-10">
                     <input type="text" name="price" id="price">
                 </div>
             </div>
             <div class="form-group">
                 <label for="publish" class="col-sm-2 control-label">出版社：</label>
                 <div class="col-sm-10">
                     <select name="publish" id="publish">
                         {% for pub_obj in publist %}
                             <option value="{{ pub_obj.id }}">{{ pub_obj.name }}</option>
                         {% endfor %}
                     </select>
                 </div>
             </div>
             <div class="form-group">
                 <div class="col-sm-10 col-md-offset-2">
                     <input type="submit">
                 </div>
             </div>
         </form>
     </div>
 </div>
 {% endblock %}

add.html

 {% extends "base.html" %}
 {% block style %}
      {{ block.super }}
       .form-horizontal {
             margin-top: 100px;
         }
         .panel{
             margin-top:30px;
             width: 700px;
             height: 500px;
             margin-left:200px;
         }
 {% endblock style %}

 {% block add %}
 <div class="panel panel-primary">
     <div class="panel-heading">修改图书信息</div>
     <div class="panel-body">
         <form class="form-horizontal" action="/edit/" method="post">
             {% csrf_token %}
             <div class="form-group">
                 <div class="col-sm-10">
                     <input type="hidden" name="book_input_id" value="{{ book_obj.nid }}">
                 </div>
             </div>
             <div class="form-group">
                 <label for="bookname" class="col-sm-2 control-label">书名：</label>
                 <div class="col-sm-10">
                     <input type="text" name="bookname" value="{{ book_obj.title }}">
                 </div>
             </div>
             <div class="form-group">
                 <label for="data" class="col-sm-2 control-label">出版日期：</label>
                 <div class="col-sm-10">
                     <input type="date" name="data" value="{{ book_obj.publishDdata|date:"Y-m-d" }}">
                 </div>
             </div>
             <div class="form-group">
                 <label for="author" class="col-sm-2 control-label">作者：</label>
                 <div class="col-sm-10">
                     <select name="author" id="author" multiple>
                         {% for auth in auth_obj %}
                             {% if auth.id in l %}
                                <option selected value="{{ auth.id }}">{{ auth.name }}</option>
                             {% else %}
                                <option value="{{ auth.id }}">{{ auth.name }}</option>
                             {% endif %}
                         {% endfor %}
                     </select>
                 </div>
             </div>
             <div class="form-group">
                 <label for="data" class="col-sm-2 control-label">价钱：</label>
                 <div class="col-sm-10">
                     <input type="text" name="price" value="{{ book_obj.price }}">
                 </div>
             </div>
          <div class="form-group">
                 <label for="publish" class="col-sm-2 control-label">出版社：</label>
                 <div class="col-sm-10">
                     <select name="publish" id="publish">
                         {% for publ in publ_obj %}
                             {% if publ.id == book_obj.publish.id %}
                                  <option value="{{ publ.id }}" selected>{{ publ.name }}</option>
                             {% endif %}
                             <option value="{{ publ.id }}">{{ publ.name }}</option>
                         {% endfor %}
                     </select>
                 </div>
             </div>
              <div class="form-group">
                 <div class="col-sm-10 col-md-offset-2">
                     <input type="submit">
                 </div>
             </div>
         </form>
     </div>
 </div>
 {% endblock add %}

edit.html

 {% extends "base.html" %}
 {% block style %}
     {{ block.super }}
     .form-horizontal {
     margin-top: 100px;
     }
     .panel{
     margin-top:30px;
     width: 700px;
     height: 500px;
     margin-left: 200px;
     }
     .btn{
     width:150px;
     margin-left:200px;
     }

 {% endblock %}

 {% block add %}
     <div class="container">
         <div class="row">
             <div class="col-md-6 c1">
                 <div class="panel panel-danger">
                     <div class="panel-heading">
                         <h3 class="panel-title">修改密码</h3>
                     </div>
                     <div class="panel-body">
                         <form class="form-horizontal" method="post" action="/set_pwd/">
                             {% csrf_token %}
                             <div class="form-group">
                                 <label for="oldpassword" class="col-sm-2 control-label">旧密码</label>
                                 <div class="col-sm-6">
                                     <input type="password" class="form-control" id="oldpassword"
                                            placeholder="Oldpassword"
                                            name="oldpassword">
                                 </div>
                             </div>
                             <div class="form-group">
                                 <label for="newpassword" class="col-sm-2 control-label">新密码</label>
                                 <div class="col-sm-6">
                                     <input type="password" class="form-control" id="newpassword"
                                            placeholder="Newpassword"
                                            name="newpassword">
                                 </div>
                             </div>
                            <button type="submit" class="btn btn-success">确定</button>
                         </form>

                         <h3>{{ info }}</h3>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 {% endblock %}

set_pwd.html

程序图示：