码迷，mamicode.com
首页 > 编程语言 > 详细

Python全栈开发之路 【第二十篇】：Django框架

时间：2018-10-11 01:44:41      阅读：314      评论：0      收藏：0      [点我收藏+]

标签：应用   efault   put   地址   客户端   each   doc   回顾   取出   

本节内容

技术分享图片 
1. 内容回顾

    1. HTTP协议消息的格式:
        1. 请求(request)
            请求方法 路径 HTTP/1.1\r\n
            k1:v1\r\n
            ...\r\n
            \r\n
            请求体        <-- 可以有,可以没有
        
        2. 响应(response)
            HTTP/1.1 状态码 状态描述符\r\n
            k1:v1\r\n
            Content-Type: text/html; charset=utf8\r\n
            \r\n
            响应正文       <-- HTML内容

    2. Python web框架的本质:
        a. 收发socket消息    --> 按照HTTP协议消息格式去解析消息
        
        b. 路径和要执行的函数的对应关系   --> 主要的业务逻辑
        
        c. 字符串替换                     --> 模板(特殊符号 --> 数据)
        
    3. 一个完整得请求流程:
        0. 启动服务端,等待客户端(用户的浏览器)来连接
        1. 在浏览器地址栏输入URL,与服务端建立连接,浏览器发送请求
        2. 服务端收到请求消息,解析请求消息,根据路径和函数的对应关系,找到将要执行的函数
        3. 执行函数,打开HTML文件,进行字符串替换,得到一个最终要返回的HTML内容
        4. 按照HTTP协议的消息格式要求,把HTML内容回复给用户浏览器(发送响应)
        5. 浏览器收到响应的消息之后,按照HTML的规则渲染页面.
        6. 关闭连接
        
    
2. Django昨日内容梳理:
    0. Django安装
        pip3 install django==1.11.11
        
        pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple/ django==1.11.11
    
        PyCharm安装的时候:
            注意不要勾选那个选项 (你们懂得)

    1. Django项目的启动:
        1. 命令行启动
            在项目的根目录下(也就是有manage.py的那个目录),运行:
            python3 manage.py runserver IP:端口--> 在指定的IP和端口启动
            python3 manage.py runserver 端口   --> 在指定的端口启动
            python3 manage.py runserver        --> 默认在本机的8000端口启动
        
        2. PyCharm启动
            点绿色的小三角,直接可以启动Django项目(前提是小三角左边是你的Django项目名)
        
    2. 配置相关   项目名/settings.py文件
        1. Templates(存放HTML文件的配置)       <-- 告诉Django去哪儿找我的HTML文件
        
        2. 静态文件(css/js/图片)
            # 静态文件保存目录的别名
            STATIC_URL = ‘/static/‘

            # 所有静态文件(css/js/图片)都放在我下面你配置的文件夹中
            STATICFILES_DIRS = [
                os.path.join(BASE_DIR, "static"),
            ]
        3. 注释掉setting.py中 带有 csrf 的那一行(大概45~47行)
        
        
