第二篇:Django配置及ORM操作

第二篇:Django配置及ORM操作

一、静态文件配置

1、为什么要配置静态文件?

我们将html文件默认都放在templates文件夹下,我们先简单写一个登录界面。效果如下。

代码如下。

"""login.html"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <h1 class="text-center">登录</h1>
                <form action="" method="">
                    <p>username:<input type="text" class="form-control"></p>
                    <p>password:<input type="text" class="form-control"></p>
                    <input type="submit" class="btn btn-success">
                </form>
            </div>
        </div>
    </div>
</body>
</html>


"""views.py"""
def login(request):
    return render(request, 'login.html')

看起来一切都正常,但是我们的第三方前端框架,如bootstrap,jequery等都是直接使用CDN来进行导入的,在真正开发中,我们都会将此类框架之家下载到本地,然后部署到项目上,我们将网站所使用的静态文件默认都放在static文件夹下。

静态文件
	前端已经写好了的 能够直接调用使用的文件
		网站写好的js文件
		网站写好的css文件
		网站用到的图片文件
		第三方前端框架
		...
		拿来就可以直接使用的
# django默认是不会自动帮你创建static文件夹 需要你自己手动创建

一般情况下我们在static文件夹内还会做进一步的划分处理
  -static
    --js
    --css
    --img
    其他第三方文件

我们进行手动创建static文件夹,样式如下。

现在我们导入本地的bootstrap文件进行测试。更改代码

<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>

重新访问 107.0.0.1:8000/login,效果如下。

我们会发现bootstrap并未渲染出来,打开network,我们会发现bootstrap并未找到。

重点:

在浏览器中输入url能够看到对应的资源
是因为后端提前开设了该资源的接口
如果访问不到资源 说明后端没有开设该资源的接口

我们进一步测试,发现并没有开设此页面的接口

所以,我们为了能够正常渲染,所以我们配置静态文件。

2、如何配置静态文件?

我们打开settings.py进行如下配置。

同时修改html文件中的bootstrap的引入方式。将其修改为

<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>

我们神奇的发现,bootstrap又能够渲染出来了,那么那个静态配置文件起了怎么样的效果?又是如何起到这样效果的呢?

STATIC_URL = '/static/'  # 类似于访问静态文件的令牌

# 如果你想要访问静态文件 你就必须以static开头
/static/bootstrap-3.3.7-dist/js/bootstrap.min.js

/static/ # 起到了一个令牌的效果,static开头的路径,会在STATICFILES_DIRS中的拼接路径中进行查找。
# 静态文件配置
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static'),
    os.path.join(BASE_DIR,'static1'),
    os.path.join(BASE_DIR,'static2'),
]

# 小tips:
STATIC_URL = '/ooo/'  # 如果我们修改为这样,那么必须如下访问
/ooo/bootstrap-3.3.7-dist/js/bootstrap.min.js

3、静态文件动态解析

有一个小问题,设想一下,如果我们有上万个html页面,导入方式都是以/staitc/进行导入的,如果我们想要修改导入方式,将其修改为/xxx/,那么我们还要一个一个文件进行修改吗?

Django框架为我们提供了一个更加智能的写法,叫做静态文件动态解析。

代码如下

"""login.html"""
{% load static %}
    <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>
    
# 如此一来,不管STATIC_URL = '/static/' 如何改变,配置路径都会自动匹配。

4、form表单默认是get请求数据

我们打开登陆界面,进行操作。

注意:这里我们一定不要忘记input中加入name属性

"""
form表单action参数
	1.不写 默认朝当前所在的url提交数据
	2.全写 指名道姓
	3.只写后缀 /login/
