Django实战项目-学习任务系统-用户注册
接着上期代码框架，开发第2个功能，用户注册，在原有用户模型基础上，增加一个学生用户属性表，用来关联学生用户的各种属性值，这个属性表是参考网络小说里系统属性值设计的，方便直观了解用户的能力高低，等级以及积分值等信息。
第一步：编写第二个功能-用户注册
1，编辑模型文件：
./mysite/study_system/models.py:
class StudyUserAttribute(models.Model): user = models.OneToOneField(StudyUser, on_delete=models.CASCADE, primary_key=True, verbose_name='用户属性ID') study_level = models.IntegerField(verbose_name='学习级别: 1-小学,2-初中,3-高中,4-本科,5-硕士,6-博士,7-博士后') intelligence = models.IntegerField(verbose_name='智力') memory = models.IntegerField(verbose_name='记忆力') diligence = models.IntegerField(verbose_name='勤奋力') physical_fitness = models.IntegerField(verbose_name='体能') total_points = models.IntegerField(verbose_name='总积分') other_subjects = models.CharField(max_length=100, verbose_name='其他学科属性') notes = models.TextField(verbose_name='备注') update_time = models.DateTimeField(verbose_name='更新时间') class Meta: verbose_name = '学生用户属性表' verbose_name_plural = '学生用户属性表' # 用于模型的数据库表的名称 db_table = "study_user_attributes" def __str__(self): return str(self.user)
2，编辑urls配置文件：
./mysite/study_system/urls.py
urlpatterns = [ # 登录首页url path('', views.index, name='index'), path('login/', LoginView.as_view(), name='login'), # 登录主页url path('home/', views.home, name='home'), # 注册url path('register/', views.register, name='register'), ]
3，编辑视图文件：
./mysite/study_system/views.py
def register(request): ''' @方法名称: ajax请求, 表单视图，注册用户 @作 者: PandaCode辉 @weixin公众号: PandaCode辉 @创建时间: 2023-10-10 ''' # 初始化响应容器 rsp_dict = {"result": "error", "errorMsg": "系统错误"} # 是否ajax请求 if request.is_ajax(): try: rest = request.POST # 角色:1: 系统管理员;2: 辅导员;3: 学生;4-自导自学 role = rest['role'] username = rest['username'] password = rest['password'] email = rest['email'] # print('email : '+str(email)) # 根据邮箱查询校验账号是否存在 exists = StudyUser.is_email_exists(email) # print('exists : '+str(exists)) if exists: # 用户注册校验失败，显示错误信息 rsp_dict["errorMsg"] = "该邮箱已经存在注册用户，不能重复注册." # 错误返回json数据格式 return JsonResponse(rsp_dict) # 手机号初始为空 phone_num = "" # 辅导员用户ID,学生用户必输 parent_id = 0 # 今天 # UTC格式当前时区时间 t = time.localtime() work_date = time.strftime("%Y-%m-%d %H:%M:%S", t) print('当前日期时间:' + str(work_date)) # 3: 学生，需要关联对应辅导员账号 if role == '3': # 根据辅导员邮箱查询辅导员的用户信息 parent_email = rest['parent_email'] parent_user = StudyUser.get_user_by_email(parent_email) # print('parent_user : '+str(parent_user)) if parent_user: # 找到了与邮箱匹配的用户，访问用户的属性，辅导员用户ID parent_id = parent_user.user_id else: # 没有找到与邮箱匹配的用户，执行相应的逻辑 # 用户注册校验失败，显示错误信息 rsp_dict["errorMsg"] = "没有找到与辅导员邮箱匹配的用户，注册失败." # 错误返回json数据格式 return JsonResponse(rsp_dict) # 创建用户对象并保存到数据库 user = StudyUser(role=role, username=username, password=password, email=email, phone_num=phone_num, parent_id=parent_id, created_time=work_date, update_time=work_date) # 保存用户表数据 user.save() # 3: 学生;4-自导自学'。增加属性表数据 if role in ('3', '4'): # 创建用户对象并保存到数据库，首次注册，所有属性值初始化为0或空 userAttribute = StudyUserAttribute(user=user, study_level=1, intelligence=0, memory=0, diligence=0, physical_fitness=0, total_points=0, other_subjects="", notes="", update_time=work_date) # 保存属性表数据 userAttribute.save() # 注册成功 rsp_dict["result"] = "success" rsp_dict["errorMsg"] = "注册成功，请登录." # 成功返回json数据格式 return JsonResponse(rsp_dict) except Exception as e: rsp_dict["errorMsg"] = "注册用户失败." # 错误返回json数据格式 return JsonResponse(rsp_dict) else: # 跳转到注册页面 return render(request, "study_system/register.html", rsp_dict)
4，编辑页面模板代码：
4.1. 用户注册页面
./mysite/study_system/templates/study_system/register.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>study system</title> <link rel="stylesheet" href="/static/study_system/bootstrap3/css/bootstrap.min.css"> <script type="text/javascript" src="/static/study_system/jquery1.3.3/jquery.min.js"></script> <style> .container { max-width: 400px; margin: 0 auto; padding-top: 100px; } </style> <script type="text/javascript"> /* 自动载入 */ $(function () { // 清空输入栏 clean_input(); }); // 清空输入栏 function clean_input() { $("#username").val(""); $("#password").val(""); $("#email").val(""); $("#parent_email").val(""); } // 学习模式切换不同角色选择 function change_study_type() { var study_type = $("select[name='study_type']").val(); {#alert(study_type);#} var optionHtml = ""; if (study_type == '1') { optionHtml += "<option value='4'>自导自学</option>"; } else { optionHtml += "<option value='2'>辅导员</option>"; optionHtml += "<option value='3'>学生</option>"; } {## 清空子元素#} $("select[name='role']").empty(); // 添加到class=中 $("select[name='role']").append(optionHtml); // 角色切换，显示，隐藏关联邮箱输入框 change_role(); // 清空输入栏 clean_input(); } // 角色切换，显示，隐藏关联邮箱输入框 function change_role() { var role = $("select[name='role']").val(); {#alert(role);#} if (role === '3') { $('#parent-email-group').show(); } else { $('#parent-email-group').hide(); } } //验证，用户名 function check_username() { if ($("#username").val() == "") { alert("用户名，不能为空"); return false; } return true; } //验证，密码 function check_password() { if ($("#password").val() == "") { alert("密码，不能为空"); return false; } return true; } //验证，邮箱 function check_email() { if ($("#email").val() == "") { alert("邮箱，不能为空"); return false; } return true; } //提交表单 function submitRegister() { if (check_username() && check_password() && check_email()) { var role = $("#role").val(); var username = $("#username").val(); var password = $("#password").val(); var email = $("#email").val(); var parent_email = ""; if (role == "3") { parent_email = $("#parent_email").val(); } //alert("parent_email:" + parent_email); // 1,获取csrfmiddlewaretoken的input标签value属性对应的值 {#var token = $('[name="csrfmiddlewaretoken"]').val();#} // 2,直接就能得到 csrfmiddlewaretoken 的input标签value属性的值 var csrf_token = '{{ csrf_token }}'; $.post("/study_system/register/", { 'role': role, 'username': username, 'password': password, 'email': email, 'parent_email': parent_email, // 将token值放到请求数据部分,token的键必须是 csrfmiddlewaretoken 'csrfmiddlewaretoken': csrf_token, }, function (data) { if ("success" == data.result) { alert("注册成功"); // 注册成功，去登录页面 window.location.href = "/study_system/login/"; } else { alert("注册失败:" + data.errorMsg); } }); } } </script> </head> <body> <div class="container"> <h2 class="text-center">注册用户</h2> <form method="post" action="{% url 'study_system:register' %}"> {# 在Django中提交数据到后端服务的时候，为了安全，要使用CSRF（跨站请求伪造）。#} {% csrf_token %} <div class="form-group"> <label for="study_type">学习模式</label> <select class="form-control" id="study_type" name="study_type" onchange="change_study_type()"> <option value="1" selected="selected">单人模式</option> <option value="2">双人模式</option> </select> </div> <div class="form-group"> <label for="role">角色类型</label> <select class="form-control" id="role" name="role" onchange="change_role()"> {# <option value="2">辅导员</option>#} {# <option value="3">学生</option>#} <option value="4" selected="selected">自导自学</option> </select> </div> <div class="form-group"> <label for="username">用户名</label> <input type="text" class="form-control" id="username" name="username"> </div> <div class="form-group"> <label for="password">密码</label> <input type="password" class="form-control" id="password" name="password"> </div> <div class="form-group"> <label for="email">邮箱</label> <input type="email" class="form-control" id="email" name="email"> </div> <div id="parent-email-group" class="form-group" style="display: none;"> <label for="parent_email">关联辅导员邮箱</label> <input type="email" class="form-control" id="parent_email" name="parent_email"> </div> <div class="form-group"> <button type="button" onclick="submitRegister()" class="form-control btn-primary">注册账户</button> </div> <div class="form-group"> <button type="reset" class="form-control btn-primary" onclick="clearErrorMessage()">重置</button> </div> <div class="form-group"> <a href="{% url 'study_system:login' %}" class="form-control btn-link text-right">登录账户</a> </div> </form> </div> </body> </html>
第二步：运行测试-用户注册功能
1，双人模式
1.1，先注册一个辅导员用户
作为老师/辅导员/家长等角色，用来发布任务，配置定时任务，维护兑换物品，发放奖励物品等，监督管理学生作用，因为没有真正的智能系统，需要人工监管学生的行为规范，督促学生完成学习任务，一个辅导员可以关联多个学生用户。
1.2，再注册一个学生用户
作为学生角色，用来接收对应辅导员和系统发布的任务，完成任务，获取积分，兑换物品，扣除积分，拥有属性表值等，学生用户必须绑定关联一个辅导员用户。
1，单人模式
自己发布任务给自己，自己学习完成任务，自己维护兑换物品，自己兑换奖励物品，没有其他人监督管理，该模式需要较强的自学能力。
-------------------------------------------------end -------------------------------------------------
