接着上期代码框架,开发第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,单人模式
自己发布任务给自己,自己学习完成任务,自己维护兑换物品,自己兑换奖励物品,没有其他人监督管理,该模式需要较强的自学能力。
文章来源:https://www.toymoban.com/news/detail-725525.html
-------------------------------------------------end -------------------------------------------------文章来源地址https://www.toymoban.com/news/detail-725525.html
到了这里,关于Django实战项目-学习任务系统-用户注册的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!