"""
http://127.0.0.1:8000/login/?username=yangyi&password=123

我们将form表单中的method属性改为‘post’,然后进行尝试。我们会发现我们被禁止访问。

在前期我们使用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',
]

之后我们再进行尝试,发现可以正常进行post提交。

二、request对象方法初识

request是django提供的一种特有的对象,类似与wrigef模块中的env【大字典】,里面封装了很多操作数据的方法。

对象方法

  • request.method
# 返回请求方式 并且是全大写的字符串形式  <class 'str'>
# 第一次 GET 第二次 POST 
  • request.POST

    获取用户post请求提交的普通数据不包含文件【字典形式】

    我们对html页面进行简单调整,如下所示。

然后我们可以通过request.POST获取到前端传过来的数据。

request.POST  # 获取用户post请求提交的普通数据不包含文件【字典形式】
<QueryDict: {'username': ['yangyi'], 'password': ['123'], 'hobby': ['111', '222', '333']}>
  • request.POST.get()

    针对字典,我们可以使用get()方法得到其中的数据,但是只获取列表最后一个元素

    request.POST.get('hobby')
    333  # 看post的格式,以为得到的列表,没想到是字符串,而且还是最后一个
    
  • request.POST.getlist()

    直接将列表取出

    request.POST.getlist('hobby')
    ['111', '222', '333']  # 如此才能得到字典中的列表
    
  • request.GET

    获取用户提交的get请求数据

  • request.GET.get()

    只获取列表最后一个元素

  • request.GET.getlist()

    直接将列表取出

了解这些方法之后,我们可以做一个简单的逻辑判断。根据不同请求,返回不同的效果。【输入127.0.0.1:8000/login 返回登录界面,输入数据之后 返回 相关样式。】

我们输入用户名和密码之后,后端内部进行简单的逻辑判断,将数据输出。

代码如下

from django.shortcuts import render, HttpResponse

# Create your views here.


def login(request):
    if request.method == 'GET':
        return render(request, 'login.html')
    elif request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        return HttpResponse(f'我收到了数据。username: {username}, password:{password}')

总结:

# get和post方法的效果是相同的。

get请求携带的数据是有大小限制的 大概好像只有4KB左右
而post请求则没有限制

三、pycharm链接数据库(MySQL)

1、创建数据库

我们先快速使用navicat创建一个数据库。

2、pycharm链接数据库

点击pycharm右上角的database,选择mysql进行连接。

链接成功之后,我们可以看到如下界面。

四、Django链接数据库(MySQL)

djange中默认使用的是sqkite3数据库,我们需要在配置文件中对数据库进行修改。

# 原始数据
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

# 修改数据
1、第一步配置文件中配置
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'day60',
        'USER': 'root',
        'PASSWORD': '123',
        'HOST': '127.0.0.1',
        'PORT': 3306,
        'CHARSET': 'utf8'
    }
}

2.代码声明
django默认用的是mysqldb模块链接MySQL
但是该模块的兼容性不好 需要手动改为用pymysql链接
你需要告诉django不要用默认的mysqldb还是用pymysql
# 在项目名下的__init__.py或者任意的应用名下的__init__.py文件中书写以下代码都可以
import pymysql
pymysql.install_as_MySQLdb()

五、Django ORM简介

ORM. 对象关系映射

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

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

类		<----->	   表

对象	    <----->	   记录
	
对象属性   <----->   记录某个字段对应的值

六、利用ORM实现数据的增删改查

1、使用ORM创建一个数据库

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, auto_created=True, verbose_name='主键')
    # username varchar
    username = models.CharField(max_length=32, verbose_name='用户名')
    # password int
    password = models.IntegerField(verbose_name='密码')


********************* # 2 数据库迁移命令*************************
python3 manage.py makemigrations 将操作记录记录到小本本上(migrations文件夹)

python3 manage.py migrate  将操作真正的同步到数据库中
# 只要你修改了models.py中跟数据库相关的代码 就必须重新执行上述的两条命令
******************************************************************

在我们运行完python3 manage.py migrate,才会真正创建数据库,创建的数据库如下所示。

我们打开app01_user【django极为方便,自动添加了应用的前缀,主要是为方便区分】

同时,django极为智能,考虑到每一张表中必须要有一个主键字段 并且一般情况下都叫id字段,所以orm当你不定义主键字段的时候 orm会自动帮你创建一个名为id主键字段,也就意味着 后续我们在创建模型表的时候如果主键字段名没有额外的叫法 那么主键字段可以省略不写。类似代码如下

class Author(models.Model):
    # username varchar(32)
    username = models.CharField(max_length=32)
    # password int
    password = models.IntegerField()

2、字段的增删改查

  • 字段的增加

    # 第一种  可以直接在终端中给出默认值。
    直接在类中写,然后执行数据库迁移命令。
    
    # 第二种  该字段可以为空
    info = models.CharField(max_length=32,null=True)
    
    # 第三种  直接给字段设置默认值
     hobby = models.CharField(max_length=32,default='study')
    
  • 字段的修改

    直接修改代码然后执行数据库迁移的两条命令即可!
    
  • 字段删除

    直接注释对应的字段然后执行数据库迁移的两条命令即可!
    执行完毕之后字段对应的数据也都没有了
    

注意:

"""
在操作models.py的时候一定要细心
	千万不要注释一些字段
	执行迁移命令之前最好先检查一下自己写的代码
