Day60-Django-01

“第60天Django-01学习笔记”

1 静态文件配置

1.1 静态文件介绍

什么是静态文件？

前端已经写好了的能够直接调用使用的文件，如

网站写好的js文件
网站写好的css文件
网站用到的图片文件
第三方前端框架

我们将网站使用的所有静态文件默认都放在static文件夹中

static文件夹默认没有，需要手动创建

一般情况下我们在static文件夹内还会做进一步的划分处理
	-static
  	--js
    --css
    --img
    其他第三方文件
    
"""
在浏览器中输入url能够看到对应的资源
是因为后端提前开设了该资源的接口
如果访问不到资源 说明后端没有开设该资源的接口

http://127.0.0.1:8000/static/bootstrap-3.3.7-dist/css/bootstrap.min.css
"""

1.2 静态文件配置

1.2.1 回顾创建一个普通Django项目

如何在Django项目中设置静态文件？

我们先创建一个普通的Django项目

1、先在Pycharm创建Django项目-day60_Django02

2、打开terminal窗口，创建app01

python manage.py startapp app01

3、注册app01应用

编辑setting.py文件

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    # 注册应用
    'app01',
]

4、配置urls.py文件和app01/views.py文件

from django.contrib import admin
from django.urls import path
from app01 import views

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

# app01/views.py内容
from django.shortcuts import render

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

5、创建HTML文件templates/test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>这是测试文件</h1>
</body>
</html>

6、运行项目

访问http://127.0.0.1:8000/login可见到test.html页面的内容

1.2.2 静态文件配置与动态解析

使用静态文件需要先创建static文件夹，并将静态文件都放到里面

1、创建src01文件夹，把下载并解压的bootstrap-5.2.0-dist文件夹放进去

$ ls static/src01/
bootstrap-5.2.0-dist

2、设置静态文件的访问路径和存储路径

编辑settings.py文件

# 配置静态文件的访问路径
STATIC_URL = '/bbc/'
# 配置静态文件的存储路径，会在三个文件夹依次寻找
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'src01'),
    os.path.join(BASE_DIR, 'src02'),
    os.path.join(BASE_DIR, 'src03'),
]

3、静态文件动态解析

给html文件添加动态解析代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>这是测试文件</h1>
    <button type="button" class="btn btn-primary">Primary</button>

    {% load static %}
    <link rel="stylesheet" href="{% static 'bootstrap-5.2.0-dist/css/bootstrap.min.css' %}">
    <script src="{% static 'bootstrap-5.2.0-dist/js/bootstrap.min.js' %}"></script>
</body>
</html>

PS: 为什么需要动态解析？

如果我们直接写路径，例如
><link href="/static/a.txt">
一旦令牌名称改了，那么这个资源将访问不到，尤其是link很多的时候，改起来比较麻烦

4、查看效果

可见Bootstrap已生效

1.3 访问路径和存储路径

有个容易迷惑的问题，什么是访问路径？什么又是存储路径？

访问路径（令牌）：

通过浏览器访问静态文件的路径，如图：

存储路径（实际存储）：

静态文件实际存放的路径，如图：

2 request对象方法认识

将第一章中的test.html修改为一个form表单页面

如需获取数据，需要name属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 class="text-center">欢迎来到的德莱联盟，请注册！</h1>
    <form action="" method="post">
        <div class="container">
            <div class="row">
                <div class="col-md-8 offset-md-2">
                    <div>用户名
                        <input  class="form-control" name="username" type="text">
                    </div>
                    <div>密码
                        <input  class="form-control" name="password" type="password">
                    </div>
                    <div>性别
                        <select name="gender">
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                    <input type="submit" class="btn btn-primary form-control" value="注册">
                 </div>
            </div>
        </div>
    </form>


    {% load static %}
    <link rel="stylesheet" href="{% static 'bootstrap-5.2.0-dist/css/bootstrap.min.css' %}">
    <script src="{% static 'bootstrap-5.2.0-dist/js/bootstrap.min.js' %}"></script>
