• 01 forms组件补充1

  • 02 forms组件补充2

  • 03 ModelForm回顾

  • 04 浏览器的历史

  • 05 jsonop实现跨域请求

  • 06 jsonop实现跨域请求2

  • 07 jsonop实现跨域请求的应用

  • 08 基于cors实现跨域请求

01 forms组件补充1

1.1 jsonp跨域；

1.2 cors跨域；

1.3 admin配置；

1.4 会议室预定作业；

1.5 上节回顾

　　1.5.1 forms.ChoiceField(FIeld)

　　1.5.2 forms.ModelChoiceField(ChoiceField)

　　1.5.3 forms.ModelMultiField(ModelChoiceField)

1.6 Django的请求流程；

02 forms组件补充2

  • 基于render的渲染；
  • 基于自行编写模板的展示；

views.py;

from django.shortcuts import render

# Create your views here.

from django import forms

class BookForm(forms.Form):

    title = forms.CharField()

    price = forms.FloatField()

def addbook(request):

    if request.method == "POST":

        form = BookForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)

        else:

            print(form.errors)

    form = BookForm()

    return render(request, "addbook.html", locals())

addbook.html;

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

<h1>添加书籍</h1>

<form action="" method="post">

    {% csrf_token %}

    <p>名称<input type="text" name="title"></p>

    <p>价格<input type="text" name="price"></p>

    <input type="submit">

</form>

<br>

<hr>

<form action="" method="post">

    {% csrf_token %}

    {{ form.as_p }}

    <input type="submit">

</form>

</body>

</html>

03 ModelForm回顾

3.1 基于ModelForm进行错误信息的判断；

views.py;

from django.shortcuts import render, redirect

# Create your views here.

from .models import *

from django import forms

from django.forms import widgets

from django.forms import ModelForm

from django.forms import widgets as wid

'''

class BookForm(forms.Form):

    title = forms.CharField(max_length=32, label="书籍名称")

    price = forms.DecimalField(max_digits=8, decimal_places=2, label="价格")  # 999999.99

    date = forms.DateField(label="日期",

                           widget=widgets.TextInput(attrs={"type": "date"})

                           )

    # gender = forms.ChoiceField(choices=((1, "男"), (2, "女"), (3, "其他"),))

    # publish = forms.ChoiceField(choices=Publish.objects.all().values_list("pk", "name"))

    publish = forms.ModelChoiceField(queryset=Publish.objects.all())

    authors = forms.ModelMultipleChoiceField(queryset=Author.objects.all())

'''

class BookForm(ModelForm):

    class Meta:

        model = Book

        fields = "__all__"

        # fields = ["title", "price"]

        labels = {

            "title": "书籍名称",

            "price": "价格",

            "date": "书籍日期",

            "publish": "出版社",

            "authors": "作者",

        }

        widgets = {

            "title": wid.TextInput(attrs={"class": "form-control"}),

            "price": wid.TextInput(attrs={"class": "form-control"}),

            "date": wid.TextInput(attrs={"class": "form-control", "type": "date"}),

            "publish": wid.Select(attrs={"class": "form-control"}),

            "authors": wid.SelectMultiple(attrs={"class": "form-control"}),

        }

        error_messages = {

            "title": {"required": "不能为空"},

            "price": {"required": "不能为空"},

            "date": {"required": "不能为空"},

            "publish": {"required": "不能为空"},

            "authors": {"required": "不能为空"},

        }

def books(request):

    book_list = Book.objects.all()

    return render(request, "books.html", locals())

def add_book(request):

    if request.method == "POST":

        form = BookForm(request.POST)

        if form.is_valid():

            form.save()  # 等价于，form.model.objects.create(request.POST)

            return redirect("/books/")

        else:

            return render(request, "add.html", locals())

    form = BookForm()

    return render(request, "add.html", locals())

def edit_book(request, edit_book_id):

    edit_book = Book.objects.filter(pk=edit_book_id).first()

    if request.method == "POST":

        form = BookForm(request.POST, instance=edit_book)

        form.save()  # edit_book.update(xxx===xxx)

        return redirect("/books/")

    form = BookForm(instance=edit_book)

    return render(request, "edit.html", locals())

04 浏览器的历史

4.1 什么叫做域？什么叫做跨域？

4.2 同源策略；

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。

同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的，即检查是否同源，只有和百度同源的脚本才会被执行。如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。

4.3 IE浏览器兼容性不好，比较好的浏览器Chrome、FireFox、Safari；

4.4 qishiye单位，不思进取，使用IE6，人家只要能用即可，社会的毒瘤，国家的诟病；

4.5 JavaScript与Java没有半毛钱关系，只是名称相似；

4.6 ECMA，规定了浏览器的标准；

05 jsonop实现跨域请求

5.1 比如tab标签网页之间不能进行通信；

5.2 同源，即相同的服务器发送请求；即协议+域名+端口相同；

06 jsonop实现跨域请求2

07 jsonop实现跨域请求的应用

