• Django实战项目-学习任务系统-用户注册

    接着上期代码框架，开发第2个功能，用户注册，在原有用户模型基础上，增加一个学生用户属性表，用来关联学生用户的各种属性值，这个属性表是参考网络小说里系统属性值设计的，方便直观了解用户的能力高低，等级以及积分值等信息。

    第一步：编写第二个功能-用户注册

    1，编辑模型文件：

    ./mysite/study_system/models.py:

    1. class StudyUserAttribute(models.Model):
    2.     user = models.OneToOneField(StudyUser, on_delete=models.CASCADE, primary_key=True, verbose_name='用户属性ID')
    3.     study_level = models.IntegerField(verbose_name='学习级别: 1-小学,2-初中,3-高中,4-本科,5-硕士,6-博士,7-博士后')
    4.     intelligence = models.IntegerField(verbose_name='智力')
    5.     memory = models.IntegerField(verbose_name='记忆力')
    6.     diligence = models.IntegerField(verbose_name='勤奋力')
    7.     physical_fitness = models.IntegerField(verbose_name='体能')
    8.     total_points = models.IntegerField(verbose_name='总积分')
    9.     other_subjects = models.CharField(max_length=100, verbose_name='其他学科属性')
    10.     notes = models.TextField(verbose_name='备注')
    11.     update_time = models.DateTimeField(verbose_name='更新时间')
    12.  
    13.     class Meta:
    14.         verbose_name = '学生用户属性表'
    15.         verbose_name_plural = '学生用户属性表'
    16.         # 用于模型的数据库表的名称
    17.         db_table = "study_user_attributes"
    18.  
    19.     def __str__(self):
    20.         return str(self.user)

    2，编辑urls配置文件：
    ./mysite/study_system/urls.py

    1. urlpatterns = [
    2.     # 登录首页url
    3.     path('', views.index, name='index'),
    4.     path('login/', LoginView.as_view(), name='login'),
    5.     # 登录主页url
    6.     path('home/', views.home, name='home'),
    7.     # 注册url
    8.     path('register/', views.register, name='register'),
    9. ]

    3，编辑视图文件：
    ./mysite/study_system/views.py

    1. def register(request):
    2.     '''
    3.     @方法名称: ajax请求, 表单视图，注册用户
    4.     @作    者: PandaCode辉
    5.     @weixin公众号: PandaCode辉
    6.     @创建时间: 2023-10-10
    7.     '''
    8.     # 初始化响应容器
    9.     rsp_dict = {"result": "error", "errorMsg": "系统错误"}
    10.     # 是否ajax请求
    11.     if request.is_ajax():
    12.         try:
    13.             rest = request.POST
    14.             # 角色:1: 系统管理员;2: 辅导员;3: 学生;4-自导自学
    15.             role = rest['role']
    16.             username = rest['username']
    17.             password = rest['password']
    18.             email = rest['email']
    19.             # print('email : '+str(email))
    20.             # 根据邮箱查询校验账号是否存在
    21.             exists = StudyUser.is_email_exists(email)
    22.             # print('exists : '+str(exists))
    23.             if exists:
    24.                 # 用户注册校验失败，显示错误信息
    25.                 rsp_dict["errorMsg"] = "该邮箱已经存在注册用户，不能重复注册."
    26.                 # 错误返回json数据格式
    27.                 return JsonResponse(rsp_dict)
    28.             # 手机号初始为空
    29.             phone_num = ""
    30.             # 辅导员用户ID,学生用户必输
    31.             parent_id = 0
    32.             # 今天
    33.             # UTC格式当前时区时间
    34.             t = time.localtime()
    35.             work_date = time.strftime("%Y-%m-%d %H:%M:%S", t)
    36.             print('当前日期时间:' + str(work_date))
    37.             # 3: 学生，需要关联对应辅导员账号
    38.             if role == '3':
    39.                 # 根据辅导员邮箱查询辅导员的用户信息
    40.                 parent_email = rest['parent_email']
    41.                 parent_user = StudyUser.get_user_by_email(parent_email)
    42.                 # print('parent_user : '+str(parent_user))
    43.                 if parent_user:
    44.                     # 找到了与邮箱匹配的用户，访问用户的属性，辅导员用户ID
    45.                     parent_id = parent_user.user_id
    46.                 else:
    47.                     # 没有找到与邮箱匹配的用户，执行相应的逻辑
    48.                     # 用户注册校验失败，显示错误信息
    49.                     rsp_dict["errorMsg"] = "没有找到与辅导员邮箱匹配的用户，注册失败."
    50.                     # 错误返回json数据格式
    51.                     return JsonResponse(rsp_dict)
    52.  
    53.             # 创建用户对象并保存到数据库
    54.             user = StudyUser(role=role, username=username, password=password,
    55.                              email=email, phone_num=phone_num, parent_id=parent_id,
    56.                              created_time=work_date, update_time=work_date)
    57.             # 保存用户表数据
    58.             user.save()
    59.             # 3: 学生;4-自导自学'。增加属性表数据
    60.             if role in ('3', '4'):
    61.                 # 创建用户对象并保存到数据库，首次注册，所有属性值初始化为0或空
    62.                 userAttribute = StudyUserAttribute(user=user, study_level=1, intelligence=0, memory=0,
    63.                                                    diligence=0, physical_fitness=0,
    64.                                                    total_points=0, other_subjects="",
    65.                                                    notes="", update_time=work_date)
    66.                 # 保存属性表数据
    67.                 userAttribute.save()
    68.             # 注册成功
    69.             rsp_dict["result"] = "success"
    70.             rsp_dict["errorMsg"] = "注册成功，请登录."
    71.             # 成功返回json数据格式
    72.             return JsonResponse(rsp_dict)
    73.         except Exception as e:
    74.             rsp_dict["errorMsg"] = "注册用户失败."
    75.             # 错误返回json数据格式
    76.             return JsonResponse(rsp_dict)
    77.     else:
    78.         # 跳转到注册页面
    79.         return render(request, "study_system/register.html", rsp_dict)

    4，编辑页面模板代码：

    4.1. 用户注册页面
    ./mysite/study_system/templates/study_system/register.html

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>study systemtitle>
    8.     <link rel="stylesheet" href="/static/study_system/bootstrap3/css/bootstrap.min.css">
    9.     <script type="text/javascript" src="/static/study_system/jquery1.3.3/jquery.min.js">script>
    10.     <style>
    11.         .container {
    12.             max-width: 400px;
    13.             margin: 0 auto;
    14.             padding-top: 100px;
    15.         }
    16.     style>
    17.  
    18.     <script type="text/javascript">
    19.  
    20.         /* 自动载入 */
    21.         $(function () {
    22.             // 清空输入栏
    23.             clean_input();
    24.         });
    25.  
    26.         // 清空输入栏
    27.         function clean_input() {
    28.             $("#username").val("");
    29.             $("#password").val("");
    30.             $("#email").val("");
    31.             $("#parent_email").val("");
    32.         }
    33.  
    34.         // 学习模式切换不同角色选择
    35.         function change_study_type() {
    36.             var study_type = $("select[name='study_type']").val();
    37.             {#alert(study_type);#}
    38.             var optionHtml = "";
    39.             if (study_type == '1') {
    40.                 optionHtml += "<option value='4'>自导自学option>";
    41.             } else {
    42.                 optionHtml += "<option value='2'>辅导员option>";
    43.                 optionHtml += "<option value='3'>学生option>";
    44.             }
    45.             {## 清空子元素#}
    46.             $("select[name='role']").empty();
    47.             // 添加到class=中
    48.             $("select[name='role']").append(optionHtml);
    49.  
    50.             // 角色切换，显示，隐藏关联邮箱输入框
    51.             change_role();
    52.             // 清空输入栏
    53.             clean_input();
    54.         }
    55.  
    56.         // 角色切换，显示，隐藏关联邮箱输入框
    57.         function change_role() {
    58.             var role = $("select[name='role']").val();
    59.             {#alert(role);#}
    60.             if (role === '3') {
    61.                 $('#parent-email-group').show();
    62.             } else {
    63.                 $('#parent-email-group').hide();
    64.             }
    65.         }
    66.  
    67.         //验证，用户名
    68.         function check_username() {
    69.             if ($("#username").val() == "") {
    70.                 alert("用户名，不能为空");
    71.                 return false;
    72.             }
    73.             return true;
    74.         }
    75.  
    76.         //验证，密码
    77.         function check_password() {
    78.             if ($("#password").val() == "") {
    79.                 alert("密码，不能为空");
    80.                 return false;
    81.             }
    82.             return true;
    83.         }
    84.  
    85.         //验证，邮箱
    86.         function check_email() {
    87.             if ($("#email").val() == "") {
    88.                 alert("邮箱，不能为空");
    89.                 return false;
    90.             }
    91.             return true;
    92.         }
    93.  
    94.         //提交表单
    95.         function submitRegister() {
    96.             if (check_username() && check_password() && check_email()) {
    97.  
    98.                 var role = $("#role").val();
    99.                 var username = $("#username").val();
    100.                 var password = $("#password").val();
    101.                 var email = $("#email").val();
    102.                 var parent_email = "";
    103.                 if (role == "3") {
    104.                     parent_email = $("#parent_email").val();
    105.                 }
    106.                 //alert("parent_email:" + parent_email);
    107.                 // 1,获取csrfmiddlewaretoken的input标签value属性对应的值
    108.                 {#var token = $('[name="csrfmiddlewaretoken"]').val();#}
    109.                 // 2,直接就能得到 csrfmiddlewaretoken 的input标签value属性的值
    110.                 var csrf_token = '{{ csrf_token }}';
    111.  
    112.                 $.post("/study_system/register/",
    113.                     {
    114.                         'role': role,
    115.                         'username': username,
    116.                         'password': password,
    117.                         'email': email,
    118.                         'parent_email': parent_email,
    119.                         // 将token值放到请求数据部分,token的键必须是 csrfmiddlewaretoken
    120.                         'csrfmiddlewaretoken': csrf_token,
    121.                     }, function (data) {
    122.                         if ("success" == data.result) {
    123.                             alert("注册成功");
    124.                             // 注册成功，去登录页面
    125.                             window.location.href = "/study_system/login/";
    126.                         } else {
    127.                             alert("注册失败:" + data.errorMsg);
    128.                         }
    129.                     });
    130.             }
    131.         }
    132.  
    133.     script>
    134. head>
    135. <body>
    136. <div class="container">
    137.     <h2 class="text-center">注册用户h2>
    138.     <form method="post" action="{% url 'study_system:register' %}">
    139.         {# 在Django中提交数据到后端服务的时候，为了安全，要使用CSRF（跨站请求伪造）。#}
    140.         {% csrf_token %}
    141.         <div class="form-group">
    142.             <label for="study_type">学习模式label>
    143.             <select class="form-control" id="study_type" name="study_type" onchange="change_study_type()">
    144.                 <option value="1" selected="selected">单人模式option>
    145.                 <option value="2">双人模式option>
    146.             select>
    147.         div>
    148.         <div class="form-group">
    149.             <label for="role">角色类型label>
    150.             <select class="form-control" id="role" name="role" onchange="change_role()">
    151.                 {#                <option value="2">辅导员option>#}
    152.                 {#                <option value="3">学生option>#}
    153.                 <option value="4" selected="selected">自导自学option>
    154.             select>
    155.         div>
    156.  
    157.         <div class="form-group">
    158.             <label for="username">用户名label>
    159.             <input type="text" class="form-control" id="username" name="username">
    160.         div>
    161.         <div class="form-group">
    162.             <label for="password">密码label>
    163.             <input type="password" class="form-control" id="password" name="password">
    164.         div>
    165.         <div class="form-group">
    166.             <label for="email">邮箱label>
    167.             <input type="email" class="form-control" id="email" name="email">
    168.         div>
    169.         <div id="parent-email-group" class="form-group" style="display: none;">
    170.             <label for="parent_email">关联辅导员邮箱label>
    171.             <input type="email" class="form-control" id="parent_email" name="parent_email">
    172.         div>
    173.         <div class="form-group">
    174.             <button type="button" onclick="submitRegister()" class="form-control btn-primary">注册账户button>
    175.         div>
    176.         <div class="form-group">
    177.             <button type="reset" class="form-control btn-primary" onclick="clearErrorMessage()">重置button>
    178.         div>
    179.         <div class="form-group">
    180.             <a href="{% url 'study_system:login' %}" class="form-control btn-link text-right">登录账户a>
    181.         div>
    182.     form>
    183. div>
    184. body>
    185. html>

    第二步：运行测试-用户注册功能

    1，双人模式

    1.1，先注册一个辅导员用户

    　　作为老师/辅导员/家长等角色，用来发布任务，配置定时任务，维护兑换物品，发放奖励物品等，监督管理学生作用，因为没有真正的智能系统，需要人工监管学生的行为规范，督促学生完成学习任务，一个辅导员可以关联多个学生用户。

    1.2，再注册一个学生用户

    　　作为学生角色，用来接收对应辅导员和系统发布的任务，完成任务，获取积分，兑换物品，扣除积分，拥有属性表值等，学生用户必须绑定关联一个辅导员用户。

    1，单人模式

    　　自己发布任务给自己，自己学习完成任务，自己维护兑换物品，自己兑换奖励物品，没有其他人监督管理，该模式需要较强的自学能力。

    -------------------------------------------------end -------------------------------------------------

  • 相关阅读:
    基于Python实现的感知机PLA人工智能实验
    CentOS下安装及配置MySQL
    docker 的数据管理
    Java实现快速排序以及原理
    SpringBoot 如何优雅的停机
    基于黏菌优化的BP神经网络（分类应用） - 附代码
    新手怎样快速上手接口测试？掌握这几个知识点直接起飞！
    前后端分离项目的https加密解密过程一、从https说起
    回归预测 | MATLAB实现MPA-BiGRU海洋捕食者算法优化双向门控循环单元多输入单输出回归预测（多指标，多图）
    LeetCode每日一题——895. 最大频率栈
  • 原文地址：https://blog.csdn.net/xionghui2007/article/details/133748711