图书管理系统

图书管理系统

目标要求：

• 分别展示出出版社页面，书籍页面和作者页面
• 一个出版社可以出版多本书籍（一对多）
• 一个作者可以写多本书，一本书也可有多个作者（多对多）

一、创建模型

作者模型：一个作者有姓名和年龄。

作者详细模型：把作者的详情放到详情表，包含生日，手机号，家庭住址等信息。作者详情模型和作者模型之间是一对一的关系（one-to-one）

出版商模型：出版商有名称，所在城市以及email。

书籍模型： 书籍有书名和出版日期，一本书可能会有多个作者，一个作者也可以写多本书，所以作者和书籍的关系就是多对多的关联关系(many-to-many);一本书只应该由一个出版商出版，所以出版商和书籍是一对多关联关系(one-to-many)。

表关系建立

• 一对多的本质也是多对多，多对多的关系本身也是一对多建立起来的

• 一对一的关系也是一对多，只不过多的一方只有一个

• 一对一的关系，关联字段可以写在任何一方

五张表

• 书籍表，作者表，作者详情表，出版社表，书籍和作者表（多对多关系）

• 一对一的关系，关联字段可以写在任意一方

• 一对多的关系，关联字段写在多的一方

• 多对多的关系，必须建立第三张表（orm中，可以用一个字段表示，这个字段可以写在任意一方）

二、Django文件配置

Django模板文件配置settings.py文件

TEMPLATES = [
    {
   
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, "template")],  # template文件夹位置
        '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',
            ],
        },
    },
]

数据库mysql配置

Django默认采用的是sqlite3数据库,这里我们使用mysql数据库。

在修改配置文件之前，需要手动创建一个数据库,手动创建数据库之后再修改配置文件

'''
sqlite 一个文件就是一个库，不用手动创建数据库
mysql 需要手动创数据库
'''
DATABASES = {
   
    'default': {
   
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'library',
        'HOST': '127.0.0.1',
        "POST": '3306',
        'USER': 'root',
        "PASSWORD": 123,
        'CHARSET': 'utf8'
    }
}

使用mysql需要在app名/migrations/__init__下配置如下：

'''
本质就是一个猴子补丁
'''
import pymysql

pymysql.install_as_MySQLdb()

禁用csrf中间件

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',
]

三、建立url对应关系

Django三板斧

HttpResponse 处理http请求把数据返回给浏览器

render (渲染)：返回HTML文件, 支持向HTML文件中传参并使用模板语法(动态HTML页面)除request参数外还接受一个待渲染的模板文件和一个保存具体数据的字典参数。

redirect (重定向)

路由url.py文件

from django.contrib import admin
from django.conf.urls import url
from   app01 import views
urlpatterns = [
    url('^admin/', admin.site.urls),
    # 首页
    url('^$',views.home,name='home'),
    # 图书的展示
    url(r'^book/list/',views.book_list,name='book_list'),
    # 书籍的添加
    url(r'^book/add',views.book_add,name='book_add'),

    # 书籍的编辑
    url(r'book/edit/(?P<edit_id>\d+)/',views.book_edit,name='book_edit'),

    # 书籍的删除
    url(r'book/delete/(\d+)/', views.book_delete,name='book_delete'),

]

四、模型层

from django.db import models

# Create your models here.
'''
表关系建立
    一对多的本质也是多对多，多对多的关系本身也是一对多建立起来的
    一对一的关系也是一对多，只不过多的一方只有一个
    一对一的关系，关联字段可以写在任何一方
五张表：
    书籍表，作者表，作者详情表，出版社表，书籍和作者表（多对多关系）
    一对一的关系，关联字段可以写在任意一方
    一对多的关系，关联字段写在多的一方
    多对多的关系，必须建立第三张表（orm中，可以用一个字段表示，这个字段可以写在任意一方）
'''


class Publish(models.Model):
    id = models.AutoField(primary_key=True)
    name = models.CharField(max_length=32)
    addr = models.CharField(max_length=64)
    email = models.EmailField()  # 本质是varchar类型

    # varchar(254) 该字段类型不是给models看的，而是给校验性组件看的

    def __str__(self):
        return f"对象{self.name}"


class Book(models.Model):
    id = models.AutoField(primary_key=True)
    title = models.CharField(max_length=32)
    price = models.DecimalField(max_digits=8, decimal_places=2)
    publish_date = models.DateField(auto_now_add=True)
    # 一对一
    '''
    建议加引号，也可以不加引号
    models.CASCADE：级联删除，设为默认值，设为空，设为指定的值，不做处理
    #2.x以后必须加，否则报错
    '''
    publish = models.ForeignKey(to=Publish,to_field='id',on_delete=models.CASCADE)

    # 多对多
    '''
    在数据库中，根本没有这个字段，orm用来查中介模型询，映射成一个表了
    如果不这么写，手动建立第三张表，
    '''
    authors = models.ManyToManyField(to='Author')

    def __str__(self):
        return self.title



