第54天:django学习(三)

页面上的增删改查

创建一个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的请求生命周期流程图

相关推荐
Alice-YUE34 分钟前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript
小陈phd2 小时前
TensorRT 入门完全指南(一)——从核心定义到生态工具全解析
人工智能·笔记
是上好佳佳佳呀2 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
handler012 小时前
Linux 内核剖析:进程优先级、上下文切换与 O(1) 调度算法
linux·运维·c语言·开发语言·c++·笔记·算法
其实防守也摸鱼3 小时前
CTF密码学综合教学指南--第四章
网络·笔记·安全·网络安全·密码学·ctf
05候补工程师5 小时前
【ROS 2 具身智能】Gazebo 仿真避坑指南:从“幽灵机器人”到传感器数据流打通
人工智能·经验分享·笔记·ubuntu·机器人
chushiyunen5 小时前
pandas使用笔记、数据清洗、json_normalize
笔记·pandas
HERR_QQ5 小时前
端到端课程自用 4 规划 基于自规划AR的端到端规划 AI 笔记
人工智能·笔记·自动驾驶·transformer
二哈赛车手5 小时前
新人笔记---实现简易版的rag的bm25检索(利用ES),以及RAG上传时的ES与向量数据库双写
java·数据库·笔记·spring·elasticsearch·ai
qiaozhangchi6 小时前
求解器学习笔记
笔记·python·学习