第54天：django学习（三）

Mrdong2001442023-12-09 15:41

页面上的增删改查

创建一个django项目（使用django3版本）day54------dj，并创建应用app01

在models.py文件中创建表

python 复制代码 
class UserInfo(models.Model):
    username = models.CharField(max_length=32)
    password = models.CharField(max_length=32)
    gender = models.CharField(max_length=32)

迁移数据库到db.sqlite3

用户列表展示

在urls.py文件中配置路由

python 复制代码 
from django.contrib import admin
from django.urls import path
from app01 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('userlist/', views.userlist)
]

视图文件view.py

python 复制代码 
from django.shortcuts import render, HttpResponse, redirect
from app01 import models

# Create your views here.

def userlist(request):
    user_list = models.UserInfo.objects.all()
    return render(request, 'user_list.html', locals())

模板文件user_list.html

html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style></style>
    <script src="/static/js/jquery_3.7.1_jquery.min.js"></script>
    <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <h1 class="text-center">用户列表</h1>
        <a href="" class="btn btn-success">添加</a>
        <table class="table table-striped table-hover table-bordered">
            <thead>
                <tr>
                    <td>ID</td>
                    <td>username</td>
                    <td>password</td>
                    <td>gender</td>
                    <td>action</td>
                </tr>
            </thead>
            <tbody>
            {% for user in user_list  %}
                <tr>
                    <td>{{ user.id }}</td>
                    <td>{{ user.username }}</td>
                    <td>{{ user.password }}</td>
                    <td>{{ user.gender }}</td>
                    <td>
                        <a href="" class="btn btn-success">修改</a>&nbsp;&nbsp;&nbsp;
                        <a href="" class="btn btn-danger">删除</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
</body>
</html

用户列表的修改功能

在路由文件中添加路由

python 复制代码 
path('edit/', views.edit),

在视图文件view.py中添加edit方法

python 复制代码 
def edit(request):
    edit_id = request.GET.get('id')
    edit_obj = models.UserInfo.objects.filter(id=edit_id).first()
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        gender = request.POST.get('gender')
        print(username, password, gender)
        affect_rows = models.UserInfo.objects.filter(id=edit_id).update(username=username, password=password,
                                                                        gender=gender)
        return redirect('/userlist/')
    return render(request, 'edit.html', locals())

在模板文件user_list.html中添加路径

html 复制代码 
<a href="/edit/?id={{user.id}}" class="btn btn-success">修改</a>&nbsp;&nbsp;&nbsp;

添加模板文件edit.html

html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style></style>
    <script src="/static/js/jquery_3.7.1_jquery.min.js"></script>
    <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <h1 class="text-center">修改页面</h1>
        <form action="" method="POST">
            <div class="form-group">
                用户名：<input type="text" class="form-control" name="username" value="{{ edit_obj.username }}">
            </div>
            <div class="form-group">
                密码：<input type="password" class="form-control" name="password" value="{{ edit_obj.password }}">
            </div>
            <div class="form-group">
                性别：<input type="text" class="form-control" name="gender" value="{{ edit_obj.gender }}">
            </div>
            <div class="form-group">
                <input type="submit" class="btn btn-info btn-block" value="确定">
            </div>
        </form>
    </div>
</div>
</body>
</html>

用户列表的删除功能

在路由文件中添加路由

python 复制代码 
path('delete/', views.delete),

在视图文件view.py中添加delte方法

python 复制代码 
def delete(request):
    del_id = request.GET.get('id')
    del_obj = models.UserInfo.objects.filter(id=del_id).delete()
    return redirect('/userlist/', locals())

在模板文件user_list.html中添加路径

html 复制代码 
<a href="/delete/?id={{ user.id }}" class="btn btn-danger">删除</a>

用户列表的添加功能

在路由文件中添加路由

python 复制代码 
path('add/', views.delete),

在视图文件view.py中添加delte方法

python 复制代码 
def add(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        gender = request.POST.get('gender')
        affect_rows = models.UserInfo.objects.create(username=username, password=password, gender=gender)
        return redirect('/userlist/', locals())
    return render(request, 'add.html')

在模板文件user_list.html中添加l路径

html 复制代码 
<a href="/add/" class="btn btn-success">添加</a>

添加模板文件add.html

html 复制代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style></style>
    <script src="/static/js/jquery_3.7.1_jquery.min.js"></script>
    <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <h1 class="text-center">添加页面</h1>
        <form action="" method="POST">
            <div class="form-group">
                用户名：<input type="text" class="form-control" name="username">
            </div>
            <div class="form-group">
                密码：<input type="password" class="form-control" name="password">
            </div>
            <div class="form-group">
                性别：<input type="text" class="form-control" name="gender">
            </div>
            <div class="form-group">
                <input type="submit" class="btn btn-info btn-block" value="添加">
            </div>
        </form>
    </div>
</div>
</body>
</html>

创建表关系

在models.py文件中创建表关系

python 复制代码 
"""图书表"""
class Book(models.Model):
    
    title = models.CharField(max_length=64)
    price = models.DecimalField(max_digits=8, decimal_places=2)
    
    """对于外键字段关系，会自动帮我们拼接_id"""
    publish = models.ForeignKey(to='Publish')
    
    """authors它是一个虚拟字段，它不会实际在表中创建出来这个字段，这一句可以自动帮助我们创建出来第三张表"""
    authors = models.ManyToManyField(to='Author')
    
"""出版社表"""
class Publish(models.Model):
    
    name = models.CharField(max_length=64)
    addr = models.CharField(max_length=64)


"""作者表"""
class Author(models.Model):
    
    name = models.CharField(max_length=64)
    author_detail = models.OneToOneField(to='AuthorDetail')

"""作者详情表"""
class AuthorDetail(models.Model):
    
    phone = models.CharField(max_length=64)
    email = models.CharField(max_length=64)

django的请求生命周期流程图

相关推荐
weixin_5025398535 分钟前
rust学习笔记5-所有权机制
笔记·学习·rust
StickToForever5 小时前
第4章 信息系统架构（五）
经验分享·笔记·学习·职场和发展
敲敲敲-敲代码9 小时前
【SQL实验】触发器
数据库·笔记·sql
Moonnnn.9 小时前
51单片机学习——动态数码管显示
笔记·嵌入式硬件·学习·51单片机
电棍23312 小时前
verilog笔记
笔记·fpga开发
让我安静会12 小时前
Obsidian·Copilot 插件配置（让AI根据Obsidian笔记内容进行对话）
人工智能·笔记·copilot
世事如云有卷舒13 小时前
FreeRTOS学习笔记
笔记·学习
羊小猪~~16 小时前
MYSQL学习笔记(九)：MYSQL表的“增删改查”
数据库·笔记·后端·sql·学习·mysql·考研
yuanbenshidiaos16 小时前
【数据挖掘】数据仓库
数据仓库·笔记·数据挖掘
sealaugh3218 小时前
aws(学习笔记第二十九课) aws cloudfront hands on
笔记·学习·aws
热门推荐
01DeepSeek各版本说明与优缺点分析02如何在WPS和Word/Excel中直接使用DeepSeek功能03DeepSeek本地部署详细指南04太炸裂了！清华大学deepseek从入门到精通使用手册又出第三版了，《普通人如何抓住DeepSeek红利》（无套路，直接下载）05本地部署DeepSeek教程（Mac版本）06DeepSeek r1本地安装全指南07DeepSeek RAGFlow构建本地知识库系统08本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程09DeepSeek R1本地化部署 Ollama + Chatbox 打造最强 AI 工具10【docker】Windows10安装Docker Desktop - WSL update failed