forms组件

先自己实现注册功能,并且对用户输入的信息加限制条件
如果用户输入的信息不符合条件,前端展示报错信息
 from django.shortcuts import render,HttpResponse

 from django.core.exceptions import ValidationError

 # Create your views here.

 def register(request):

     errors = {'name':'', 'pwd':''}  #定义一个字典,将字典传给前端,前端是可以取值的

     if request.method == 'POST':

         name = request.POST.get('name')

         pwd = request.POST.get('pwd')

         if 'sb' in name:

             errors['name'] ='名字不能包含sb'

         if pwd == '':

             errors['pwd'] = '你这密码太简单了'

     return render(request,'reg.html',locals())

Views.py

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 <h3>注册页面</h3>

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

     <p>username:<input type="text" name="name">

         <span>{{ errors.name }}</span>  <!--span是行内标签,大小由文本决定的,如果取到的值为空前端展示到前端页面看不出-->

     </p>

     <p>password:<input type="text" name="pwd">

     <span>{{ errors.pwd }}</span></p>

     <input type="submit">

 </form>

 </body>

 </html>

reg.html

注意:reg.html中的

<span>{{ errors.name }}</span>

思路:访问路由,是get请求然后error字典中的value值为空,所以传入前端的error信息为空,
然后span标签是根据文本内容的大小来撑大,所以没有内容就不变,不会有什么影响,
第二次form表单提交的时候是有name和password的数据,
然后进行校验,如果不满足条件,就给error字典赋值传给前端,所以前端会显示错误信息
总结:
注册示例:
   1.前端渲染标签获取用户输入        >>> 前端渲染标签
   2.后端获取用户输入,进行数据校验     >>> 数据校验
   3.校验过后产生的提示信息返回给前端 >>> 展示校验信息

提一小嘴:												


											
django之forms组件,cookie&session的更多相关文章
	

    
								
  1. day09 Django: 组件cookie session
		
    day09 Django: 组件cookie session   一.cookie和session都是会话跟踪技术     1.什么是会话             可以理解为客户端和服务端之间的一次会 ...
    
		
    2. 
						
  2. django之forms组件
		
    在django中forms组件有其强大的功能,里面集合和众多的函数和方法:下面来看一下它的源码 """ Form classes """ f ...
    
		
    3. 
						
  3. django设置并获取cookie/session，文件上传，ajax接收文件，post/get请求及跨域请求等的方法
		
    django设置并获取cookie/session,文件上传,ajax接收文件等的方法: views.py文件: from django.shortcuts import render,HttpRes ...
    
		
    4. 
						
  4. python 全栈开发，Day76(Django组件-cookie,session)
		
    昨日内容回顾 1 json 轻量级的数据交换格式 在python 序列化方法:json.dumps() 反序列化方法:json.loads() 在JS中: 序列化方法:JSON.stringfy()  ...
    
		
    5. 
						
  5. Django组件-cookie,session
		
    昨日内容回顾: json 轻量级的数据交换格式 在python 序列化方法:json.dumps() 反序列化方法:json.loads() 在JS中: 序列化方法:JSON.stringfy() 反 ...
    
		
    6. 
						
  6. form组件+cookie+session总结
		
    1.forms 组件 -数据校验功能 1.定义 -新建一个py文件 -导入from django import forms -写一个类继承 forms.Form -把你需要校验的(字段的条件)属性写到 ...
    
		
    7. 
						
  7. Django之forms组件使用
		
    注册功能 1.渲染前端标签获取用户输入 >>> 渲染标签 2.获取用户输入传递到后端校验 >>> 校验数据 3.校验未通过展示错误信息 >>> 展 ...
    
		
    8. 
						
  8. web框架开发-Django的Forms组件
		
    校验字段功能 针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32)  ...
    
		
    9. 
						
  9. Django之forms组件进阶
		
    Django Form表单组件   Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Python程序运行流程与垃圾回收机制
			
    Python程序运行流程 Python解释器首先将程序将py文件编译成一个字节码对象PyCodeObject(只存在于内存中).(当这个模块的 Python 代码执行完后,就会将编译结果保存到了pyc ...
    
			
    2. 
						
  2. tcpdump常用方法
			
    tcpdump -i eth0监视制定网络接口的数据包 tcpdump host 10.13.1.135监视所有10.13.1.135主机收到和发出的数据包 tcpdump src host 10.1 ...
    
			
    3. 
						
  3. USB小白学习之路（10） CY7C68013A Slave FIFO模式下的标志位(转)
			
    转自良子:http://www.eefocus.com/liangziusb/blog/12-11/288618_bdaf9.html CY7C68013含有4个大端点,可以用来处理数据量较大的传输, ...
    
			
    4. 
						
  4. ADO.NET中DataTable类的使用
			
    DataTable类将关系数据表示为表格形式.在创建DataTable之前,必须包含System.Data名称空间.ADO.NET提供了一个DataTable类来独立创建和使用数据表.它也可以和Dat ...
    
			
    5. 
						
  5. MySQL之单表多表查询
			
    #1.单表查询 #单表查询语法 select <字段1,字段2....> from <表名> where <表达式> group by field 分组 havin ...
    
			
    6. 
						
  6. 在高德地图上用svg.js绘制简单图形
			
    这段时间做的一个项目,需要在地图上绘制简单的图形.在学习高德地图JS API的过程中,发现高德地图提供的点.线等API并不能满足我的需求,还好它开放了自定义图层CustomLayer,官方说自定义图层 ...
    
			
    7. 
						
  7. 彻底理解使用JavaScript 将Json数据导出CSV文件
			
    前言 将数据报表导出,是web数据报告展示常用的附带功能.通常这种功能都是用后端开发人员编写的.今天我们主要讲的是直接通过前端js将数据导出Excel的CSV格式的文件. 原理 首先在本地用Excel ...
    
			
    8. 
						
  8. crypto-js aes加密解密
			
    安装 npm install crypto-js --save unit.js import CryptoJS from "crypto-js"; //秘钥 const CRYPT ...
    
			
    9. 
						
  9. Data Vault 简介
			
    Data Vault 简介 Data Vault 2.0 不仅是建模技术,也提供了一整套数据仓库项目的方法论.它能提供一套非常可行的方案来满足数据仓库项目中对于历史轨迹和审核两个方面的需求. 多年来, ...
    
			
    10. 
						
  10. java算法--稀疏数组
			
    数据结构必要知识 线性结构 线性结构是最常用的数据结构,数据元素之间存在一对一的线性关系. 线性结构有两种不同的存储结构,即顺序存储结构和链式存储结构.顺序存储的线性表称为顺序表,顺序表中的存储元素是 ...
    
			
    11.