</body>
</html>

界面效果如下：

2.1 GET和POST的区别

Form表单主要有两个参数，action和method

action参数：

1.不写默认朝当前所在的url提交数据

2.全写指名道姓

3.只写后缀 /login/

method参数：

1、get

2、post

本节主要介绍GET和POST的区别：

设置GET跟POST是通过html代码中的method指定，如:

<form action="" method="GET">
...
</form>

2.1.1 GET

GET请求会在submit时，明文传递数据，浏览器上会显示，如图

2.1.2 POST

而POST请求在submit的时候，传递的是密文数据，浏览器上不会显示，如图

注意：

在前期我们使用django提交post请求的时候需要取配置文件中注释掉一行代码

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

否则，submit提交后会出现403界面

具体报错信息是：

Quit the server with CTRL-BREAK.
[05/Sep/2022 20:37:32] "GET /login/? HTTP/1.1" 200 1175
Forbidden (CSRF cookie not set.): /login/
[05/Sep/2022 20:37:35] "POST /login/? HTTP/1.1" 403 2870

2.1.3 通过request获取请求信息

可以获取如下信息:

request.method # 返回请求方式 并且是全大写的字符串形式  <class 'str'>
request.POST  # 获取用户post请求提交的普通数据不包含文件
	request.POST.get()  # 只获取列表最后一个元素
  request.POST.getlist()  # 直接将列表取出
request.GET  # 获取用户提交的get请求数据
	request.GET.get()  # 只获取列表最后一个元素
  request.GET.getlist()  # 直接将列表取出
"""
get请求携带的数据是有大小限制的 大概好像只有4KB左右
而post请求则没有限制
"""

使用方法如下：

# app01/views.py文件
from django.shortcuts import render


# Create your views here.
def login(request):
    print(request.POST)
    return render(request, 'test.html')

# 显示
<QueryDict: {'username': ['test'], 'password': ['qwer123'], 'gender': ['1']}>

也可以用于GET和POST的判断：

def login(request):
    # 返回一个登陆界面
    """
    get请求和post请求应该有不同的处理机制
    :param request: 请求相关的数据对象 里面有很多简易的方法
    :return:
    """
    # print(type(request.method))  # 返回请求方式 并且是全大写的字符串形式  <class 'str'>
    # if request.method == 'GET':
    #     print('来了 老弟')
    #     return render(request,'login.html')
    # elif request.method == 'POST':
    #     return HttpResponse("收到了 宝贝")
    
    if request.method == 'POST':
        return HttpResponse("收到了 宝贝")
    return render(request, 'login.html')

3 Pycharm和Django连接MySQL的方法

3.1 Pycharm连接MySQL

有三个地方可以找到设置入口：

1、右侧上方database
2、左下方database
3、配置里面的plugins插件搜索安装

右上角的设置方式，如图

设置完用户名、密码等信息，连接上之后需要安装驱动，之后可以使用语句操作数据库。

3.2 Django连接MySQL

1、Django默认用的是sqlite3数据库

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

2、需要在settings.py文件中修改为mysql，比如：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'test', # 数据库的名称
        'USER': 'root',	
        'PASSWORD': '',
        'HOST': '127.0.0.1',
        'PORT': 3306,
        'CHARSET': 'utf8'
    }
}

3、使用pymysql连接数据库

django默认用的是mysqldb模块链接MySQL，但是该模块的兼容性不好，

需要手动改为用pymysql链接

修改init.py文件（在项目名下的init或者任意的应用名下的init文件中书写以下代码都可以）

import pymysql
pymysql.install_as_MySQLdb()

4 Django ORM

4.1 什么是ORM？

ORM称为”关系对象映射”

作用：

能够让一个不用sql语句的小白也能够通过python 面向对象的代码简单快捷的操作数据库

不足之处：

