# 全局钩子 def clean(self): pwd = self.cleaned_data.get("password") re_pwd = self.cleaned_data.get("re_password") if re_pwd and re_pwd == pwd: return self.cleaned_data else: self.add_error('re_password', "两次密码不一致") raise Validati…

目录 多对多三种创建方式 1.全自动(用ManyToManyField创建第三张表) 2.纯手写 3.半自动 form组件 引入 form组件的使用 forms组件渲染标签 form表单展示信息 form组件自定义校验 内置的校验器(RegexValidator) 钩子函数(HOOK) Django Form所有内置字段 多对多三种创建方式 1.全自动(用ManyToManyField创建第三张表) class Book(models.Model): title = models.CharFie…

Django框架 之 form组件的钩子 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 def foo(request):         if request.method=="POST&q…

1.在新版本中,添加app是直接在settings设置中,将INSTALLED_APPS里添加app名字, 但是他的完整写法是   'app01.apps.App01Config'  因为新版本做了优化,所以直接写app名字也支持 2.form标签传输文件 form表单默认的编码格式是urlencoded不支持发文件(只能把文件名发过去)它所对应数据格式 username=jason&password=123 1.指定form提交的编码格式. 在form标签内添加  enctype="m…

本篇主要讲解简单的验证码实现,验证码使用基本都是找现成的组件来实现,用代码实现这个简单功能主要是了解了解验证码内部的实现. 本篇导航: 五位验证码图示 代码实现 登录验证 Form组件钩子函数补充 一.五位验证码图示 二.代码实现 1.首先用bootstrap布一个上图简单的页面 <div class="container"> <div class="row"> <div class="col-md-5 col-md-offs…

本篇主要讲解简单的验证码实现,验证码使用基本都是找现成的组件来实现,用代码实现这个简单功能主要是了解了解验证码内部的实现. 本篇导航: 五位验证码图示 代码实现 登录验证 Form组件钩子函数补充 一.五位验证码图示 二.代码实现 1.首先用bootstrap布一个上图简单的页面 <div class="container"> <div class="row"> <div class="col-md-5 col-md-offs…

目录 一.多对多的三种创建方式 1. 全自动 2. 纯手撸(了解) 3. 半自动(强烈推荐) 二.forms组件 1. 如何使用forms组件 2. 使用forms组件校验数据 3. 使用forms组件渲染标签 4. 使用forms组件展示信息 5. 校验数据参数 5.1 报错信息修改:error_messages 5.2 校验器:Validator 5.3 给input框设置样式及属性:widget 5.4 input框默认值:initial 5.5 控制字段是否必填:required 5.6…

目录 一:Forms组件 1.案例需求: 2.前端 3.后端 二:form表单前后端动态交互 1.form组件 2.为什么数据效验非要去后端 不能在前端利用js直接完成呢? 3.举例:购物网站 三:基本使用 1.作用于校验型组件 2.校验数据 3.测试环境两种方式 四:渲染标签 1.后端(生成一个空对象) 2.前端利用空对象做操作 3.第一种渲染方式 4.第二种渲染方式 5.第三种渲染方式 6.label属性作用 五:展示提示信息 1.渲染错误信息 2.如何让浏览器不做校验 3.forms组件展…

1 需求:登录或者注册页面存在以下问题 - 无法记住上次提交的内容,(如果有很多输入项,这样正确项不必重复输入,错误项也能提示错误信息)- 重复进行提交数据的校验(数据是否为空,长度大小等等) 2 django的Form组件实现 2.1 Form组件实现数据验证方法 2.1.1 流程操作 - 定义规则(数据的格式,字段必须和表单上name属性一致) class LoginForm(Form): 字段名 = fields.xxFields(参数) # 定义了一个输入框的数据格式要求 实例化对象ob…

08==>创建组件以 1类的形式 或者以 2函数的形式 09==>使用组件 在src下创建components文件夹 是放组件的 CompType.js 组件 组件开头大写(重要) CompType.js文件如下 import React from "react" //一定要导入React // 函数类型去创建组件 export function Web1(){ return <div>我是以函数的形式创建的组件</div> } // 以类的形式创建…