class Author(models.Model):
    id = models.AutoField(primary_key=True)
    name = models.CharField(max_length=32)
    age = models.IntegerField()

    # 一对一
    author_detail = models.OneToOneField(to='AuthorDetail', to_field='id', unique=True, on_delete=models.CASCADE)


class AuthorDetail(models.Model):
    phone = models.BigIntegerField()  # 电话号码使用BigIntegerField或者CharField
    addr = models.CharField(max_length=64)
    id = models.AutoField(primary_key=True)
    birthday = models.DateField()

注意：关联字段与外键约束没有必然的联系（建管理字段是为了进行查询，建约束是为了不出现脏数据）

五、视图层

from django.shortcuts import render, redirect, HttpResponse
from app01 import models


# Create your views here.
def home(request):
    return render(request, 'home.html')


def book_list(request):
    # 先查询出所有的书籍信息 传递给html页面
    book_queryset = models.Book.objects.all()
    return render(request, 'book_list.html', locals())


def book_add(request):
    if request.method == 'POST':
        # 提交前端提交过来的所有数据
        title = request.POST.get('title')
        price = request.POST.get('price')
        # publish_date = request.POST.get('publish_date')
        publish_id = request.POST.get('publish')
        authors_list = request.POST.getlist('authors')
        # 操作数据库存储数据
        # 书籍表
        book_obj = models.Book.objects.create(title=title, price=price,
                                              publish_id=publish_id)
        # 书籍与作者关系的关系表
        book_obj.authors.add(*authors_list)
        print(book_obj.title)
        print(book_obj.price)
        print(book_obj.publish_id)
        # 跳转到书籍的展示页面
        '''
        redirect括号内可以写url
        其实也可以直接写url
        但是如果你的别名需要额外给参数的话，那么就必须使用reverse解析了
        '''
        return redirect('book_list')

    # 先获取当前所有的出版社信息和作者信息
    publish_queryset = models.Publish.objects.all()
    author_queryset = models.Author.objects.all()
    return render(request, 'book_add.html', locals())


def book_edit(request, edit_id):
    # 获取当前用户想要编辑的书籍对象，展示给用户看
    edit_obj = models.Book.objects.filter(pk=edit_id).first()
    if request.method == 'POST':
        title = request.POST.get('title')
        price = request.POST.get('price')
        publish_date = request.POST.get('publish_date')
        publish_id = request.POST.get('publish')
        authors_list = request.POST.getlist('authors')
        models.Book.objects.filter(pk=edit_id).update(title=title, price=price, publish_date=publish_date,
                                                      publish_id=publish_id)
        # 修改第三张关系表
        edit_obj.authors.set(authors_list)
        return redirect('book_list')
    # 获取当前用户想要编辑的书籍对象，展示给用户看
    publish_queryset = models.Publish.objects.all()

    # 获取当前所有的出版社信息和作者信息
    author_queryset = models.Author.objects.all()
    authors_list = request.POST.getlist('authors')
    return render(request, 'book_edit.html', locals())


def book_delete(request,delete_id):
    # 简单粗暴直接删除
    models.Book.objects.filter(pk=delete_id).delete()

    # z直接跳转到展示页
    return redirect('book_list')

六、模板层

首页展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    {
   % block css %}

    {
   % endblock %}
</head>
<body>
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <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>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">图书 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">作者</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">更多 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">用户名</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">更多操作<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            <div class="list-group">
                <a href="" class="list-group-item active">首页</a>
                <a href="{% url 'book_list' %}" class="list-group-item">图书列表</a>
                <a class="list-group-item">出版社列表</a>
                <a class="list-group-item">作者列表</a>
                <a class="list-group-item">更多</a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">BMS</h3>
                </div>
                <div class="panel-body">
                    {
   % block content %}
                        <div class="jumbotron">
                            <h1>欢迎来到亚洲最大的线上读书平台</h1>
                            <p>这里有的没有的书籍都有</p>
                            <p><a class="btn btn-primary btn-lg" href="#" role="button">点击由你好看哟！</a></p>
                        </div>
                    {
   % endblock %}

                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2341995540,1631569862&fm=26&gp=0.jpg"
                             alt="...">
                        <div class="caption">
                            <h3>我也不知道写什么，凭空想象</h3>
                            <p>自己看着办吧！</p>
                            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                               class="btn btn-default"
                                                                                               role="button">Button</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2341995540,1631569862&fm=26&gp=0.jpg"
                             alt="...">
                        <div class="caption">
                            <h3>Thumbnail label</h3>
                            <p>...</p>
                            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                               class="btn btn-default"
                                                                                               role="button">Button</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        <img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2341995540,1631569862&fm=26&gp=0.jpg"
                             alt="...">
                        <div class="caption">
                            <h3>Thumbnail label</h3>
                            <p>...</p>
                            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                               class="btn btn-default"
                                                                                               role="button">Button</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{
   % block js %}

