Web框架开发-Form组件和ajax实现注册

一、注册相关的知识点

1、Form组件

我们一般写Form的时候都是把它写在views视图里面,那么他和我们的视图函数也不影响,我们可以吧它单另拿出来,在应用下面建一个forms.py的文件来存放

2、局部钩子函数

1

2

3

4

5

6

7

# 局部钩子函数

def clean_username(self):

    username = self.cleaned_data.get("username")

    valid = models.UserInfo.objects.filter(username=username).first()

    if valid:

        raise ValidationError("用户名已存在!")

    return username

  

3、全局钩子函数

1

2

3

4

5

6

# 全局钩子函数:验证两次密码是否一致

def clean(self):

    if self.cleaned_data.get("password"== self.cleaned_data("password_again"):

        return self.cleaned_data

    else:

        raise ValidationError("两次密码不一致")

  

4、 jQuery的属性操作相关的

1

2

3

4

5

6

7

8

9

10

11

attr:

        一个参数是获取属性的值,两个参数是设置属性值

removeAttr(属性名):

        删除属性值

prop:

    适应于属性的返回值是布尔类型的(单选,反选,取消的例子)

removePorp:

    删除属性的值

 

5、循环的两种方式

1

2

$.each(数组/对象,function(i,v){})

$("div").each(function(i,v){})

6、css中的三种隐藏:

1

2

3

4

5

6

7

8

1、display:none    隐藏所有内容

2、visibility:hidden    隐藏内容

3、overflow:hidden    隐藏溢出内容

三者都是用来隐藏的

区别在于:

    visibility:虽然隐藏了,但是被隐藏的内容依然占据这空间,这段隐藏了的内容却保留空间的位置会在网页中显示空白

    display:隐藏了不占用空间

 

7、提交二进制数据用FormData 

1

2

3

4

5

6

7

var formData=new FormData();

formData.append("username",$("#id_username").val());

formData.append("email",$("#id_email").val());

formData.append("tel",$("#id_tel").val());

formData.append("password",$("#id_password").val());

formData.append("password_again",$("#id_password_again").val());

formData.append("avatar_img",$("#avatar")[0].files[0]);

  加上:

1

2

contentType:false

processData:false

  

8、可以用下面的方法判断是什么请求

  • 26
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现登录和注册页面,需要运用以下web前端技术: 1. HTML:使用HTML标记语言创建页面的结构和内容。可以使用form元素创建登录和注册表单,并设置合适的input元素,如文本输入框、密码框等。 2. CSS:使用CSS样式表来美化页面,调整元素的样式和布局。可以设置背景、字体、颜色、边框等属性来增强用户界面的可用性和美观性。 3. JavaScript:运用JavaScript编写前端的交互逻辑。可以对用户输入进行验证,如验证用户名是否已存在、密码是否符合要求等。还可以使用JavaScript实现一些交互效果,如显示错误提示、动态改变页面内容等。 4. AJAX:可以使用AJAX技术来实现异步请求,实现登录和注册的数据交互。通过AJAX向后端发送登录和注册的请求,接收后端返回的数据,如验证是否成功、显示错误信息等。 5. 前端框架:可以使用一些前端框架,如React、Vue等来简化开发过程。这些框架提供了组件化的开发方式和更高效的数据处理能力,可以提高开发效率和页面性能。 通过结合使用上述技术,我们可以实现用户登录和注册功能。用户可以在登录页面输入用户名和密码,我们可以通过验证用户输入的信息与后端的数据库数据进行比对,如果验证成功,将用户重定向到登录后的页面;如果验证失败,可以显示错误信息。在注册页面,用户可以输入用户名、密码和其他相关信息,这些信息将被发送给后端进行处理和存储。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值