图书管理系统（无中间件，用装饰器的）-----未基于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),
]

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")

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>

<!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>

<!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>

<!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>

{% 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 %}

{% 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 %}

{% 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 %}

{% 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 %}

程序图示：