{
   % endblock %}
</body>
</html>

图书详情

{
   % extends 'home.html' %}

{
   % block content %}
    <a href="{% url 'book_add' %}" class="btn btn-success">添加</a>
    <br>
    <br>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>序号</th>
            <th>ID</th>
            <th>书名</th>
            <th>价格</th>
            <th>出版社</th>
            <th>作者</th>
            <th>出版日期</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {
   % for book_obj in book_queryset %}
            <tr>
                <td>{
   {
    forloop.counter }}</td>
                <td>{
   {
    book_obj.pk }}</td>
                <td>{
   {
    book_obj.title }}</td>
                <td>{
   {
    book_obj.price }}</td>
                <td>{
   {
    book_obj.publish.name }}</td>
                <td>
                    {
   % for author_obj in book_obj.authors.all %}
                        {
   % if forloop.last %}
                            {
   {
    author_obj.name }}
                        {
   % else %}
                            {
   {
    author_obj.name }}、
                        {
   % endif %}
                    {
   % endfor %}

                </td>
                <td>{
   {
    book_obj.publish_date|date:'Y-m-d' }}</td>
                <td>
                    <a href="{% url 'book_edit'  book_obj.pk %}" class="btn btn-primary btn-xm">编辑</a>
                    <a href="{% url 'book_delete' book_obj.pk %}" class="btn btn-danger btn-xm">删除</a>
                </td>
            </tr>
        {
   % endfor %}

        </tbody>
    </table>
{
   % endblock %}

图书的添加：

{
   % extends 'home.html' %}

{
   % block content %}
    <h1 class="text-center">书籍添加</h1>
    <form action="" method="post">
        <p>书名：
            <input type="text" name="title" class="form-control">
        </p>
        <p>价格：
            <input type="text" name="price" class="form-control">
        </p>
        <p>出版日期：
            <input type="date" name="publish_date" class="form-control">
        </p>
        <p>出版社：
            <select name="publish" id="" class="form-control">
                {
   % for publish_obj in publish_queryset %}
                    <option value="{
   { publish_obj.pk }}">{
   {
    publish_obj.name }}</option>
                {
   % endfor %}

            </select>
        </p>
        <p>作者：
            <select name="authors" id="" multiple class="form-control">
                {
   % for author_obj in author_queryset %}
                    <option value="{
   { author_obj.pk }} ">{
   {
    author_obj.name }}
                    </option>
                {
   % endfor %}
            </select>
            <input type="submit" value="新增" class="btn btn-primary btn-block">
        </p>
    </form>
{
   % endblock %}

图书的编辑

{
   % extends 'home.html' %}



{
   % block content %}
    <h1 class="text-center">书籍修改</h1>
    <form action="" method="post">
        <p>书名：
            <input type="text" name="title" class="form-control" value="{
   { edit_obj.title }}">
        </p>
        <p>价格：
            <input type="text" name="price" class="form-control" value="{
   { edit_obj.price }}">
        </p>
        <p>出版日期：
            <input type="date" name="publish_date" class="form-control"
                   value="{
   { edit_obj.publish_date|date:'Y-m-d' }}">
        </p>
        <p>出版社：
            <select name="publish" id="" class="form-control">
                {
   % for publish_obj in publish_queryset %}
                    {
   #                    针对当前书籍对象的出版社应该默认选中 #}
                    {
   % if edit_obj.publish == publish_obj %}
                        <option value="{
   { publish_obj.pk }}" selected>{
   {
    publish_obj.name }}</option>
                    {
   % else %}
                        <option value="{
   { publish_obj.pk }}">{
   {
    publish_obj.name }}</option>
                    {
   % endif %}

                {
   % endfor %}
            </select>
        </p>
        <p>作者：
            <select name="" id="" multiple class="form-control">
                {
   % for author_obj in author_queryset %}
                    {
   % if author_obj in edit_obj.authors.all %}
                        <option value="{
   { author_obj.pk }}" selected>{
   {
    author_obj.name }}</option>
                    {
   % else %}
                        <option value="{
   { author_obj.pk }}">{
   {
    author_obj.name }}</option>
                    {
   % endif %}

                {
   % endfor %}
            </select>
            <input type="submit" value="修改" class="btn btn-info btn-block">
        </p>
    </form>
{
   % endblock %}

代码已经上传到CSDN：点我前往

转载：https://blog.csdn.net/weixin_44621343/article/details/115836981