圖書管理系統做業

時間 2019-12-09

標籤圖書管理系統简体版

原文原文鏈接

樣式有的沒有改,整體功能實現了,通常小丑css

項目名:day 67 Library Managerhtml

APP名: APP01mysql

項目文件夾下:web

setting設置:sql

"""
Django settings for day67LibraryManager project.

Generated by 'django-admin startproject' using Django 1.11.15.

For more information on this file, see
https://docs.djangoproject.com/en/1.11/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.11/ref/settings/
"""

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '27k2n&3&b@@^pmoddfjf&n__a=dq*rnr0r^l$lic4r(g@_13ii'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
    # 'app02.apps.App02Config',

]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'day67LibraryManager.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'day67LibraryManager.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'library',
        'USER':'root',
        'PASSWORD':'liangshuang12',
        'HOST':'127.0.0.1',
        'PORT':3306,
    }
}


# Password validation
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/1.11/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = [
                os.path.join(BASE_DIR,'static'),
            ]

# TEMPLATE_DIRS = (os.path.join(BASE_DIR,  'templates'),)

setting配置

__init__:數據庫

import pymysql

pymysql.install_as_MySQLdb()

View Code

app01下:django

models.py:bootstrap

from django.db import models


class Publisher(models.Model):
    id = models.AutoField(primary_key=True)
    name = models.CharField(max_length=32, unique=True)


class Book(models.Model):
    id = models.AutoField(primary_key=True)
    title = models.CharField(max_length=32, unique=True)
    publisher = models.ForeignKey(to=Publisher, on_delete=models.CASCADE)

    def __repr__(self):
        return "<Book object: {} >".format(self.title)


class Author(models.Model):
    name = models.CharField(max_length=32, unique=True)
    books = models.ManyToManyField('Book')

    def __repr__(self):
        return "<Author object: {} >".format(self.name)

    __str__ = __repr__


























# from django.db import models
#
# # Create your models here.
#
# #出版社
# class Publisher(models.Model):
#     id = models.AutoField(primary_key=True)
#     name = models.CharField(max_length=32,unique=True)
#
#     # def __str__(self):
#     #     return self.name
#
#
# #書
# class Book(models.Model):
#     id = models.AutoField(primary_key = True)
#     title = models.CharField(max_length=32,unique=True)
#     Publisher = models.ForeignKey(to=Publisher,on_delete=models.CASCADE)
#     def __repr__(self):
#         return "<Boot object : {}>".format(self.title)
#
# #做者
#
# class Author(models.Model):
#     name = models.CharField(max_length=32, unique=True)
#     books = models.ManyToManyField('Book')
#
#     def __repr__(self):
#         return "<Author object: {}>".format(self.name)
#
#     __str__ = __repr__

View Code

項目下.urls.pycanvas

