[oldboy-django][1初始django]web框架本质 + django框架 + ajax

1 web框架本质
    浏览器(socket客户端)
        - 2 发送请求(ip和端口,url http://www.baidu.com:80/index/)
            - GET
                请求头(数据请求行的url上: Http1.1 /index?nid=2&name=alex)
                请求体(空)
            - POST
                请求头
                    http1.1 /index?p=123 或者 http 1.1 /index/
                请求体
                    包含数据

        4 接收响应
            - 普通响应
                --页面直接显示
                -- 双方closed

            - 重定向响应
                -- 再发起一次http请求

    服务器(socket服务端)
        1 启动服务器,并监听ip和端口,等待用户连接
        3 接收请求,处理并返回
            - 普通返回(字符串) # render, HttpResponse
                -- 响应头
                -- 响应体

            - 重定向返回(只有响应头,响应体为空)
                -- 响应头
                    LOCATION: "http://www.baidu.com"

 

2 django web框架

    1 创建Project
        admin-django startproject mysite
    2 配置settings.py
        - 模板路径TEMPLATES DIRS
        - 静态文件路径 STATIC_URL, STATICFILES_DIRS
        - 额外配置:
            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',
            ]

    4 路由关系
        url  ->  函数


    5 视图函数
        def login(request):
            request.method
            request.POST(获取请求体数据)
            request.GET (获取请求头url的数据)

            return HttpResponse("字符串")
            return render(request, "login.html", {})
                1 获取模板 + 数据 进行渲染(成字符串)
                2 HttpResponse(字符串)
            return redirect("要跳转的网址")

    5 模板渲染
        {{ msg_str }}

        {{ msg_list.0 }}

        {{ msg_dict.key }}

        {% for item in msg_list %}
        {% endfor%}

        {% if 1>2 %}
        {% endif %}


3 ajax(特殊的向后台发数据方式) --单独前端技术
    
    - 引入jquery
    - $.ajax({
        url: '提交的地址',
        type: 'post', // 提交的方法
        data: {'k1':'v1, 'k2':'v2'},
        success: function(data){
        // 当服务器处理完成后,回调函数
        }
    })
    
    - ajax 和 form区别 
        -- form表单提交,页面会刷新(不能满足需求:数据错误,不能保留对话框)
        -- ajax提交页面不刷新,实现上面需求
        -- ajax存在缺点:数据对的时候,服务器不能实现跳转,只能用前端实现跳转
            location.href = "/classes/"

4 提交数据
        模态对话框(ajax)(登录框)
            - 少量输入框
            - 数据少
        新url方式(京东登录框,要打广告)
            - 操作多
            - 大量的数据

 

posted @ 2017-10-26 08:30  liuzhipenglove  阅读(194)  评论(0编辑  收藏  举报