四、Django基于web前端对数据库进行增删改查

最新推荐文章于 2024-06-17 14:53:41 发布

魏志标

最新推荐文章于 2024-06-17 14:53:41 发布

阅读量2.9k

点赞数 6

分类专栏： python 文章标签：开发语言

本文链接：https://blog.csdn.net/weixin_40579389/article/details/124890306

版权

python 专栏收录该内容

16 篇文章 31 订阅

订阅专栏

上一章讲了基础的增删改查。本章节就来说说如何基于web前端实现对后端数据库的增删改查操作。

一、创建app

python mange.py startapp app03

在这里插入图片描述

注册app

编辑全局配置文件setting.py，如下：

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',
    'app03.apps.App03Config',   ###添加app03配置
]

二、配置数据库连接，创建表

配置数据库连接

编辑全局setting.py文件,如下：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'Django',
        'USER': 'root',
        'PASSWORD': '123456',
        'HOST': 'locahost',
        'PORT': '3306',

    }
}

编辑app03/models.py文件

from django.db import models

class user(models.Model):
    name = models.CharField(max_length=32,null=False)
    age = models.IntegerField(null=False)
    height = models.CharField(max_length=32,null=False)
    class Meta:
        db_table = "user"

##添加表字段以及修改表名称为user

迁移数据库

python manage.py makemigrations    ###生成迁移文件
python manage.py migrate           ###同步数据库

查看数据库

MariaDB [Django]> show tables;
+----------------------------+
| Tables_in_Django           |
+----------------------------+
| app01_author               |
| app01_authordetail         |
| app01_book                 |
| app01_publish              |
| auth_group                 |
| auth_group_permissions     |
| auth_permission            |
| auth_user                  |
| auth_user_groups           |
| auth_user_user_permissions |
| book2author                |
| django_admin_log           |
| django_content_type        |
| django_migrations          |
| django_session             |
| user                       |  ###表已经生成
+----------------------------+
16 rows in set (0.00 sec)

三、数据库增删改查

查看user信息

添加路由，编辑全局配置文件urls.py,如下：

from django.contrib import admin
from django.urls import path
from app03 import views as app3    ###导入app03
urlpatterns = [
    path('admin/', admin.site.urls),
    path('userinfo/', app3.userinfo)   ##添加userinfo路由
]

编辑views.py文件，如下：