"""day67LibraryManager 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,include
from django.contrib import admin
from app01 import views

urlpatterns = [

    #出版社
    url(r'^admin/', admin.site.urls),


    url(r'del_(publisher|book|author)/(\d+)',views.delete),


    url(r'^publisher/',views.publisher_list,name='publisher'),  #路徑,函數名
    # 添加
    # url(r'^add_publisher/',views.add_publisher),

    url(r'add_publisher/',views.AddPublisher.as_view()),
    # url(r'^add_publisher/',view),# 上面的AddPublisher.as_view()至關於view函數
    #刪除
    url(r'^del_publisher/(\d+)/',views.del_publisher),


    # 編輯
    url(r'^edit_publisher/',views.edit_publisher),

    # 書籍
    url(r'^book_list/',views.book_list,name='book'),  #書籍表格
    url(r'^add_book/',views.add_book),  #增長書籍
    url(r'^del_book/(\d+)/',views.del_book),   #刪除書籍


    url(r'^edit_book/',views.edit_book),   #編輯書籍


    #做者
    url(r'^author_list/',views.author_list,name='author'),  #做者列表
    url(r'^add_author/',views.add_author),    #添加
    url(r'^del_author/(\d+)/',views.del_author),      #刪除
    url(r'^edit_author/',views.edit_author),    #編輯


    #測試
    # url(r'^test/',views.test)

    # url(r'app01/' , include('app01.urls',namespace='app01')),
    # url(r'app02/' , include('app02.urls',namespace='app02')),
    #
    # url(r'^tests/', views.tests)
]

View Code

app01下:views.py:api

from django.shortcuts import render,HttpResponse,redirect,reverse
from app01 import models
from django.views import View
import time

def wapper(func):
    def inner(*args,**kwargs):
        start = time.time()
        ret = func(*args,**kwargs)
        print('函數執行的時間是:{}'.format(time.time()-start))
        return ret
    return inner




def publisher_list(request):
    # 從數據庫中獲取全部的數據:
    publisher_obj_list = models.Publisher.objects.all().order_by('-id')
    return render(request,'publisher_list.html',{'publishers':publisher_obj_list})

# 添加出版社
@wapper
def add_publisher(request):
    add_name,err_msg = '',''
    if request.method=='POST':
        add_name = request.POST.get('new_name')
        pub_list = models.Publisher.objects.filter(name=add_name)
        if add_name and not pub_list:
            models.Publisher.objects.create(name=add_name)
            return redirect('/publisher/')
        if not add_name:
            err_msg='不能爲空'
        if pub_list:
            err_msg='出版社已存在'
    return render(request,'add_publisher.html',{'err_name':add_name,'err_msg':err_msg})



#爲函數加裝飾器
from django.views import View
from django.utils.decorators import method_decorator

@method_decorator(wapper, name='post')
@method_decorator(wapper, name='get')
class AddPublisher(View):

    def dispatch(self, request, *args, **kwargs):
        print('執行get方法以前')
        ret = super().dispatch(request,*args,**kwargs)
        print('執行get方法以後')
        return ret

    def get(self,request):
        # print('這個是get')
        return render(self.request,'add_publisher.html')

    def post(self,request):
        print('這個是post')
        err_msg = ''
        add_name = request.POST.get('new_name')
        pub_list = models.Publisher.objects.filter(name=add_name)
        if add_name and not pub_list:
            models.Publisher.objects.create(name=add_name)
            return redirect('/publisher/')
        if not add_name:
            err_msg = '不能爲空'
        if pub_list:
            err_msg = '出版社已存在'

        return render(request, 'add_publisher.html', {"err_name": add_name, 'err_msg': err_msg})



# 添加出版社
# def add_publisher(request):
#     if request.method == 'POST':  #選擇提交方式
#         add_name = request.POST.get('new_name')     #獲取新添加的名字賦值給add_name
#         if not add_name:  #若是名字不存在爲空
#             return render(request, 'add_publisher.html', {"err_name": add_name, 'err_msg': '不能爲空'})
#         pub_list = models.Publisher.objects.filter(name=add_name)  #過濾添加的name在不在Publisher表裏
#         if pub_list:   # 若是存在表裏
#             return render(request, 'add_publisher.html',{"err_name":add_name,'err_msg':'出版社已存在'})
#         models.Publisher.objects.create(name=add_name)  #建立新內容(至關於前面有個else,函數碰見return結束函數,因此不用寫else,若是沒有return ,必須寫else)
#         return redirect('/publisher/')   #返回跳轉頁面
#     return render(request,'add_publisher.html')
#

 #刪除出版社
def del_publisher(request):
    #獲取要刪除的對象id
    del_id = request.GET.get('id')
    del_list = models.Publisher.objects.filter(id=del_id)#篩選刪除的id在Publisher裏
    if del_list:
        #刪除知足條件的全部對象
        del_list.delete()
        return redirect('/publisher/')
    else:
        return HttpResponse('刪除失敗')

#編輯出版社
def edit_publisher(request):
    #獲取要編輯的對象id
    edit_id = request.GET.get('id')
    edit_list = models.Publisher.objects.filter(id=edit_id)#篩選要編輯的id在Publisher裏賦值給左邊
    err_msg = ''
    if request.method == 'POST':
        edit_name = request.POST.get('new_name')#得到輸入新的出版社的名字
        print(edit_name,type(edit_name))
        check_list = models.Publisher.objects.filter(name=edit_name)#判斷在不在原來的表裏
        if edit_name and edit_list and not check_list:
            edit_obj = edit_list[0]
            edit_obj.name = edit_name  #新的出版社賦值給要編輯的出版社
            edit_obj.save()    # 保存在數據庫中
            return redirect('/publisher/')
        if check_list:
            err_msg = '出版社已存在'
        if not edit_name:
            err_msg = '出版社不能爲空'
    if edit_list:
        edit_obj = edit_list[0]     #從表裏獲取的
        return render(request,'edit_publisher.html',{'old_obj':edit_obj,'err_msg':err_msg})
    else:
        return HttpResponse('數據不存在')






    #書
def book_list(request):
    books = models.Book.objects.all()     #獲取全部的書籍對象


    return render(request,'book_list.html',{'books':books})


#增長書

def add_book(request):
    if request.method == 'POST':
        # 獲取form表單提交的數據
        book_name = request.POST.get('book_name')  #添加的新名字
        pub_id = request.POST.get('pub_id')    #出版社的id

        # pub_obj = models.Publisher.objects.get(id=pub_id)
        # models.Book.objects.create(title=book_name,publisher=pub_obj)
        models.Book.objects.create(title=book_name,publisher_id=pub_id)  #添加書名出版社
        return redirect('/book_list/')  #跳轉書籍表格頁面
    # 獲取全部出版社信息
    publisher_list = models.Publisher.objects.all()
    return render(request,'add_book.html',{'publisher_list':publisher_list})


# 刪除書
def del_book(request):
    del_id = request.GET.get('book_id')
    models.Book.objects.get(id=del_id).delete()
    return redirect('/book_list/')



#編輯書籍
def edit_book(request):
    if request.method == 'POST':
        old_id = request.POST.get('old_id')
        new_title = request.POST.get('new_title')
        pub_id = request.POST.get('pub_id')

        old_obj = models.Book.objects.get(id=old_id)
        old_obj.title=new_title
        old_obj.publisher_id = pub_id
        # old_obj.publisher = models.Publisher.objects.get(id=pub_id)
        old_obj.save()
        return redirect('/book_list/')

    edit_id = request.GET.get('id')
    edit_obj = models.Book.objects.get(id=edit_id)
    all_pub = models.Publisher.objects.all()
    return render(request,'edit_book.html',{'edit_obj': edit_obj,'all_pub': all_pub})

  #做者
def author_list(request):
    author_list = models.Author.objects.all().order_by('id') #獲取全部做者

    return render(request,'author_list.html',{'author_list':author_list})

#增長做者
def add_author(request):
    if request.method == 'POST':
        author_name = request.POST.get('author_name')
        book_ids = request.POST.getlist('book_ids')
        author_obj = models.Author.objects.create(name=author_name)
        author_obj.books.set(book_ids)
        return redirect('/author_list/')
    book_list = models.Book.objects.all()
    return render(request,'add_author.html',{'book_list':book_list})
#   #刪除做者
def del_author(request):
    del_id = request.GET.get('id')
    models.Author.objects.get(id=del_id).delete()
    #獲取到做者對象
    #在數據庫中刪除做者的數據
    #刪除多對多關係的記錄
    return redirect('/author_list/')
#
# #編輯
def edit_author(request):
    edit_id = request.GET.get('id')
    edit_obj = models.Author.objects.get(id=edit_id)
    if request.method == 'POST':
        new_author = request.POST.get('new_author')
        book_ids = request.POST.getlist('book_ids')
        edit_obj.name = new_author
        edit_obj.save()

        edit_obj.books.set(book_ids)

        return redirect('/author_list/')



    all_books = models.Book.objects.all()

    return render(request,'edit_author.html', {'edit_obj':edit_obj,'all_books':all_books})








#l例題
def home(request,*args,**kwargs):
    print(reverse('home',kwargs={'year':'1998','month':'23'}))
    return HttpResponse('這個是app01book')



def tests(request):
    print(reverse('app01:home',args=('1998','23')))
    return render(request,'test.html')


#刪除多個
def delete(request,table,del_id):
    table_dict = {
        'publisher':models.Publisher,
        'book':models.Book,
        'author':models.Author,
    }
    print(models.Book)
    #方法一
    # table_class = table_dict.get(table)
    # 方法二:
    table_class = getattr(models,table.capitalize())
    print(table_class )

    table_class.objects.get(id=del_id).delete()
    return redirect(reverse(table))

View Code

templates:

{% extends 'base.html' %}

{% block name_t %}出版社{% endblock %}
        {% block page-mian %}

            <div class="row">
                <div class="col-lg-3">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn"><button class="btn btn-default"
                                                              type="button">Go</button></span>
                    </div>
                </div>
                <div class="pull-right col-lg-3">
                    <a class="btn btn-info" href="/add_publisher/">添加出版社</a>
                </div>
            </div>


            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>序號</th>
                        <th>ID</th>
                        <th>出版社名</th>
                        <th>操做</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for publisher in publishers %}
                        <tr>
                            <td>{{ forloop.counter }}</td>
                            <td>{{ publisher.id }}</td>
                            <td>{{ publisher.name }}</td>
                            <td>
                                <a class="btn btn-danger btn-sm" href="/del_publisher/{{ publisher.id }}/">
                                    <i class="fa fa-trash fa-fw"></i>刪除
                                </a>
                                <a class="btn btn-warning btn-sm" href="/edit_publisher/?id={{ publisher.id }}">
                                    <i class="fa fa-edit fa-fw"></i>編輯
                                </a>
                            </td>
                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="4" style="text-align: center">沒有數據</td>
                        </tr>
                    {% endfor %}
                    </tbody>

                </table>
            </div>
{% endblock %}
{#        </div>#}
{#    </div>#}

publisher_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加出版社</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css">
</head>
<body>

{% include 'nav.html' %}
<div class="container" style="margin-top: 70px">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">添加出版社</h3>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="">
                        {% csrf_token %}
                        <div class="form-group">
                            <label for="inputName" class="col-sm-2 control-label">名稱：</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputName" name="new_name"
                                       value="{{ old_obj.name }}">
                            </div>
                        </div>
                        <p class="text-center text-danger">{{ err_msg }}</p>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

add_publisher.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>編輯出版社</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css">
</head>
<body>
{#<h1>編輯出版社</h1>#}
{#<form action="" method="post">#}
{#    <p>名稱：<input type="text" name="new_name" value="{{ old_obj.name }}"></p><span>{{ err_msg }}</span>#}
{#    <button>提交</button>#}
{#</form>#}
<div class="container" style="margin-top: 30px">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">編輯出版社</h3>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="">
                        <div class="form-group">
                            <label for="inputName" class="col-sm-2 control-label">名稱：</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputName" name="new_name"
                                       value="{{ old_obj.name }}">
                            </div>
                        </div>
                        <p class="text-center text-danger">{{ err_msg }}</p>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>

edit_publisher.html

{% extends 'base.html' %}


{% block pub_active %}
{% endblock %}
{% block book_active %}
    active
{% endblock %}


{% block name_t %}書籍{% endblock %}

{% block page-mian %}


            <div class="row">
                <div class="col-lg-3">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn"><button class="btn btn-default"
                                                              type="button">Go</button></span>
                    </div>
                </div>
                <div class="pull-right col-lg-3">
                    <a class="btn btn-info" href="/add_book/">添加書籍</a>
                </div>
            </div>


            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>序號</th>
                        <th>ID</th>
                        <th>書名</th>
                        <th>出版社</th>
                        <th>操做</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for book in books %}
                        <tr>
                            <td>{{ forloop.counter }}</td>
                            <td>{{ book.id }}</td>
                            <td>{{ book.title }}</td>
                            <td>{{ book.publisher.name }}</td>
                            <td>
                                <a class="btn btn-danger btn-sm" href="/del_book/{{ book.id }}/">
                                    刪除
                                </a>
                                <a class="btn btn-warning btn-sm" href="/edit_book/?id={{ book.id }}">
                                    編輯
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>

{% endblock %}

book_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>書籍列表</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css">
</head>
<body>

{% include 'nav.html' %}
<div class="container" style="margin-top: 70px">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">添加書籍</h3>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="">
                        {% csrf_token %}
                        <div class="form-group">
                            <label for="inputName" class="col-sm-2 control-label">名稱：</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputName" name="book_name"
                                       value="">
                            </div>
                            <div>
                                <label for="inputName" class="col-sm-2 control-label">出版社：</label>
                                <select name="pub_id" id="" class="control-label">
                                    {% for pub in publisher_list %}
                                        <option value="{{ pub.id }}">{{ pub.name }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <p class="text-center text-danger">{{ err_msg }}</p>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

add_book.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>編輯書籍</title>
</head>
<body>
<h1>編輯書籍</h1>
<form action="" method="post">
    <input type="text" name="old_id" value="{{ edit_obj.id }}" style="display: none">
    <div>
        書名：
        <input type="text" name="new_title" value="{{ edit_obj.title }}">
    </div>
    <div>
        出版社：
        <select name="pub_id" id="">
            {% for pub in all_pub %}
                {% if pub.id == edit_obj.publisher_id %}
                    <option selected value="{{ pub.id }}">{{ pub.name }}</option>
                {% else %}
                    <option value="{{ pub.id }}">{{ pub.name }}</option>
                {% endif %}
            {% endfor %}
        </select>
    </div>
    <button>提交</button>

</form>
</body>
</html>

edit_book.html

{% extends 'base.html' %}


{% block pub_active %}
{% endblock %}
{% block book_active %}
    active
{% endblock %}


{% block name_t %}做者{% endblock %}

{% block page-mian %}


            <div class="row">
                <div class="col-lg-3">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn"><button class="btn btn-default"
                                                              type="button">Go</button></span>
                    </div>
                </div>
                <div class="pull-right col-lg-3">
                    <a class="btn btn-info" href="/add_author/">添加做者</a>
                </div>
            </div>


            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr>
                        <th>序號</th>
                        <th>ID</th>
                        <th>做者名</th>
                        <th>著做</th>
                        <th>操做</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for author in author_list %}
                        <tr>
                            <td>{{ forloop.counter }}</td>
                            <td>{{ author.id }}</td>
                            <td>{{ author.name }}</td>
                            <td>
                            {% for bok in author.books.all %}
                                {{ bok.title }}
                                {% endfor %}</td>

                            <td>
                                <a class="btn btn-danger btn-sm" href="/del_book/{{ author.id }}/">
                                    刪除
                                </a>
                                <a class="btn btn-warning btn-sm" href="/edit_book/?id={{ author.id }}">
                                    編輯
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>

{% endblock %}












































{#<!DOCTYPE html>#}
{#<html lang="en">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title>做者列表</title>#}
{#</head>#}
{#<body>#}
{#<a href="/add_author/">添加出版社</a>#}
{#<table border="1">#}
{#    <thead>#}
{#    <tr>#}
{#        <th>序號</th>#}
{#        <th>ID</th>#}
{#        <th>做者</th>#}
{#        <th>著做</th>#}
{#        <th>操做</th>#}
{#    </tr>#}
{#    </thead>#}
{#    <tbody>#}
{#    {% for author in author_list %}#}
{#        <tr>#}
{#            <td>{{ forloop.counter }}</td>#}
{#            <td>{{ author.id }}</td>#}
{#            <td>{{ author.name }}</td>#}
{#            <td>#}
{#                {% for book in author.books.all %}#}
{#                    {% if forloop.last %}#}
{#                        《{{ book.title }}》#}
{#                    {% else %}#}
{#                        《{{ book.title }}》、#}
{#                    {% endif %}#}
{#                {% endfor %}#}
{#            </td>#}
{#            <td>#}
{#                <a href="/del_author/?id={{ author.id }}"><button>刪除</button></a>#}
{#                <a href="/edit_author/?id={{ author.id }}"><button>編輯</button></a>#}
{#            </td>#}
{#        </tr>#}
{#    {% endfor %}#}
{#    </tbody>#}
{#</table>#}
{#</body>#}
{#</html>#}

author_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加做者</title>
</head>
<body>
<form action="" method = 'post'>
    <div>
        做者名字:
        <input type="text" name="author_name">
    </div>
    <div>
        做品:
        <select name="book_ids" id="" multiple>
            {% for book in book_list %}
                <option value="{{ book.id }}">{{ book.title }}</option>
            {% endfor %}
        </select>
    </div>
    <button type="submit">提交</button>

</form>
</body>
</html>

add_author.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>編輯做者</title>
</head>
<body>
<h1>編輯做者</h1>
<form action="" method="post">
    <div>
        做者名：
        <input type="text" name="new_author" value="{{ edit_obj.name }}">
    </div>
    <div>
        著做：
        <select name="book_ids" id="" multiple>
            {% for book in all_books %}
                {% if book in edit_obj.books.all %}
                    <option value="{{ book.id }}" selected>{{ book.title }}</option>
                {% else %}
                    <option value="{{ book.id }}">{{ book.title }}</option>
                {% endif %}
            {% endfor %}
        </select>
    </div>

    <button type="submit">提交</button>
</form>

</body>
</html>

edit_author.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="/static/css/pub.css">
</head>
<body>
{#導入標題組件#}
{% include 'nav.html' %}

{#若是不導入顯示如下標題代碼   導入的代替了下面代碼#}
{#<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="#">圖書管理系統</a>#}
{#        </div>#}
{#        <div id="navbar" class="navbar-collapse collapse">#}
{#            <ul class="nav navbar-nav navbar-right">#}
{#                <li><a href="#">Dashboard</a></li>#}
{#                <li><a href="#">Settings</a></li>#}
{#                <li><a href="#">Profile</a></li>#}
{#                <li><a href="#">Help</a></li>#}
{#            </ul>#}
{#            <form class="navbar-form navbar-right">#}
{#                <input type="text" class="form-control" placeholder="Search...">#}
{#            </form>#}
{#        </div>#}
{#    </div>#}
{#</nav>#}

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="{% block pub_active %}active{% endblock %}"><a href="/publisher/">出版社管理 <span
                        class="sr-only">(current)</span></a></li>
                <li class="{% block book_active %}{% endblock %}"><a href="/book_list/">書籍管理</a></li>
                <li class="{% block author_active %}{% endblock %}"><a href="/author_list/">做者管理</a></li>
            </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

            {#        建立塊,在子頁面中塊內的內容會被覆蓋#}

            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">{% block name_t %} {% endblock %}列表</h3>
                </div>

                <div class="panel-body">
                    {% block page-mian %}
                    {% endblock %}
                    {% load mytags %}
                    {% pagination 10 5 %}
                </div>
            </div>


        </div>
    </div>
</div>
</body>
</html>

母板base.html用來繼承

<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="#">圖書管理系統-s13</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Dashboard</a></li>
                <li><a href="#">Settings</a></li>
                <li><a href="#">Profile</a></li>
                <li><a href="#">Help</a></li>
            </ul>
            <form class="navbar-form navbar-right">
                <input type="text" class="form-control" placeholder="Search...">
            </form>
        </div>
    </div>
</nav>

導航欄 nav.html

<div class="text-center">
    <nav aria-label="...">
        <ul class="pagination">
            <li class="disabled"><a href="#" aria-label="Previous"><span
                    aria-hidden="true">«</span></a>
            </li>
            {% for num in total %}
                {% if num == current %}
                    <li class="active"><a href="#">{{ num }}</a></li>
                {% else %}
                    <li><a href="#">{{ num }}</a></li>
                {% endif %}

            {% endfor %}
            <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
        </ul>
    </nav>
</div>

組件pagination.html

若是須要繼承就要用到,母板,導航欄,組件,不須要繼承就不用

static文件夾下css下:(css,可能有多餘的文件)

log.css:

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

View Code

style.css:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;padding:0;margin:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.txt-rt{text-align:right}.txt-lt{text-align:left}.txt-center{text-align:center}.float-rt{float:right}.float-lt{float:left}.clear{clear:both}.pos-relative{position:relative}.pos-absolute{position:absolute}.vertical-base{vertical-align:baseline}.vertical-top{vertical-align:top}.underline{padding-bottom:3px;border-bottom:1px solid #eee}nav.vertical ul li{display:block}nav.horizontal ul li{display:inline-block}img{max-width:100%}body{font-family:roboto,sans-serif;text-align:center;background:url(../images/background.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}body a{transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;text-decoration:none}h1{font-size:45px;font-weight:500;letter-spacing:4px;margin:60px 0;color:#fff}.container{width:50%;margin:0 auto;padding:40px;background-color:rgba(10,10,10,.77);border:2px ridge rgba(238,238,238,.13);border-radius:5px;-moz-box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);-webkit-box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);box-shadow:0 -5px 10px 1px rgba(16,16,16,.57);border-bottom:0;border-bottom-left-radius:initial;border-bottom-right-radius:initial}.login{width:45%;float:left;text-align:left;padding-right:40px}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}h2{font-size:35px;text-align:left;color:#fff;font-weight:100;margin-bottom:20px}ul.tick{float:left;list-style:none;display:inline-block;width:100%;margin-bottom:20px}ul.tick li input[type=checkbox]{display:none}ul.tick li input[type=checkbox]+label{position:relative;padding-left:30px;border:#f0f8ff;display:inline-block;font-size:13px;color:#eee}ul.tick li input[type=checkbox]+label span:first-child{width:17px;height:17px;display:inline-block;border:1px solid #eee;position:absolute;top:-3px;left:0;bottom:4px}ul.tick li input[type=checkbox]:checked+label span:first-child:before{content:"";background:url(../images/tick.png)no-repeat;position:absolute;left:3px;top:3px;font-size:10px;width:10px;height:10px}.social-icons{margin-top:20px;text-align:center}.social-icons p{color:#ccc;margin-bottom:15px}.social-icons ul li{float:left;width:32.9%}.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}li.twt{margin:0 2px}.social-icons ul li a{display:block}.social-icons ul li a span{vertical-align:middle;color:#fff;font-size:15px}.social-icons ul li span.icons{background:url(../images/i1.png) no-repeat center;width:30px;height:30px;display:inline-block}.social-icons ul li.weixin span.icons{background:url(../images/weixin.png) no-repeat;background-size:100%}.social-icons ul li.qq span.icons{background:url(../images/QQ.png) no-repeat;background-size:100%}.social-icons ul li.weibo span.icons{background:url(../images/weibo.png) no-repeat;background-size:100%}.social-icons ul li a:hover span.icons{transform:rotatey(360deg);-webkit-transform:rotatey(360deg);-o-transform:rotatey(360deg);-moz-transform:rotatey(360deg);-ms-transform:rotatey(360deg);transition:.5s all}input[type=text],input[type=password]{width:93.4%;margin-bottom:20px;padding:10px;float:left;background-color:transparent;border:0;font-size:15px;border-bottom:1px solid rgba(238,238,238,.41);outline:0;color:#fff}.send-button{margin-bottom:20px}.send-button input[type=submit]{width:60%;padding:10px 0;font-size:16px;font-weight:100;background-color:transparent;color:#ccc;border:1px solid rgba(238,238,238,.41);border-width:thin;cursor:pointer;outline:0;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;text-decoration:none}.send-button input[type=submit]:hover{background-color:#000;border:1px solid #fff;color:#fff;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;text-decoration:none}.login a{color:#ccc}.login a:hover{color:#fff}.register{width:44%;float:left;border-left:1px solid #ddd;padding-left:40px;text-align:left}.register p{color:#ccc;margin-bottom:10px}.register p a{color:#ccc}.register p a:hover{color:#fff}.footer{text-align:center;margin:100px 20px 20px}.footer p{color:#ccc;line-height:25px}.footer a{color:#ccc;text-decoration:none}.footer a:hover{color:#fff}@media screen and (max-width:1920px){h1{margin:100px 0}}@media screen and (max-width:1600px){h1{margin:60px 0}}@media screen and (max-width:1440px){.container{width:53%}}@media screen and (max-width:1366px){h1{margin:50px 0}.container{width:57%}}@media screen and (max-width:1280px){.container{width:60%}}@media screen and (max-width:1024px){.container{width:76%}}@media screen and (max-width:966px){.container{width:80%}.footer{margin:50px 20px 20px}}@media screen and (max-width:853px){.login{padding-right:36px}.register{padding-left:36px}.social-icons ul li{width:32.8%}.register p{font-size:14px}}@media screen and (max-width:800px){h1{font-size:43px}.login{padding-right:35px}.register{padding-left:34px}.social-icons ul li span.icons{width:28px}}@media screen and (max-width:768px){.container{width:85%}.register p{font-size:13.8px}}@media screen and (max-width:736px){h1{font-size:40px}.container{width:87%;padding:35px}.login{padding-right:34px}.register{padding-left:33px}.social-icons ul li a span{font-size:14px}.register p{font-size:13.2px}}@media screen and (max-width:667px){h1{font-size:35px;letter-spacing:3px}.container{width:55%;padding:50px}.login{padding:0;width:100%;margin-bottom:50px}.register{padding:40px 0 0;width:100%;border:0;border-top:1px solid #ddd}}@media screen and (max-width:603px){h1{letter-spacing:2px}}@media screen and (max-width:568px){h1{letter-spacing:1px;margin:30px 0}.container{width:60%;padding:40px}}@media screen and (max-width:533px){h1{font-size:32px}}@media screen and (max-width:480px){.container{width:70%;padding:35px}.send-button input[type=submit]{width:50%;padding:8px 0}}@media screen and (max-width:414px){h1{font-size:30px}.container{width:75%;padding:25px}.login{margin-bottom:30px}h2{font-size:30px;margin-bottom:15px}.register{padding:30px 0 0}.footer p{font-size:14px}}@media screen and (max-width:384px){h1{letter-spacing:0}}@media screen and (max-width:375px){.social-icons ul li span.icons{width:27px}.register p{font-size:13px;line-height:23px}}@media screen and (max-width:360px){.container{width:80%;padding:20px}}@media screen and (max-width:320px){.social-icons ul li{width:32.7%}.social-icons ul li span.icons{width:25px}.social-icons ul li a span{font-size:12.4px}}

View Code

pub.css:

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}