3. 今日内容
    1. 登录的完整示例
        
        
    复习:
        form表单往后端提交数据需要注意哪三点:  五一回来默写    <-- 谁写错成from谁就请大家吃雪糕
            1. form不是from,所有获取用户输入的标签都应该放在form里面, 并且必须要有name属性
            2. action属性控制往哪儿提交,method一般都设置成post
            3. 提交按钮必须是type=submit,不能是别的类型


    2. GET请求和POST请求
        GET请求:
            1. 浏览器请求一个页面
            2. 搜索引擎检索关键字的时候
            
        POST请求:
            1. 浏览器向服务端提交数据,比如登录/注册等

    3. Django中的APP:
        什么是APP?以及为什么要用APP?
        
        project  --> 项目  (老男孩教育大学校)
        
        APP      --> 应用  (Linux学院/Python学院/大数据学院/Java学院)
        
        方便我们在一个大的Django项目中,管理实现不同的业务功能.
        
        1. 创建APP的命令
            1. 命令行,在Django项目的根目录输入:
                python3 manage.py startapp app名字
        
    4. ORM
    
    import pymysql
    pymysql.connect(
     ...
     ...
    )
    
    1. 不同的程序员写的SQL水平参差不齐
    2. 执行效率也参差不齐
    
    python语法   --自动翻译-->  SQL语句
    
    jQuery                      DOM
    $("#d1")     --自动翻译-->  document.getElementById("d1")
    
    ORM: 
        优点:
            1. 简单,不用自己写SQL语句
            2. 开发效率高
        缺点:
            1. 记忆你这个特殊的语法
            2. 相对于大神些的SQL语句,肯定执行效率有差距
        
    ORM的对应关系:
        类          --->      数据表
        对象        --->      数据行
        属性        --->      字段

    ORM能做的事儿:
        1. 操作数据表    --> 创建表/删除表/修改表
            操作models.py里面的类
        
        2. 操作数据行    --> 数据的增删改查
            
        
        不能创建数据库,自己动手创建数据库
        
    使用Django的ORM详细步骤:
        1. 自己动手创建数据库
            create database 数据库名;
        2. 在Django项目中设置连接数据库的相关配置(告诉Django连接哪一个数据库)
            # 数据库相关的配置
            DATABASES = {
                ‘default‘: {
                    ‘ENGINE‘: ‘django.db.backends.mysql‘,  # 连接的数据库类型
                    ‘HOST‘: ‘127.0.0.1‘,  # 连接数据库的地址
                    ‘PORT‘: 3306,  # 端口
                    ‘NAME‘: "day61",  # 数据库名称
                    ‘USER‘: ‘root‘,  # 用户
                    ‘PASSWORD‘: ‘123456‘  # 密码
                }
            }
        3. 告诉Django用pymysql代替默认的MySQLDB 连接MySQL数据库
            在项目/__init__.py文件中,写下面两句:
                import pymysql
                # 告诉Django用pymysql来代替默认的MySQLdb
                pymysql.install_as_MySQLdb()
        4. 在app下面的models.py文件中定义一个类,这个类必须继承models.Model
            class 类名(models.Model):
                ...
        5. 执行两个命令
            1. python3 manage.py makemigrations
            2. python3 manage.py migrate


    ORM单表的增加和查询:
        1. 查询
            models.UserInfo.objects.all()
            
        2. 增加
            models.UserInfo.objects.create(name="张三")
笔记

01-Windows安装Django

　　官网：https://www.djangoproject.com/download/

技术分享图片

安装命令：pip3 install django==1.11.11

技术分享图片

02-Pycharm安装Django

 技术分享图片

超时的话，更换源：

https://pypi.tuna.tsinghua.edu.cn/simple/

http://pypi.douban.com/simple/

技术分享图片

执行django-admin命令：

　　如果报错，Windows系统，要把C:\python36\Scripts 加到 环境变量 里。

下面是deepin系统：

 技术分享图片

03-创建Django项目

　　Windows系统，命令行下创建

# 切换到 D 盘
cd /d D:

# 创建新项目
django-admin startprojects new01

　　Pycharm下创建Django项目

技术分享图片

注意：一定要在新的窗口打开

 技术分享图片

技术分享图片

技术分享图片

04-设置Django项目

技术分享图片

技术分享图片

正确做法：

技术分享图片

技术分享图片

Pycharm 执行项目：

技术分享图片

Windows下在终端执行：

# 在终端里切换到 项目的路径下, 执行
python manage.py runserver

 05-解析配置文件settings.py

 技术分享图片

技术分享图片

 技术分享图片

06-创建静态文件夹static

技术分享图片

并在 settings.py 里面配置

技术分享图片

注意：在静态文件的引用前面都要加上  /static/  为开头。

技术分享图片

07-复习form表单

form表单往后端提交数据需要注意哪三点：

1.是form 而不是 from，并且所有获取用户输入的标签都应该放在 form 里面，必须要有 name 属性。

2.action属性控制往哪提交，method 一般都设置成 post。

3.提交按钮必须是 type=submit，不能是别的类型。

技术分享图片

08-一个完整的的请求流程

0. 启动服务端,等待客户端(用户的浏览器)来连接
1. 在浏览器地址栏输入URL,与服务端建立连接,浏览器发送请求
2. 服务端收到请求消息,解析请求消息,根据路径和函数的对应关系,找到将要执行的函数
3. 执行函数,打开HTML文件,进行字符串替换,得到一个最终要返回的HTML内容
4. 按照HTTP协议的消息格式要求,把HTML内容回复给用户浏览器(发送响应)
5. 浏览器收到响应的消息之后,按照HTML的规则渲染页面.
6. 关闭连接

