Django 项目开发(三)

举报
毛利 发表于 2021/07/15 07:59:15 2021/07/15
【摘要】 上次完成了首页的,还有3个简单的小需要还没有完善 添加书籍的需求删除书籍的需求书籍的详细页 首先介绍下 MVC MVC简介 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件...

上次完成了首页的,还有3个简单的小需要还没有完善

  • 添加书籍的需求
  • 删除书籍的需求
  • 书籍的详细页
首先介绍下 MVC

MVC简介

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

  • Model(模型)表示应用程序核心(比如数据库记录列表)。
  • View(视图)显示数据(数据库记录)。
  • Controller(控制器)处理输入(写入数据库记录)。

Django框架遵循MVC设计,并且有一个专有名词:MVT

  • M全拼为Model,与MVC中的M功能相同,负责和数据库交互,进行数据处理。
  • V全拼为View,与MVC中的C功能相同,接收请求,进行业务处理,返回应答。
  • T全拼为Template,与MVC中的V功能相同,负责封装构造要返回的html。

添加书籍

任何开发都是先编写后端,在配置路由,最后渲染前端页面

从View.py开始

添加书籍的本身就是一个提交的过程,所以是POST请求,不是get请求
from django.shortcuts import render,redirect,reverse
from django.db import connection

def get_corsor():
    # 创建游标
    return connection.cursor()
def add_book(request):
    if request.method == 'GET':
        return render(request,'add_book.html')
    else:
        name = request.POST.get("name")
        author = request.POST.get("author")
        cursor = get_corsor()
        cursor.execute("insert into front_book_manager(id,name,author) values(null,'%s','%s')" % (name,author))
        # redirect 重新定向 reverse通过已命名的URL进行渲染
        return redirect(reverse('index'))
  • 1
代码解析
  • 一开始请求是get请求,来到了add_book.html 页面中
  • 因为提交是post请求,将数据写进数据库,然后在从数据库拿到数据,重定向到首页,刚刚添加的图书就可以显示

在urls.py配置路由

path('add_book/', views.add_book,name='add_book'),
  • 1

最后就是前端add_book.html 页面的编写

{% extends 'base.html' %}
{% block content %}
    <form action="" method="post">
        <table>
            <tbody>
                <tr>
                    <td>书名:</td>
                    <td><input type="text" name="name"></td>
                </tr>
                <tr>
                    <td>作者:</td>
                    <td><input type="text" name="author"></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" value="提交"></td>
                </tr>
            </tbody>
        </table>
    </form>
{% endblock %}
  • 1

在前端编写一个表单不是什么难事,注意以下几点

  • input标签必须带上name属性,不然提交不了
  • method="post" 表明是post请求,虽然是form默认post请求。

效果如下

书籍的详细页

现在要在首页点击书名跳转书籍的详细页

分析接口

接口就是前后端约定的api,就是url请求需要啥参数

book_detail/<int:book_id>/这是确保book_id 是int类型


现在规定了book_detail/book_id 是urls

view.py
def book_detail(request,book_id):
    # 上面定义了创建游标了
    cursor = get_corsor()
    # 根据book_id 筛选
    cursor.execute("select id,name,author from front_book_manager where id=%s" % book_id)
    # 得到返回值book是一个元组
    book = cursor.fetchone()
    return render(request,'book_detail.html',context={"book":book})
  • 1

在urls.py配置路由

path('book_detail/<int:book_id>/', views.book_detail,name='book_detail')
  • 1

book_detail.html 页面的编写

{% extends 'base.html' %}
{% block content %}
    <p>书名:{{ book.1 }}</p>
    <p>作者:{{ book.2 }}</p>
    <form action="{% url 'delete_book' %}" method="post">
        # 拿id来删除
        <input type="hidden" name="book_id" value="{{ book.0 }}"> 
        <input type="submit" value="删除按钮">
    </form>
{% endblock %}
  • 1

效果如下

删除书籍

现在进去了书籍的详细页,就要删除图书

接口是delete_book/

View.py 代码编写

def delete_book(request):
    if request.method == 'POST':
        # 上面post请求拿到book_id
        book_id = request.POST.get('book_id')
        cursor = get_corsor()
        cursor.execute("delete from front_book_manager where id=%s" % book_id)
        return redirect(reverse('index'))
    else:
        raise RuntimeError("删除图书的method错误!")
  • 1

urls.py配置路由

path('delete_book/',views.delete_book,name='delete_book')
  • 1

效果如下

总结

至此,简单不能再简单的项目基本完成,可以说是django的helloWorld,进门级别。

作为python必须web框架的Django,它的功能强大,内容全面,我们学习Django,其实就是学习一个软件,要理解它的基本原理,把握它整体框架,牢记一些基本规则,剩下的就是不断深入细节,然后熟能生巧、经验多少的问题了

文章来源: maoli.blog.csdn.net,作者:刘润森!,版权归原作者所有,如需转载,请联系作者。

原文链接:maoli.blog.csdn.net/article/details/100041577

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。