"""

3、数据的增删改查

  • 数据的查看

    """去数据库user中查询数据,返回符合 字段username=传来的username的第一个对象"""
    """user_obj对象在数据库中就是一条记录"""
    user_obj = models.User.objects.filter(username=username).first()
    # 类似于sql语句 select * from user where username=username;
    
    # 可以通过 user_obj.password的到数据库中的对象。
    
    """
    返回的结果是一个querySet对象 你可以把它看成是一个列表套数据对象	[数据对象1,数据对象2...]
    
    支持索引和切片操作 但是不支持负数 并且不推荐你使用索引,推荐使用.first()方法【其实内部也是索引取值】
    
    filter括号内可以写多个参数 查询的时候默认是and关系
    """
    
    # 查询数据库中所有的数据对象
    # 第一种方法【语义不明确】
    user_obj_list = models.User.objects.filter()
    <QuerySet [<User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>]>
    
    # 第二种方法对象【语义明确,推荐】
    user_obj_list = models.User.objects.all()
    <QuerySet [<User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>]>
    

    由此,我们可以创建一个简单的登录页面,效果如下。

代码如下

from django.shortcuts import render, HttpResponse

# Create your views here.


def login(request):
    # 如果请求方式是post请求
    if request.method == 'POST':
        # 拿到输入的用户名和密码,注意:此时get得到的是字符串
        username = request.POST.get('username')
        password = request.POST.get('password')

        # 去数据库中查询数据
        from app01 import models
        # 返回user_obj对象【】
        """去数据库user中查询数据,返回符合 字段username=传来的username的第一个对啊ing"""
        """user_obj对象在数据库中就是一条记录"""
        user_obj = models.User.objects.filter(username=username).first()
        # 如果找到了数据
        if user_obj:
            # 比对密码是否正确
            if password == str(user_obj.password):
                return HttpResponse('登陆成功')
            else:
                return HttpResponse('登陆失败')
        else:
            return HttpResponse('用户不存在')
    # 必须有一个返回get请求的界面
    return render(request, 'login.html')

自此,我们可以实现,从前端获取数据,然后在后端与orm(modal.py)从mysql取出来的数据进行比对。实现登录效果。

  • 数据的添加
# 第一种方法
from app01 import models
res = models.User.objects.create(username=username,password=password)
# 返回值就是当前被创建的对象本身

# 第二种方法
user_obj = models.User(username=username,password=password)
user_obj.save()  # 保存数据

我们可以通过数据的增加实现一个注册功能,简易代码如下。

def reg(request):
    if request.method == "POST":
        username = request.POST.get('username')
        password = request.POST.get('password')
        # 直接获取用户数据存入数据库
        # 第一种增加
        # from app01 import models
        # res = models.User.objects.create(username=username,password=password)
        # # 返回值就是当前被创建的对象本身
        # print(res,res.username,res.password)

        # 第二种增加
        user_obj = models.User(username=username,password=password)
        user_obj.save()  # 保存数据
    # 先给用户返回一个注册页面
    return render(request,'reg.html')

综合案例:

将数据库中的数据全部展示到前端,然后给每一个数据两个按钮,一个编辑,一个删除。

1、查看数据

1、先使用navicat快速创建一个数据库day61。
2、配置django中数据库参数,使用django链接数据库,使用pycharm(或navicat)链接数据库,然后添加数据。
3、书写modal.py中的django中的数据类,创建数据表app01_user。
4、将数据库中的数据返回到前端进行输出。

如此一来,可以从先看看到数据库中的数据,前端如图所示。

# 代码如下
"""userlist.html"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <h1 class="text-center">用户信息</h1>
             <table class="table table-bordered table-hover table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>username</th>
                    <th>password</th>
                    <th>operation</th>
                </tr>
            </thead>
            <tbody>
                {% for user_obj in user_obj_list %}
                    <tr>
                        <td>{{ user_obj.id }}</td>
                        <td>{{ user_obj.username }}</td>
                        <td>{{ user_obj.password }}</td>
                        <td>
                            <a href="" class="btn btn-primary btn-xs">编辑</a>
                            <a href="" class="btn btn-danger btn-xs">删除</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>
</body>
</html>


"""views.py"""
from django.shortcuts import render,HttpResponse
from app01 import models

# Create your views here.

# 展示用户数据
def userlist(request):
    # 得到数据库中的数据【对象列表】
    # print(models.User.objects.all())
    # <QuerySet [<User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>, <User: User object>]>
    # 传进去数据对象列表,在html中使用模板语法进行for循环即可
    user_obj_list = models.User.objects.all()
    return render(request, 'userlist.html', locals())