from django.shortcuts import render,HttpResponse from django import forms from django.core.exceptions import ValidationError #校验错误 class UserInfo(forms.Form): username = forms.CharField( label='用户名', required=True, ) password = forms.CharField( label…

我在之前做了一个关于AJAX和form组件的笔记,可以参考:Django学习笔记(8)——前后台数据交互实战(AJAX):Django学习笔记(6)——Form表单 我觉得自己在写Django笔记(8)的时候,我只是对AJAX有个粗略的了解,就明白其两大优点,局部刷新和异步交互.Form组件知识虽然大多数都明白了,但是对局部钩子和全局钩子还不是很清楚.留了个坑,所以在以后的学习中,肯定会再遇到. 现在,我感觉自己将关于AJAX和Django的数据交互这部分了解清楚了,而且将Form组件的钩子也理…

Django---FORM组件.FORM组件的字段,FORM组件校验流程,FORM组件的全局和局部钩子,FORM和Model的组合 一丶FORM的介绍 1.生成页面可用的HTML标签 2.对用户提交的数据进行校验 3.保留上次输入内容 二丶使用form组件实现注册功能 from django import forms # 导入forms组件 # 按照Django form组件的要求自己写一个类 class RegForm(forms.Form): # 继承Form name = forms.Ch…

自定义验证规则以及中间件简单介绍 1.python2和python3中的区别 对于python2内置的字符串类型有str和unicode 比如:"abc"是字符串,u"你好"是unicode 字符串(utf-8/gbk编码之后值) unicode 对于python3内置的字符串类型有bytes和unicode bytes(utf-8/gbk编码之后值) 字符串(unicode) python3 中的bytes,就是python2中的字符串 python2 中的字符串…

正如其名,vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消. 有多种方式可以在路由导航发生时执行钩子:全局的.单个路由独享的.或者组件级的. 一.全局钩子 你可以使用 router.beforeEach 注册一个全局的 before 钩子: const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 同样可以注册一个全局的 after 钩子,不过它不像 be…

一.构建一个表单 假设你想在你的网站上创建一个简单的表单,以获得用户的名字.你需要类似这样的模板: <form action="/your-name/" method="post"> <label for="your_name">Your name: </label> <input id="your_name" type="text" name="your…

目录 一.form组件 二.cookie.session 返回Django 组件 一.form组件 1.1 以注册功能为例 注册功能 1.渲染前端标签获取用户输入 --> 渲染标签 2.获取用户输入传递到后端校验 --> 校验数据 3.校验未通过展示错误信息 --> 展示信息 ps:校验数据:前后端都可以校验,但是前端可以不做,后端必须得做!!! 1.2 校验数据 校验数据 第一步需要一个form类 from django import forms class MyForm(forms.…

目录 一.form介绍 二.普通方式手写注册功能 views.py register.html 三.使用form组件实现注册功能 views.py register2.html 四.pycharm的专属测试环境 1.使用方法 2.本地校验测试的一些参数 五.html自动生成input用户输入框的三种方式 第一种方式 {{ form_obj.as_p }} (不推荐) 第二种方式 {{ form_obj.username }} (不推荐) 第三种方式 for循环 (推荐) 六.数据校验 如何取消浏…

一.Django框架之查漏补缺 1)models,字段概况 name = models.CharField(max_length=) age = models.IntegerField() price = models.FloatField() pub_date = models.DateField() author = models.CharField(max_length=,null=False) gender = models.BooleanField # 布尔类型 gender = mo…