09-登录页面的演示

技术分享图片 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登陆页面</title>

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/fontAwesome/css/font-awesome.min.css">
    <style>
        body {
            background-color: #eeeeee;
        }

        .login-form {
            max-width: 330px;
            padding: 15px;
            margin: 100px auto 0;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="row">
        <form class="form-horizontal login-form" novalidate action="/login/" method="post" >
            <div class="h3 text-center">请登陆</div>
            <div class="form-group">
                <label for="inputEmail" class="col-sm-3 control-label">邮箱</label>
                <div class="col-sm-9">
                    <input type="email" name="email" class="form-control" id="inputEmail" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword" class="col-sm-3 control-label">密码</label>
                <div class="col-sm-9">
                    <input type="password" name="pwd" class="form-control" id="inputPassword" placeholder="Password">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-9">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox">记住我
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-9">
                    <button type="submit" class="btn btn-block btn-primary">登陆</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="/static/jquery-3.3.1.js"></script>
<script>
    $(document).ready(function () {
        // DOM加载完之后执行以下内容
        $("form :submit").on("click", function () {
            // 点击提交校验输入框有效性
            // 1. 找到form表单下面所有需要验证的input的标签
            $("form input[type=‘email‘], input[type=‘password‘]").each(function () {
                $(this).val();
            });
            // 2. 循环所有标签取内容
            return false;
        })
    })
</script>
</body>
</html>
login.html
技术分享图片 
"""django_new01 URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  url(r‘^$‘, views.home, name=‘home‘)
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  url(r‘^$‘, Home.as_view(), name=‘home‘)
Including another URLconf
    1. Import the include() function: from django.conf.urls import url, include
    2. Add a URL to urlpatterns:  url(r‘^blog/‘, include(‘blog.urls‘))
"""
from django.conf.urls import url
from django.contrib import admin

from django_new01 import views

# 保存了路径和函数的对应关系
urlpatterns = [
    url(r‘^admin/‘, admin.site.urls),
    url(r‘^yimi/‘, views.yimi),
    url(r‘^login/‘, views.login),
    # url(r‘^data/‘, views.data),

]
urls.py
技术分享图片 
from django .shortcuts import HttpResponse, render


def yimi(request):
    # request 参数保存了所有和用户浏览器请求相关的数据
    # return HttpResponse(‘Hello yimi‘)
    return render(request, "yimi.html")


def login(request):

    if request.method == ‘POST‘:  # 这里的 POST 必须大写
        
        # 如果是 POST 请求，就取出提交的数据，做登录判断
        email = request.POST.get("email", None)
        pwd = request.POST.get("pwd", None)

        if email == ‘66@qq.com‘ and pwd == ‘1111‘:
            # 登陆成功
            return HttpResponse(‘login successfully‘)
        
    # 不是POST请求就走这句
    return render(request, "login.html")

# def data(request):
#
#     # 获取用户提交的数据，做是否登录成功的判断
#     # 取到所有 POST 的数据
#     # print(request.POST)
#
#     email = request.POST.get("email", None)
#     pwd = request.POST.get("pwd", None)
#
#     if email == ‘66@qq.com‘ and pwd == ‘1111‘:
#         return HttpResponse(‘login successfully‘)
#     else:
#         return HttpResponse(‘login failed‘)
views.py

10-HttpResponse, render, redirect

 

11-Django中的APP:

project   -->  项目  （大学）

APP       -->  应用  （各个学院）

注：app方便在一个大的Django项目中，管理实现不同的业务功能。
# 创建APP命令
# 命令行，在Django项目的 根目录 输入：
python manage.py startapp app名字

技术分享图片

新建的app01

技术分享图片

并在 项目的 settings.py 里设置

技术分享图片

在pycharm里新建app01

技术分享图片

 

Python全栈开发之路 【第二十篇】：Django框架

标签：应用   efault   put   地址   客户端   each   doc   回顾   取出   

原文地址：https://www.cnblogs.com/pgxpython/p/9690724.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！