封装程度太高有时候sql语句的效率偏低需要你自己写SQL语句

4.2 创建表

1、编辑models.py文件，创建一个表(table)

from django.db import models


# Create your models here.
class User(models.Model):
    # id int primary_key auto_increment
    id = models.AutoField(primary_key=True)
    # username vachar(32)
    username = models.CharField(max_length=32)
    # password int
    password = models.IntegerField()

2、同步数据库

# 将操作记录记录到小本本上(migrations文件夹)
python3 manage.py makemigrations 
# 将操作真正的同步到数据库中
python3 manage.py migrate  

******************************************************************
# 只要你修改了models.py中跟数据库相关的代码 就必须重新执行上述的两条命令 #
******************************************************************

3、后续新建表也是一样的，继续往下写class即可

4.3 字段的增删改

1、增：

修改models.py文件

from django.db import models


# Create your models here.
class User(models.Model):
    # id int primary_key auto_increment
    id = models.AutoField(primary_key=True)
    # username vachar(32)
    username = models.CharField(max_length=32)
    # password int
    password = models.IntegerField()
    # info
    info = models.CharField(max_length=100, verbose_name='个人简介', null=True)
    # hobby
    hobby = models.CharField(max_length=32, verbose_name='兴趣爱好', default='study')

添加info、hobby两个字段，然后同步数据库

python3 manage.py makemigrations
python3 manage.py migrate

同步之后查看，（增）成功

2、删

删除对应的字段，再保存同步即可，如删除password字段

from django.db import models


# Create your models here.
class User(models.Model):
    # id int primary_key auto_increment
    id = models.AutoField(primary_key=True)
    # username vachar(32)
    username = models.CharField(max_length=32)
    # info
    info = models.CharField(max_length=100, verbose_name='个人简介', null=True)
    # hobby
    hobby = models.CharField(max_length=32, verbose_name='兴趣爱好', default='study')

同步后，（删）成功

3、改

修改字段信息，再保存同步数据库即可

注意

执行完毕之后字段对应的数据也都没有了

4.4 数据的增查-案例

我们通过注册/登录页面的案例，来学习Django ORM数据的增删改查

案例前提：

先完成3.2连接MYSQL数据库的操作

4.4.1 案例思路

基本思路：

注册页面：

提交注册信息，写入到数据库（增数据）

登录页面：

提交用户名和密码

查询数据库，验证用户名密码是否匹配（查数据）

匹配成功返回“登录成功”，否则返回“登录失败”

4.4.2 页面编写

创建登录页面template/login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
    <h1>登录页面</h1>
    <div>
        <form action="" method="post">
            <div>username：<input type="text" name="username"></div>
            <div>password：<input type="password" name="password"></div>
            <div><input type="submit" value="submit"></div>
        </form>
    </div>
</body>
</html>

创建注册页面template/register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>
<body>
    <h1>注册页面</h1>
    <div>
        <form action="" method="post">
            <div>username：<input type="text" name="username"></div>
            <div>password：<input type="password" name="password"></div>
            <div><input type="submit" value="submit"></div>
        </form>
    </div>
</body>
</html>

4.4.2

4.4.3 创建数据表

编辑models.py文件，并同步数据库

这一步要谨慎

记住：迁移文件、数据库中的表以及迁移信息的记录这三方删除的时候缺一不可，缺少任何一方都会报错。

from django.db import models

# Create your models here.
class MyUser(models.Model):
    id = models.AutoField(primary_key=True, verbose_name='主键')
    username = models.CharField(max_length=32, verbose_name='用户名')
    password = models.CharField(max_length=32, verbose_name='密码')

4.4.5 设置urls

urls.py文件

from django.contrib import admin
from django.urls import path
from app01 import views

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

4.4.6 设置app的views

编辑app01/views.py，完成注册登录的逻辑判断

from django.shortcuts import render, HttpResponse