[Django的Form组件] Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 Form类的使用: 1.定义规则: 1 2 3 4 from django.forms import Form from django.forms import fields class xxx(Form):     xx = fields.CharField(max_lenghth=,min_lenghth=,…

一.MVC,MTV架构 models(数据库,模型) views(html模板) controllers(业务逻辑处理) --> MVC models(数据库,模型) templates(html模板) views(业务逻辑处理) --> MTV Django -> MTV 二.中间件 在settings配置文件中 MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.session…

接上一篇,我们一起学习了vue路由的基本使用以及动态路由.路由嵌套以及路由命名等知识,今天我们一起来学习记录vue-router的钩子函数实现路由守卫: 何为路由守卫?路由守卫有点类似于ajax的请求拦截器,就是请求发送之前先给你拦截住做一些事情之后再去发送请求,同样这里的路由守卫意思差不多:简单理解为就是你在进路由之前,首先把你拦住,对你进行检查:这是不是有点中学门口的保安?进来之前拦住,有学生证就进,没有学生证就不让进:当然,路由守卫不仅仅只是在你进入之前拦住你,还有其他的钩子函数进行其他操…

$route可以在子组件任何地方调用,代表当前路由对象,这个属性是只读的,里面的属性是 immutable(不可变) 的,不过你可以 watch(监测变化) 它. 导航和钩子函数: 导航:路由正在发生改变   关键字:路由  变 钩子函数:在路由切换的不同阶段调用不同的节点函数(钩子函数在我看来也就是:某个节点和时机触发的函数) 两者关系: 钩子函数 ---> 导航 :     钩子函数   主要用来拦截导航,让它完成跳转或取消,在导航的不同阶段来执行不同的函数 ,最后钩子函数的执行结果会告诉导…

  本节目录 一 vue过滤器 二 生命周期的钩子函数 三 vue的全家桶 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 Vue的过滤器 1 moment.js 在这里我们先介绍一个moment.js的js前端时间处理的控件 点击下载之后,我们把文件内容copy下来,在我们自己的项目本地目录创建一个叫做moment.js的文件,将内容保存到里面,通过script的src属性来引入 这个moment.js提供了很多的方法 日期格式化: moment().format('MMMM…

$route可以在子组件任何地方调用,代表当前路由对象,这个属性是只读的,里面的属性是 immutable(不可变) 的,不过你可以 watch(监测变化) 它. 导航和钩子函数: 导航:路由正在发生改变   关键字:路由  变 钩子函数:在路由切换的不同阶段调用不同的节点函数(钩子函数在我看来也就是:某个节点和时机触发的函数) 两者关系: 钩子函数 ---> 导航 :     钩子函数   主要用来拦截导航,让它完成跳转或取消,在导航的不同阶段来执行不同的函数 ,最后钩子函数的执行结果会告诉导…

Vue学习四之过滤器.钩子函数.路由.全家桶等   本节目录 一 vue过滤器 二 生命周期的钩子函数 三 vue的全家桶 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 Vue的过滤器 1 moment.js 在这里我们先介绍一个moment.js的js前端时间处理的控件 点击下载之后,我们把文件内容copy下来,在我们自己的项目本地目录创建一个叫做moment.js的文件,将内容保存到里面,通过script的src属性来引入 这个moment.js提供了很多的方法 日期格式化…

vue-router的路由钩子函数: 第一种:全局钩子函数. router.beforeEach((to, from, next) => { console.log('beforeEach') //next() //如果要跳转的话,一定要写上next() //next(false) //取消了导航 next() //正常跳转,不写的话,不会跳转 }) router.afterEach((to, from) => { // 举例: 通过跳转后改变document.title if( to.met…

Form组件的验证流程及扩展(钩子) 常用的form class TestForm(Form): t1 = fields.CharField( widget=widgets.Textarea # 输入框 ) t2 = fields.CharField( widget=widgets.CheckboxInput # 单选框 ) t3 = fields.MultipleChoiceField( choices=[(1, '篮球'), (2, '足球')], # 多选框的内容 widget=widge…

自定义属性以及各种验证 分析widget: class TestForm(forms.Form): user = fields.CharField( required = True, widget = widgets.TextInput() ) 追踪widgets.py __all__ = ( 'Media', 'MediaDefiningClass', 'Widget', 'TextInput', 'NumberInput', 'EmailInput', 'URLInput', 'Passwo…

多对多的三种创建方式 1.全自动(推荐使用的**) 优势:第三张可以任意的扩展字段 缺点:ORM查询不方便,如果后续字段增加更改时不便添加修改 manyToManyField创建的第三张表属于虚拟的,后缀会自动添加有_id的外键字段 创建的方式: 2.纯手动(不推荐使用) 需要手动创第三方表 优势:第三张表可以任意的扩展字段 缺点:ORM查询不便  3.半自动(推荐使用***) 优势:结合了全自动和半自动的两个优点,把建表的关系直接在一张表上表示出来 这样创建的表,在多对多时不支持ORM的操作有…