python django 4使用 python django功能

转载

墨韵流香 2023-09-05 00:12:37

文章标签 python django 4使用 html 数据服务端 文章分类 Python 后端开发

一 : 科普一分钟

Django 这个Web框架学习过的人无不知晓它的强大.
Django是一个开放源代码的Web应用框架，由Python写成,采用了MT'V的框架模式.即Model,View,Template组成.许多成功的网站和APP都基于Django.说到底,其实Django内部就是对 Socket 连接的强大封装.

python django 4使用 python django功能_html

Django.jpg

二:Django配置和创建

创建

在这里我们不用命令,用PyCharm简单的创建一个Django程序
1 . 创建Django 打开PyCharm - > File ->NewProject 进行创建

python django 4使用 python django功能_html_02

创建项目.png

运行Django程序浏览器访问 http://127.0.0.1:8000/ 表示连接成功了!

http://127.0.0.1:8000/.png

创建APP
每个APP 相当于项目中单独的功能模块,有着自己独立的逻辑和数据,是项目的基本组成.
命令行创建APP,在PyCharm->Terminal中 python3 manage.py startapp TZmyApp 完成创建APP

配置

1. 配置静态文件

对于静态文件,也就是我们Templates存放html文件视图所对应相关的JS,CSS,图片存放的对方通常我们在程序目录下建立一个文件夹->static(这里写死就可以了,不要换别的名字)

在settings.py文件下添加如下配置,意思是在视图对应的静态文件会自动在static目录下检索

STATICFILES_DIRS = (os.path.join(BASE_DIR,'static'),)

2. 配置模板文件

要是我们Templates存放的文件生效,需要如下配置,意思是模板文件在templates文件夹下进行检索

TEMPLATE_DIRS = (os.path.join(BASE_DIR,  'templates'),)

三:Django结构分析

Django 程序
Django - 对整个程序进行配置
settings - 配置文件
usls - url对应关系对应逻辑函数为每个逻辑函数分配相应视图
wsgi - 遵循WSIG规范, uwsgi + nginx
manage.py - #管理Django 程序
APPmigrations 数据库操作记录->相应表结构发生变化,比如说字段类型,并不是增删改成的变动
admin Django 为我们提供的后台管理
apps 配置当前APP
models ORM,写指定的类通过命令可以创建数据库结构.
tests 单元测试
Views 业务逻辑代码

四:Django原理讲解

业务流程原理

url请求---->访问路由系统(负责分发请求到相应视图函数)------>视图函数(处理请求)------>DataBase(数据库操作数据生成对应页面返回给用户)

底层实现原理

本质是Django就是一个Socket服务端,用户的浏览器其实就是一个Socket客户端.用户访问网站的过程就是服务端与客户端Socket通信的过程

# Author:TianTianBaby
import socket


def handle_request(client):
    buf = client.recv(1024)
    client.send("HTTP/1.1 200 OK\r\n\r\n".encode())

    f = open('index.html', 'rb')
    data = f.read()
    client.send(data)


def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind(('localhost', 8000))
    sock.listen(5)

    while True:
        connection, address = sock.accept()
        handle_request(connection)
        connection.close()
if __name__ == '__main__':
    main()

五:Django登录实现

在自己建立的APP 里的Views中添加逻辑函数 loginrender 这个模块相当于一个 open读取html文件中的数据返回给浏览器

from django.shortcuts import render,redirect
def login(request):
    # request 包含用户提交的所有信息
    error_msg = ""
    if request.method == 'POST':
    # 获取用户通过post 提交过来的数据
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'admin' and pwd == "admin":
            #跳转到响应页面 ("/"相当于前面的地址127.1.0.0:8000)
            return redirect('/home')
        else:
            #用户名密码不匹配
            error_msg = "错了 !!!!天啊!!"

   //error_msg 替换html文件 相同字段文字
    return render(request, 'login.html',{'error_msg':error_msg})

2.登录函数逻辑所对应的 templates文件中的login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style>

        label{

            width: 80px;
            text-align: right;
            display: inline-block;

        }
    </style>
</head>
<body>

    <form action="/login/" method="post" style="background-color: cadetblue">
        <p>
            <label for="username">用户名</label>
            <input id="username" name="user" type="text"/>
        </p>
        <p>
            <label for="password">密码</label>
            <input id="password" name="pwd" type="text"/>
            <input type="submit" value="提交">

      //error_msg 替换请求 相同字段文字
            <span style="color: red">{{ error_msg}}</span>
        </p>
    </form>
</body>
</html>

示例

效果展示.gif

页面数据的操作功能
同样的在自己建立的APP 里的Views中添加逻辑函数 home

USER_LIST = []
#
# for index in range(20):
#     tem = {'username':'雪芙'+str(index),'sex':'女','age':20+index}
#     USER_LIST.append(tem)
def home(request):
    if request.method == 'POST':
        #获取用户提交的数据 POST 请求中
        u = request.POST.get('username')
        s = request.POST.get('sex')
        a = request.POST.get('age')
        tem = {'username': u, 'sex': s, 'age':a}
        USER_LIST.append(tem)

//当首次没有数据时候,列表为空
    return  render(request,'home.html',{'user_list':USER_LIST})

home函数逻辑所对应的 templates文件中的home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</title>
</head>
<body style="margin: 0">
    <div style="height:48px;background-color: cadetblue"></div>

    <div>
        <form action="/home/" method="post">
             <input type="text" name="username" placeholder="用户名"/>
             <input type="text" name="sex" placeholder="性别"/>
             <input type="text" name="age" placeholder="年龄"/>
             <input type="submit" value="添加">
        </form>
    </div>

    <div>
        <table>
          //页面中的for循环写法
            {% for row in user_list %}
                <tr>
                <td>{{ row.username }}</td>
                <td>{{ row.sex }}</td>
                <td>{{ row.age }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
</body>
</html>