08 基于cors实现跨域请求

Python-S9—Day85-ORM项目实战之forms组件以及Modelform补充、跨域请求及应用的更多相关文章

  1. Python爬虫开发与项目实战

    Python爬虫开发与项目实战(高清版)PDF 百度网盘 链接:https://pan.baidu.com/s/1MFexF6S4No_FtC5U2GCKqQ 提取码:gtz1 复制这段内容后打开百度 ...

  2. Python爬虫开发与项目实战pdf电子书|网盘链接带提取码直接提取|

    Python爬虫开发与项目实战从基本的爬虫原理开始讲解,通过介绍Pthyon编程语言与HTML基础知识引领读者入门,之后根据当前风起云涌的云计算.大数据热潮,重点讲述了云计算的相关内容及其在爬虫中的应 ...

  3. 21.SpringCloud实战项目-后台题目类型功能（网关、跨域、路由问题一文搞定）

    SpringCloud实战项目全套学习教程连载中 PassJava 学习教程 简介 PassJava-Learning项目是PassJava(佳必过)项目的学习教程.对架构.业务.技术要点进行讲解. ...

  4. Vue-cli 创建的项目如何跨域请求

    感谢BeArchitect的技术支持 问题描述: 使用 Vue-cli 创建的项目,开发地址是 localhost:8023,需要访问 localhost:9000 上的接口 分析原因: 不同域名之间 ...

  5. python与 Ajax跨域请求

    同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说Web是构建在同源策略基础之上的 ...

  6. vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址

    一.开发环境中跨域 使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问非本机上的接口http://10.1.0.34:8000/queryRole.不同域名之间的访问 ...

  7. Vue-cli 创建的项目配置跨域请求（通过反向代理）---配置多个代理--axios请求

    问题描述: 使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问 localhost:9000 或https://m.maoyan.com或http://image.b ...

  8. 本地Vue项目跨域请求本地Node.js服务器的配置方法

    前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...

  9. python工业互联网监控项目实战5—Collector到opcua服务

    本小节演示项目是如何从连接器到获取Tank4C9服务上的设备对象的值,并通过Connector服务的url返回给UI端请求的.另外,实际项目中考虑websocket中间可能因为网络通信等原因出现中断情 ...

随机推荐

  1. C#问题记录-CallbackOnCollectedDelegate

    做项目的时候遇到了这个问题: 检测到:CallbackOnCollectedDelegate 对“xx.HookProc::Invoke”类型的已垃圾回收委托进行了回调.这可能会导致应用程序崩溃.损坏 ...

  2. uvm_regex——DPI在UVM中的实现（三）

    UVM的正则表达是在uvm_regex.cc 和uvm_regex.svh 中实现的,uvm_regex.svh实现UVM的正则表达式的源代码如下: `ifndef UVM_REGEX_NO_DPI ...

  3. 1)实际时间(real time): 从command命令行开始执行到运行终止的消逝时间； 2)用户CPU时间(user CPU time): 命令执行完成花费的用户CPU时间，即命令在用户态中执行时间总和； 3)系统CPU时间(system CPU time): 命令执行完成花费的系统CPU时

    1)实际时间(real time): 从command命令行开始执行到运行终止的消逝时间: 2)用户CPU时间(user CPU time): 命令执行完成花费的用户CPU时间,即命令在用户态中执行时 ...

  4. vim 编辑器的使用方法

    vim 命令模式       默认打开文件为命令模式 命令行模式     shift+: 命令行模式 编辑模式       i 编辑模式 Esc 切换命令模式 命令模式 -----字符操作 i   当 ...

  5. tableViewcell上放定时器

    tableviewcell上的定时器: 1.创建一个管理定时器的TimerManger类, TimerManger.h #import <Foundation/Foundation.h> ...

  6. 2018.7.2 如何用js实现点击图片切换为另一图片，再次点击恢复到原图片

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  7. 2017.12.1 如何用java写出一个菱形图案

    上机课自己写的代码 两个图形原理都是一样的 1.一共有仨个循环 注意搞清楚每一层循环需要做的事情 2.第一层循环:是用来控制行数 3.第二层循环控制打印空格数 4.第三层循环是用来循环输出星星 imp ...

  8. flex在众多手机浏览器上的兼容方案(亲测华为手机自带浏览器)

    如果项目使用构建工具,可加autoprefixer来处理,[autoprefixer使用指南] 纯手写css兼容代码,需给每个使用的属性加上属性前缀 /*display: flex;写法*/ span ...

  9. opencv与灰度图

    https://blog.csdn.net/qq_32211827/article/details/56854985 首先,灰度图可以是一个通道存成图片,也可以是3个通道存成图片,3个通道存成图片,其 ...

  10. GB MB KB B 关系

    1KB=1024Bytes=2的10次方Bytes 1MB=1024KB=2的20次方Bytes 1GB=1024MB=2的30次方Bytes 1TB=1024GB=2的40次方Bytes