day55 Pyhton 前端Jquery07

昨日回顾:

  表单,点击submit提交以后,服务端受到信息

import socket
import pymysql
from urllib.parse import unquote


def run():
    sock = socket.socket()
    sock.bind(('127.0.0.1', 8081))
    sock.listen(5)
    '''

    'GET /?username=alex&pwd=123 HTTP/1.1
    Host: 127.0.0.1:8081
    Connection: keep-alive
    Upgrade-Insecure-Requests: 1
    User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
    Referer: http://localhost:63342/01-lesson/%E9%9D%99%E6%80%81%E7%BD%91%E7%AB%99/index.html?_ijt=726h7dpjc8l6d6gqbjfmee6tor
    Accept-Encoding: gzip, deflate, br
    Accept-Language: zh-CN,zh;q=0.9
    Cookie: csrftoken=B6UX45uX3HeZyEBYfT0RKStoBqOF72qMYTT432aoeAyGK6uUcAbfjmbmkiBXlDxY; sessionid=pqwpjn15zp78cioj0pjfruelqalbhbwh





    '

    b'GET / HTTP/1.1
    Host: 127.0.0.1:8080
    Connection: keep-alive
    Upgrade-Insecure-Requests: 1
    User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
    Accept-Encoding: gzip, deflate, br
    Accept-Language: zh-CN,zh;q=0.9
    Cookie: csrftoken=mgGu1nqxXnaKpGHTzlmFYyqlXl2Rv1SymNNzriypOCIeYylosvpj4jAR1XO0ZuFr; sessionid=zah393kzpbu3aelh039oh9236ynndq98


    '
    '''

    while True:
        conn, addr = sock.accept()  # hang住
        # 有人来链接了
        # 获取用户发送的数据
        data = conn.recv(8096)
        # print(data)
        data = str(data, encoding='utf-8')

        print('======', data)
        headers, bodys = data.split('\r\n\r\n')
        tem_list = headers.split('\r\n')
        # 获取请求方式 url 和协议
        method, url, protocal = tem_list[0].split(' ')
        # 获取路由地址和?之后的内容
        path, query = url.split('?')

        # 获取到用户名和密码
        name = query.split('&')[0].split('=')[1]
        pwd = query.split('&')[1].split('=')[1]

        # 将url编码转义成中文
        name = unquote(name)
        print('---------', name, pwd)

        # 写入数据库
        conn1 = pymysql.connect(
            host='127.0.0.1',
            user='root',
            password="",
            database='d1',
            port=3306,
            charset='utf8'
        )
        cur = conn1.cursor(pymysql.cursors.DictCursor)
        sql = 'insert into user value (%(username)s,%(password)s)'
        cur.execute(sql, {"username": name, 'password': pwd})

        conn1.commit()
        conn.send(b'HTTP/1.1 200 OK\r\n\r\n')

        with open('index.html','rb') as f:
            a = f.read()
            conn.send(a)

        # conn.send(b'112113')

        conn.close()


if __name__ == '__main__':
    run()

今日内容
  1.BOM

    -window.open(url,target)

    -location

      href 跳转的网址

      host 主机名,包括端口

      hostname 主机名

      pathname url 中的路径部分

      protocol 协议 一般是http.https

      search  查询字符串

      reload()  重载页面  全局刷新

        -history

      history.go(-1)  后端一步

    -XMLHttpRequest

  2.Jquery介绍

    -核心思想

      write less,do more

      - 什么是jquery?

    jQuery是一个快速,小巧,功能丰富的JavaScript库。

    它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单。

    通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式

  3.jquery下载
          https://www.bootcdn.cn/jquery/

  4.jquery的引入
          先引入jquery
          再写的js脚本

  5.jquery和js区别
          js包含jquery。
          jquery只是封装文档遍历和操作,事件处理,动画和Ajax

  6.jquery的选择器

    css的选择器的作用:命中标签

    jquery的选择器:命中DOM

      -基础选择器

      -高级选择器

  7.jquery和js对象的转换

    - //jsDOM对象===> jquery对象

    console.log($(this));

    //jquery对象===>jsDom对象

    console.log($('button').get(0)===this);

  8.jquery动画

    #普通动画

    $('.box').stop().hide(3000);

    #卷帘门效果

     $('.box').stop().slideDown(1000);

     $('.box').stop().slideToggle(1000);

    #淡入淡出

     $('.box').stop().fadeOut(2000);

     $('.box').stop().fadeToggle(2000)    

猜你喜欢

转载自www.cnblogs.com/pythonz/p/10240260.html
今日推荐