# Create your views here.
def login(request):
    if request.method == "POST":
        # 获取网页submit的数据
        username = request.POST.get('username')
        password = request.POST.get('password')

        # 去数据库查询数据
        from app01 import models
        user_obj = models.MyUser.objects.filter(username=username).first()

        # 如果获取成功
        if user_obj:
            # 对比密码
            if password == user_obj.password:
                return HttpResponse("登录成功")
            else:
                return HttpResponse("登录失败")
        else:
            return HttpResponse("用户不存在")

    # 给用户返回一个登录页面
    return render(request, 'login.html')


def register(request):
    if request.method == "POST":
        # 获取网页submit的数据
        username = request.POST.get('username')
        password = request.POST.get('password')

        # 第一种增加方式
        from app01 import models
        res = models.MyUser.objects.create(username=username, password=password)
        # 返回值就是创建的对象本身
        print(res, res.username, res.password)

        # 第二种增加方式
        # user_obj = models.MyUser(username=username, password=password)
        # user_obj.save()

    # 给用户返回一个注册页面
    return render(request, "register.html")

4.4.7 测试

注册成功：

mysql> select * from app01_myuser;
+----+----------+----------+
| id | username | password |
+----+----------+----------+
|  1 | test     | test123  |
|  2 | goosh    | admin123 |
+----+----------+----------+
2 rows in set (0.00 sec)

输错密码：

案例完成。

4.5 数据的删改查-案例

本案例流程：

将数据库中的数据展示到前端【查】
每个数据有两个按钮（编辑、删除）
编辑可以【改】数据
删除可以【删】数据

4.5.1 项目创建

1、PyCharm创建Django项目

2、输入命令创建app01

python.exe .\manage.py startapp app01

4.5.2 数据库配置

1、配置app01项目、连接数据库

# setting.py文件
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01',
]

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'day61',
        'USER': 'root',
        'PASSWORD': '',
        'HOST': '127.0.0.1',
        'PORT': 3306,
        'CHARSET': 'utf8',
    }
}

# 注释CSRF(post提交需要)
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',
]

2、编辑init.py使用上pymysql

import pymysql
pymysql.install_as_MySQLdb()

3、ORM创建数据库

编辑models.py文件

from django.db import models

# Create your models here.
class User(models.Model):
    id = models.AutoField(primary_key=True, verbose_name="主键")
    name = models.CharField(max_length=32, verbose_name="姓名")
    age = models.IntegerField(verbose_name="年龄")
    sex = models.CharField(max_length=32, verbose_name="性别")

同步到数据库，完成创建数据库的操作

python.exe .\manage.py makemigrations
python.exe .\manage.py migrate

可见数据库中增加了app01_user表

mysql> use day61;
Database changed
mysql> show tables;
+----------------------------+
| Tables_in_day61            |
+----------------------------+
| app01_user                 |
| auth_group                 |
....

4、往数据库中添加数据

mysql> insert into app01_user values (1, '小姐姐', 20, '女');
Query OK, 1 row affected (0.00 sec)
mysql> insert into app01_user values (2, '大哥哥', 30, '男');
Query OK, 1 row affected (0.00 sec)
mysql> insert into app01_user values (3, '老爷爷', 80, '男');
Query OK, 1 row affected (0.00 sec)
mysql> insert into app01_user values (4, '老奶奶', 90, '女');
Query OK, 1 row affected (0.00 sec)

查询数据

mysql> select * from app01_user;
+----+--------+-----+-----+
| id | name   | age | sex |
+----+--------+-----+-----+
|  1 | 小姐姐 |  20 | 女  |
|  2 | 大哥哥 |  30 | 男  |
|  3 | 老爷爷 |  80 | 男  |
|  4 | 老奶奶 |  90 | 女  |
+----+--------+-----+-----+
4 rows in set (0.00 sec)

4.5.3 配置路由匹配（Urls）

