删除二次确认
1.下载源码 只需要到dist文件夹内的css和js即可
2.拷贝使用官网提供的案例代码
3.添加配置参数新增等待特效
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center">数据展示</h2>
<table class="table table-striped table-hover">
<thead>
<tr>
<th>主键</th>
<th>姓名</th>
<th>年龄</th>
<th>地址</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for user_obj in user_queryset %}
<tr>
<td>{{ user_obj.pk }}</td>
<td>{{ user_obj.name }}</td>
<td>{{ user_obj.age }}</td>
<td>{{ user_obj.addr }}</td>
<td>
<a href="#" class="btn btn-primary btn-xs">编辑</a>
<a href="#" class="btn btn-danger btn-xs deleteBtn" delete_id="{{ user_obj.pk }}">删除</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<script>
$('.deleteBtn').click(function () {
let $deBtn = $(this);
swal({
title: "你确定要删除吗?",
text: "你要是真删 就准备好跑路吧!",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "删除",
cancelButtonText: "取消",
closeOnConfirm: false,
closeOnCancel: false,
showLoaderOnConfirm: true
},
function(isConfirm) {
if (isConfirm) {
// 编写与后端交互的删除功能
let deleteId = $deBtn.attr('delete_id');
// 发送ajax请求
$.ajax({
url:'',
type:'post',
data:{'deleteId':deleteId},
success:function (args) {
swal(args, "success");
$deBtn.parent().parent().remove()
}
})
} else {
swal("取消", "你真的怂到家了!", "error");
}
});
})
</script>
'''
钩子函数的含义其实就是在程序的执行过程中穿插额外的逻辑
校验用户名是否已经存在
钩子函数之局部钩子(校验单个段)
校验密码和确认密码是否一致
钩子函数之全局钩子(校验多个字段)
'''
钩子函数是数据经过了字段第一层参数校验只后才会执行
dec clean_name(self):
name = self.cleaned_data.get('name')
is_exist=model.user.objects.filter(name=name)
if is_exits:
self.add_erro('name','用户名已存在')
return name
def clean(self):
password = self.cleaned_data.get('password')
confirm_password = self.cleaned_data.get('confirm_password')
if not password == confirm_password:
self.add_error('两次密码不同')
return self.cleand_data
字段参数 |
解释 |
min_length |
最小长度 |
max_length |
最大长度 |
min_value |
最小值 |
max_value |
最大值 |
label |
字段名 |
initial |
默认值 |
error_message |
错误提示 |
validators |
正则校验器 |
validators 正则校验
from django.core.validators import RegexValidator
phone = forms.CharField([RegexValidators(r'^[0-9]+$', '请输入数字'),regexValidators(r'^159[0-9]+$', '数字必须以159开头')])
widget 控制渲染出来的标签的属性
password = forms.CharField(widget = forms.widgets.PasswordInput(attrs={'class':'form-control'}))
froms.widgets.控制type的类型(attrs=控制各项属性)
choices 选择类型的标签内部对应关系
可以直接编写 也可以从数据库中获取
hobby = forms.MultipleChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
)
def __init__(self, *args, **kwargs):
super(MyForm,self).__init__(*args, **kwargs)
self.fields['hobby'].choices = models.Classes.objects.all().values_list('id','caption')
ChoiceField 与 multiplechoice 选择型字段
gender = forms.fields.ChoiceField(
choices=((1, "男"), (2, "女"), (3, "保密")),
label="性别",
initial=3,
widget=forms.widgets.RadioSelect()
)
hobby = forms.ChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
label="爱好",
initial=3,
widget=forms.widgets.Select()
hobby = forms.MultipleChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色 球"), ),
label="爱好",
initial=[1, 3],
widget=forms.widgets.SelectMultiple()
)
keep = forms.ChoiceField(
label="是否记住密码",
initial="checked",
widget=forms.widgets.CheckboxInput()
)
hobby = forms.MultipleChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色 球"),),
label="爱好",
initial=[1, 3],
widget=forms.widgets.CheckboxSelectMultiple()
)
FileField 文件类型字段
file = forms.FilrField(label='文件',widget=forms.widgets.FileInput())
froms组件源码分析
def is_valid(self):
return self.is_bound and not self.errors
@property
def errors(self):
if self._errors is None:
self.full_clean()
return self._errors
from django.core.exceptions import ValidationError
raise ValidationError('用户名不存在')
froms组件注意配合models里面的模型类一起使用 但是模型类里面的字段需要下forms类中相当于重写一遍 代码冗余
为了更好的结合forms与models的关系 有了一ModelsForm(基于forms与models的关系 有了一个ModelForm(基于forms组件)
class MyUser(froms.ModelsForm):
class Meta:
model = models.User
fields = '__all__'
labels = {
'name' : '用户名'
}
widgets={
"name":forms.widgets.TextInput(attrs={'class':'form-contorl'})
}
def reg(request):
form_obj = MyUser()
if request.method == 'POST':
form_obj = MyUser(request.POST)
if form_obj.is_valid():
edit_obj = models.User.objects.filter(pk=5).first()
form_obj = MyUser(request.POST, instance=edit_obj)
form_obj.save()
return render(request, 'reg.html', locals())
cookie与session简介
早期互联网应用程序都是不保存用户状态的,所有人发送请求 返回的都是相同的页面
HTTP协议四大特性之一:无状态
现在几乎所有的应用程序都可以保存用户状态,如何实现?
让服务端知道你是谁的方式很单一:携带用户名和密码(身份标识)
每次操作之前都需要输入用户名和密码 当登录成功之后浏览器会在本地帮你保存用户名和密码,每次操作浏览器自动发送用户名和密码
指代服务端让客户端保存的数据(存储在客户端上与用户信息相关的数据)
'''简单的记忆:cookie就是存在客户端的东西'''
早期的cookie是直接存储的用户铭文相关信息 不安全
用户登录成功之后服务端生成一个随机字符串 返回给客户端保存,之后客户端每次发请求携带该随机字符串 服务端获取之后比对后台数据
eg:
服务端
随机字符串1 用户1的数据
随机自负床2 用户2的数据
客户端
随机字符串1、随机字符串2
指代服务端保存的跟用户信息
指代服务端保存的跟用户信息相关的数据
'''
1.session单独工作必须依赖于cookie
2.客户端也有拒绝保存数据的权限
'''
ps:针对身份标识问题有很多方式 cookie和session是最基本的
token、jwt...
django操作cookie
return HttpResponse()
return render()
return redirect()
不直接返回对象 而是先用变量名指代 然后操作对象方法
res = HttpResponse()
return res
res.set_cookie()
res.COOKIE.get()
有很多视图函数需要添加登录认证 有时候又要取消登录认证很麻烦 所有可以用装饰器来解决
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人