from django.shortcuts import render,HttpResponse,redirect
from app03.models import user
def userinfo(request):
    user_list = user.objects.all()   ##获取所有数据
    return render(request, "userinfo.html", {"user_list":  user_list})  ##将数据导入html模板中，进行数据渲染。
    ```
 在app03中新建templates目录，并新建userinfo.html文件，html内容如下：

Title

用户信息

增加用户信息

新增useradd路由，如下：

from django.contrib import admin
from django.urls import path
from app03 import views as app3
urlpatterns = [
    path('admin/', admin.site.urls),
    path('userinfo/', app3.userinfo),
    path('useradd/', app3.useradd)  ###增加此路由信息
]

编辑views.py文件，如下：

from django.shortcuts import render,HttpResponse,redirect
from app03.models import user

def useradd(request):
    if request.method == "GET":
        return render(request,"useradd.html")
    name = request.POST.get("name")   ##获取新上传的数据
    age = request.POST.get("age")
    height = request.POST.get("height")

    user.objects.create(name=name, age=age, height=height)  ##新建用户
    return redirect("/userinfo/")   ##添加成功后，重定向到userinfo界面

编辑userinfo.html文件，添加新增按钮，如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<h1>用户信息</h1>
< a href="/useradd/"> 添加用户</a>    ####添加a标签，href指向/useradd/
<table border="1"width="300">
  <thead>
  <tr>
      <th>ID</th>
      <th>name</th>
      <th>age</th>
      <th>身高</th>

  </tr>
  </thead>
  <thead>
  {% for user in user_list %}
      <tr>
      <td>{{ user.id }}</td>
      <td>{{ user.name}}</td>
      <td>{{ user.age }}</td>
      <td>{{ user.height }}</td>
      <td>
          <a href="/userdel/?uid={{ user.id }}">删除</a>
          <a href="/useredit/?uid={{ user.id }}">编辑</a>
      </td>
  </tr>
  {% endfor %}
  </thead>
</table>
</body>
</html>

URL中 # ? & 解释

#
#代表网页中的一个位置。其右面的字符，就是该位置的标识符

？
连接作用
通过？来带参数，连接域名和参数，经常会用到。
www.xxx.com
www.xxx.com?ame=gee&class=weew

&
不同参数的间隔符
https://www.xxxxxx.com/?name=were&class=gegfw

新增useradd.html文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<h1>添加用户</h1>
<body>
<form method="post">               ##使用form表单
   <input type="text" name="name" placeholder="用户名" >
   <input type="text" name="age" placeholder="年龄">
   <input type="text" name="height" placeholder="身高">
   <input type="submit" value="提交">    ##定义提交按钮

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

重新启动Django应用，访问界面，如下：
在这里插入图片描述
点击添加用户按钮，输入用户信息提交

编辑用户信息

添加路由信息

from django.contrib import admin
from django.urls import path
from app03 import views as app3
urlpatterns = [
 path('admin/', admin.site.urls),
 path('userinfo/', app3.userinfo),
 path('useradd/', app3.useradd),
 path('useredit/',app3.useredit)   ###添加useredit路由
]

编辑views.py文件，定义useredit函数

from django.shortcuts import render,HttpResponse,redirect
from app03.models import user

def useredit(request):
  uid = request.GET.get("uid")  ##根据用户id进行查找更新
  user_data = user.objects.get(id=uid)
  if request.method == "GET":
      return render(request,"useredit.html",{"user_data": user_data})

  name = request.POST.get("name")
  age = request.POST.get("age")
  height = request.POST.get("height")
  user.objects.filter(id=uid).update(name=name,age=age,height=height)

  return redirect("/userinfo/")    ###结果重定向

编辑userinfo.html文件，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>用户信息</h1>
<a href="/useradd/"> 添加用户</a>
<table border="1"width="200">
    <thead>
    <tr>
        <th>ID</th>
        <th>name</th>
        <th>age</th>
        <th>身高</th>
        <th>操作</th>     ###在表格中添加操作按钮
    </tr>
    </thead>
    <thead>
    {% for user in user_list %}
        <tr>
        <td>{{ user.id }}</td>
        <td>{{ user.name}}</td>
        <td>{{ user.age }}</td>
        <td>{{ user.height }}</td>
        <td>
           <a href="/userdel/?uid={{ user.id }}">删除</a>   ##添加删除按钮
           <a href="/useredit/?uid={{ user.id }}">编辑</a>  ##添加编辑按钮
        </td>
    </tr>
    {% endfor %}
    </thead>
</table>
</body>
</html>

新增useredit.html文件，如下：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<h1>修改用户</h1>
<form method="post">
   <input type="text" name="name" value={{ user_data.name }}>   ##设置单元框中值为原始值
   <input type="text" name="age" value={{ user_data.age }}>
   <input type="text" name="height" value={{ user_data.height }}>
   <input type="submit" value="提交">

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

重新启动Django程序，如下：
在这里插入图片描述
点击编辑按钮，修改用户信息，如下：

删除用户

编辑urls.py文件，添加路由信息，如下：

from django.contrib import admin
from django.urls import path
from app03 import views as app3
urlpatterns = [
    path('admin/', admin.site.urls),
    path('userinfo/', app3.userinfo),
    path('useradd/', app3.useradd),
    path('userdel/', app3.userdel),    ####a添加userdel路由
    path('useredit/',app3.useredit)
]

编辑views.py文件，如下：

from django.shortcuts import render,HttpResponse,redirect
from app03.models import user
def userdel(request):
    uid = request.GET.get("uid")     ###根据uid删除用户
    user.objects.filter(id=uid).delete()
    return redirect("/userinfo/")      ###删除之后重定向到/userinfo/界面

访问界面如下：
在这里插入图片描述
点击删除按钮，删除admin123用户，如下：

魏志标

关注

6
点赞
踩
53

收藏

觉得还不错? 一键收藏
0
评论
四、Django基于web前端对数据库进行增删改查

上一章讲了基础的增删改查。本章节就来说说如何基于web前端实现对后端数据库的增删改查操作。一、创建apppython mange.py startapp app03注册app编辑全局配置文件setting.py，如下：INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions',
复制链接

扫一扫

专栏目录