Django项目实践（商城）：四、用户注册（前端开发）

最新推荐文章于 2023-02-16 11:06:23 发布

laoluobo76

最新推荐文章于 2023-02-16 11:06:23 发布

阅读量437

点赞数

分类专栏： Django项目 - lgshop商城文章标签： vue ajax js

本文链接：https://blog.csdn.net/laoluobo76/article/details/113175126

版权

本文档详细介绍了使用Vue.js在Django商城项目中实现用户注册前端功能，包括输入框失焦后的数据校验、前端避免用户重复注册的策略，以及在开发过程中遇到的Vue白屏问题、正则表达式错误和Django Bug的解决方案。

摘要由CSDN通过智能技术生成

在这里插入图片描述

（根据居然老师直播课内容整理）

一、前端功能简述

在这里插入图片描述

制作注册静态页面样式和内容模板
- 需要输入用户名、密码、确认密码、手机号、图形验证码、短信验证码、同意商城协意选择框和注册按钮及登录跳转
- 可选：网站log、广告等
需要进行数据校验
- 当输入框失焦时，判断必填项是否填写内容，内容是否符合简单规范
- 当用户名输入框失焦时，还需向后端发验证，确保用户名未被注册
- 当两次密码不一致时，提示输入一致
- 当手机号输入框失焦时，还需向后端发验证，确保手机号未被注册过
- 获取短信验证码时，需要向后端发图形验证，图形验证码正确后，才会发送短信
当页面加载完成后，需要向后端发起申请图形验证码图片

<script src="{% static 'js/vue-2.5.16.js' %}"></script>
<script src="{% static 'js/register.js' %}"></script>

在这里插入图片描述

<div id="app">
    <body>
    ......
    </body>
</div>

在这里插入图片描述

let vm = new Vue({

关注

专栏目录