from django.contrib import admin
from django.urls import path
from app01 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('edit_user/', views.edit_user),
    path('delete_user/', views.delete_user),
]

4.5.4 创建HTML页面

创建edit_user.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<h1 class="text-center">编辑</h1>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <form action="" method="post">
                <p>姓名:<input type="text" name="name" class="form-control" value="{{ edit_obj.name }}"></p>
                <p>年龄:<input type="text" name="age" class="form-control" value="{{ edit_obj.age }}"></p>
                <p>性别:<input type="text" name="sex" class="form-control" value="{{ edit_obj.sex }}"></p>
                <input type="submit" class="btn btn-info btn-block" value="编辑">
            </form>
        </div>
    </div>
</div>
</body>
</html>

创建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
    <h1 class="text-center">数据展示</h1>
    <div class="container">
        <div class="row">
            <div class="col-mid-8 col-mid-offset-2">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>姓名</th>
                            <th>年龄</th>
                            <th>性别</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user_obj in userquery_set %}
                            <tr>
                                <td>{{ user_obj.id }}</td>
                                <td>{{ user_obj.name }}</td>
                                <td>{{ user_obj.age }}</td>
                                <td>{{ user_obj.sex }}</td>
                                <td>
                                    <a href="/edit_user/?user_id={{ user_obj.id }}" class="btn btn-primary btn-xs">编辑</a>
                                    <a href="/delete_user/?user_id={{ user_obj.id }}" class="btn btn-danger btn-xs">删除</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>

4.5.5 页面逻辑（View）

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


# Create your views here.
def index(request):
    # 1、通过ORM获取数据（可以用，但是语义不太明确）
    # 方式一
    # data = models.User.objects.filter()
    # print(data)
    # 方式二
    userquery_set = models.User.objects.all()
    print(userquery_set)

    # 2、返回前端页面
    # 方式一
    # return render(request,'userlist.html',{'user_queryset':user_queryset})
    # 方式二
    return render(request, 'index.html', locals())


def edit_user(request):
    # 1、获取url后面的参数
    edit_id = request.GET.get('user_id')

    # 2、查询当前用户想要编辑的数据对象
    edit_obj = models.User.objects.filter(id=edit_id).first()

    # 3、获取数据
    if request.method == "POST":
        name = request.POST.get('name')
        age = request.POST.get('age')
        sex = request.POST.get('sex')

        # 4、修改数据库数据
        # 方式一
        # models.User.objects.filter(id=edit_id).update(name=name, age=age, sex=sex)
        # 方式二
        edit_obj.name = name
        edit_obj.age = age
        edit_obj.sex = sex
        edit_obj.save()
        """
            上述方法当字段特别多的时候效率会非常的低
            从头到尾将数据的所有字段全部更新一边 无论该字段是否被修改
        """

        # 5、跳转到数据的展示页面
        return redirect('/index/')

    # 将数据对象展示到页面上
    return render(request, 'edit_user.html', locals())


def delete_user(request):
    # 获取想要删除的用户的ID
    delete_id = request.GET.get('user_id')
    # 从数据库中删除数据
    models.User.objects.filter(id=delete_id).delete()
    """
    考虑如何批量删除？
    """

    # 跳转到展示页面
    return redirect('/index/')

4.5.6 测试

运行项目，测试编辑、删除功能

编辑界面

确认写到数据库

4.5.7 补充说明

真正的删除功能应该需要二次确认我们这里先不做后面会讲

删除数据内部其实并不是真正的删除 我们会给数据添加一个标识字段用来表示当前数

据是否被删除了，如果数据被删了仅仅只是讲字段修改一个状态

username  password	is_delete
jason	    123			0
egon		123			1

Python > 09_Django

Day60-Django-01

http://gsproj.github.io/2022/09/02/03_Python/05_Django/day60笔记-Django-01/

作者

GongSheng

发布于

2022年9月2日

许可协议

Day61-Django-02 上一篇

Day59-Web框架介绍下一篇