2、编辑功能【update()】
现在试想一下,我们如何通过点击编辑按钮,来操作的数据呢?【只有form表单才有post请求,其余的链接请求都是get请求】

问题:如何告诉后端用户想要编辑那条数据?

解决方式:将编辑按钮所在的那一行数据的主键值发送给后端【利用url问号后面携带参数的方式】(get请求后面可以通过?来携带参数)

"""userlist.html"""
"""我们在a链接后面加上参数,"""
<tbody>
    {% for user_obj in user_obj_list %}
        <tr>
            <td>{{ user_obj.id }}</td>
            <td>{{ user_obj.username }}</td>
            <td>{{ user_obj.password }}</td>
            <td>
                <a href="/edit_user/?user_id={{ user_obj.id }}" class="btn btn-primary btn-xs">编辑</a>
                <a href="" class="btn btn-danger btn-xs">删除</a>
            </td>
        </tr>
    {% endfor %}
</tbody>

我们可以在后端通过如下方式获得?后面传来的参数

edit_user_id = request.GET.get('user_id')

我们点击a链接【编辑按钮】,便可看到

然后通过主键号获取要修改的数据对象列表

# 注意:此处获得一个数据列表【从这里可以看出,主键中的id是字符类型(但是navicat中显示的却是int,比较奇怪)】
models.User.objects.filter(id=edit_user_id)

然后对数据进行更新,之后进行重定向。

# 第一种:批量修改【速度快】
models.User.objects.filter(id=edit_user_id).update(username=username,password=password)
"""
将filter查询出来的列表中所有的对象全部更新            批量更新操作
只修改被修改的字段
"""

# 第二种方式 单个修改【速度慢】
edit_obj = models.User.objects.filter(id=edit_user_id).first()
edit_obj.username = username
edit_obj.password= password
edit_obj.save()
"""
上述方法当字段特别多的时候效率会非常的低
从头到尾将数据的所有字段全部更新一边 无论该字段是否被修改
"""

最终效果如下。


最终:后端代码如下

"""前端代码"""
"""userlist.html"""
<tbody>
    {% for user_obj in user_obj_list %}
        <tr>
            <td>{{ user_obj.id }}</td>
            <td>{{ user_obj.username }}</td>
            <td>{{ user_obj.password }}</td>
            <td>
                <a href="/edit_user/?user_id={{ user_obj.id }}" class="btn btn-primary btn-xs">编辑</a>
                <a href="" class="btn btn-danger btn-xs">删除</a>
            </td>
        </tr>
    {% endfor %}
</tbody>

"""edit_user.html"""
 <h1 class="text-center">编辑数据</h1>
 <form action="" method="post">
      <p>username:<input type="text" name="username" class="form-control"></p>
      <p>password:<input type="text" name="password" class="form-control"></p>
      <input type="submit" class="btn btn-success btn-block" value="编辑">
 </form>


"""views.py"""
# 展示界面
def userlist(request):
    user_obj_list = models.User.objects.all()
    return render(request, 'userlist.html', locals())


# 编辑界面
def edit_user(request):
    """
    1、先跳转到编辑页面get请求
    2、在页面内提交post请求,以前得到的get请求的数据也不会丢失
    """
    if request.method == 'GET':
        return render(request, 'edit_user.html')
    elif request.method == 'POST':
        # 拿到要修改的用户名和密码
        username = request.POST.get('username')
        password = request.POST.get('password')
		# 拿到要修改数据的主键编号
        edit_user_id = request.GET.get('user_id')
        # 根据主键编号获取要修改的对象【批量进行修改】
       models.User.objects.filter(id=edit_user_id).update(username=username, password=password)
        # 跳转到userlist页面
        return redirect('/userlist/')
    
    
# 删除界面
......

3、删除数据【delete()】

# 删除功能,跟编辑功能逻辑类似
def delete_user(request):
    # 获取用户想要删除的数据id值
    delete_id = request.GET.get('user_id')
    # 直接去数据库中找到对应的数据删除即可
    models.User.objects.filter(id=delete_id).delete()
    """
        批量删除
    """
    # 跳转到展示页面
    return redirect('/userlist/')	
	
    
# 真正的删除功能应该需要二次确认 我们这里先不做后面会讲
# 删除数据内部其实并不是真正的删除 我们会给数据添加一个标识字段用来表示当前数据是否被删除了,如果数据被删了仅仅只是讲字段修改一个状态
username        password	is_delete
  yangyi	123		0
  leichao	123		1
posted @ 2021-06-25 17:19  YangYi215  阅读(220)  评论(0编辑  收藏  举报