• Django实战项目-学习任务系统-任务管理

    接着上期代码框架，开发第3个功能，任务管理，再增加一个学习任务表，用来记录发布的学习任务的标题和内容，预计完成天数，奖励积分和任务状态等信息。

    第一步：编写第三个功能-任务管理

    1，编辑模型文件：

    ./mysite/study_system/models.py:

    1. class StudyTask(models.Model):
    2.     task_id = models.AutoField(primary_key=True, verbose_name='任务ID')
    3.     task_type = models.IntegerField(verbose_name='任务类型')
    4.     task_title = models.CharField(max_length=100, verbose_name='任务标题')
    5.     task_description = models.TextField(verbose_name='任务描述')
    6.     reward_points = models.IntegerField(verbose_name='奖励积分')
    7.     deadline_days = models.IntegerField(verbose_name='预计完成天数')
    8.     actual_days = models.IntegerField(verbose_name='实际完成天数')
    9.     task_status = models.IntegerField(verbose_name='任务状态')
    10.     created_time = models.DateTimeField(verbose_name='创建时间')
    11.     update_time = models.DateTimeField(verbose_name='更新时间')
    12.     created_by = models.ForeignKey(StudyUser, on_delete=models.CASCADE, verbose_name='创建者ID')
    13.  
    14.     class Meta:
    15.         verbose_name = '学习任务表'
    16.         verbose_name_plural = '学习任务表'
    17.         # 用于模型的数据库表的名称
    18.         db_table = "study_tasks"
    19.  
    20.     def __str__(self):
    21.         return self.task_title

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

    1. # 任务管理url
    2. path('task/getUndoTaskList/', views.getUndoTaskList, name='getUndoTaskList'),
    3. path('task/toNewTask/', views.toNewTask, name='toNewTask'),
    4. path('task/addNewTask/', views.addNewTask, name='addNewTask'),


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

    1. def getUndoTaskList(request):
    2.     '''
    3.     @方法名称: 获取待完成任务列表
    4.     @作    者: PandaCode辉
    5.     @weixin公众号: PandaCode辉
    6.     @创建时间: 2023-10-10
    7.     '''
    8.     # 响应容器
    9.     rsp_dict = {}
    10.     # 获取当前用户名
    11.     username = request.session.get('username')
    12.     # 根据用户名获取用户对象
    13.     cur_user = StudyUser.objects.get(username=username)
    14.     print('根据用户名查询用户对象:' + str(cur_user))
    15.  
    16.     user_list = [cur_user]
    17.     # 如果当前用户是：3-学生，则查找对应辅导员用户
    18.     if cur_user.role == 3:
    19.         parent_id = cur_user.parent_id
    20.         # 根据用户ID获取用户对象
    21.         parent_user = StudyUser.objects.get(user_id=parent_id)
    22.         print('根据用户ID获取用户对象:' + str(parent_user))
    23.         user_list = [cur_user, parent_user]
    24.     # 获取待完成任务列表
    25.     data_list = StudyTask.objects.filter(task_status=0, created_by__in=user_list).order_by('-pk')
    26.  
    27.     # 查询待完成任务列表
    28.     rsp_dict['data_list'] = data_list
    29.  
    30.     context_object_name = "undo_task_list"
    31.     template_name = "study_system/home.html"
    32.     # 'html_file': 'xxx.html' 动态指定模板页面 ; 'menuTo': 'task' = 任务管理 ；
    33.     rsp_dict['html_file'] = 'study_system/task/undoTaskList.html'
    34.     rsp_dict['menuTask'] = 'menuTask'
    35.     rsp_dict['context_object_name'] = context_object_name
    36.  
    37.     return render(request, template_name, rsp_dict)
    38.  
    39.  
    40.  
    41. def toNewTask(request):
    42.     '''
    43.     @方法名称: 跳转到发布新任务视图
    44.     @作    者: PandaCode辉
    45.     @weixin公众号: PandaCode辉
    46.     @创建时间: 2023-10-10
    47.     '''
    48.     rsp_dict = {}
    49.     rsp_dict["pageTitle"] = "新增任务"
    50.     # 'html_file': 'xxx.html' 动态指定模板页面 ; 'menuTo': 'task' = 任务管理 ；
    51.     rsp_dict['html_file'] = 'study_system/task/addTask.html'
    52.     rsp_dict['menuTask'] = 'menuTask'
    53.  
    54.     return render(request, "study_system/home.html", rsp_dict)
    55.  
    56.  
    57. def addNewTask(request):
    58.     '''
    59.     @方法名称: ajax请求, 表单视图，发布新任务
    60.     @作    者: PandaCode辉
    61.     @weixin公众号: PandaCode辉
    62.     @创建时间: 2023-10-10
    63.     '''
    64.     # 初始化响应容器
    65.     rsp_dict = {"result": "error", "errorMsg": "系统错误"}
    66.     # 是否ajax请求
    67.     if request.is_ajax():
    68.         try:
    69.             rest = request.POST
    70.             task_title = rest['taskTitle']
    71.             task_type = int(rest['taskType'])
    72.             task_description = rest['taskDescription']
    73.             reward_points = int(rest['rewardPoints'])
    74.             deadline_days = int(rest['deadlineDays'])
    75.             actual_days = 0
    76.             task_status = 0
    77.             # 获取当前用户名
    78.             username = request.session.get('username')
    79.             # 根据用户名获取用户对象
    80.             cur_user = StudyUser.objects.get(username=username)
    81.             print('根据用户名查询用户对象:' + str(cur_user))
    82.             # 创建者ID，使用 StudyUser 对象赋值
    83.             created_by = cur_user
    84.  
    85.             # 今天
    86.             # UTC格式当前时区时间
    87.             t = time.localtime()
    88.             work_date = time.strftime("%Y-%m-%d %H:%M:%S", t)
    89.             print('当前日期时间:' + str(work_date))
    90.  
    91.             # 创建对象并保存到数据库
    92.             study_task = StudyTask(task_title=task_title, task_type=task_type, task_description=task_description,
    93.                                    reward_points=reward_points, deadline_days=deadline_days, task_status=task_status,
    94.                                    actual_days=actual_days, created_by=created_by, created_time=work_date,
    95.                                    update_time=work_date)
    96.             # 保存到数据库是否成功
    97.             study_task.save()
    98.  
    99.             rsp_dict["result"] = "success"
    100.         except Exception as e:
    101.             rsp_dict["errorMsg"] = "发布新任务保存到数据库失败."
    102.  
    103.     # 成功与否都返回json数据格式
    104.     return JsonResponse(rsp_dict)

    4，编辑页面模板代码：

    4.1. 待完成任务列表页面
    ./mysite/study_system/templates/study_system/task/undoTaskList.html

    1. {% if request.session.role == 1 or request.session.role == 2  or request.session.role == 4 %}
    2.     {# 【角色 ：1-系统管理员 】#}
    3.     {# 【角色 ：2-辅导员 】#}
    4.     {# 【角色 ：4-自导自学 】#}
    5.     <div>
    6.         <a href="/study_system/task/toNewTask/" class="btn btn-default btn-lg btn-block btn-a">发布新任务a>
    7.     div>
    8. {% endif %}
    10. <div id="dataList">
    11.     {% if data_list %}
    12.         {% for studyTask in data_list %}
    13.             <ul class="dataCardList">
    14.                 <li class="btn-group btn-group-justified">
    15.                     {% if request.session.role == 1 or request.session.role == 2 or request.session.role == 4 %}
    16.                         {# 【角色 ：1-系统管理员 】#}
    17.                         {# 【角色 ：2-辅导员 】#}
    18.                         {# 【角色 ：4-自导自学 】#}
    19.                         <a href="#"
    20.                            class="btn btn-default btn-lg">修改a>
    21.                         <a href="#" class="btn btn-default btn-lg">删除a>
    22.                     {% elif request.session.role == 3 %}
    23.                         {# 【角色 ：3-学生用户 】#}
    24.                         <a href="#" class="btn btn-default btn-lg">删除a>
    25.                     {% endif %}
    26.                 li>
    27.                 <li>【任务ID ：{{ studyTask.task_id }}】li>
    28.                 <li>【任务发布者 ：{{ studyTask.created_by.username }}】li>
    29.                 <li>【发布时间 ：{{ studyTask.update_time|date:'Y-m-d H:i:s' }}】li>
    30.                 <li>【任务名称 ：{{ studyTask.task_title }}】li>
    31.  
    32.                 {% if studyTask.task_type == "1" %}
    33.                     <li style='color: blue'>【任务类型 ：1-系统任务】li>
    34.                 {% elif studyTask.task_type == "2" %}
    35.                     <li>【任务类型 ：2-辅导员任务】li>
    36.                 {% endif %}
    37.  
    38.                 <li>【任务内容说明 ：{{ studyTask.task_description }}】li>
    39.                 <li>【计划完成天数 ：{{ studyTask.deadline_days }} 天】li>
    40.                 <li style='color: red'>【成功奖励 ：+{{ studyTask.reward_points }} 积分】li>
    41.                 {#                除法 : {% widthratio 5 100 1%}#}
    42.                 {#                note:等同于：(5 / 100) * 1,则结果返回0.05,和乘法一样，使「参数3」= 1就是除法了。#}
    43.                 {#                失败处罚积分为成功奖励积分的一半，所以是 undoTask.7 / 2#}
    44.                 <li style='color: green'>【失败处罚 ：-{% widthratio studyTask.reward_points 2 1 %} 积分】li>
    45.                 {% if request.session.role == 1 or request.session.role == 3  or request.session.role == 4 %}
    46.                     {# 【角色 ：1-系统管理员 】#}
    47.                     {# 【角色 ：3-学生 】#}
    48.                     {# 【角色 ：4-自导自学 】#}
    49.                     <li>
    50.                         <a href="#"
    51.                            class="btn btn-default btn-lg btn-block btn-a">完成a>
    52.                     li>
    53.                 {% endif %}
    54.             ul>
    55.         {% endfor %}
    56.     {% else %}
    57.         <strong>查无记录strong>
    58.     {% endif %}
    59. div>

    4.2. 发布任务页面
    ./mysite/study_system/templates/study_system/task/addTask.html

    1. <script type="text/javascript">
    2.  
    3.     function addNewTask() {
    4.         var taskTitle = $("#taskTitle").val();
    5.         var taskType = $("#taskType").val();
    6.         var taskDescription = $("#taskDescription").val();
    7.         var deadlineDays = $("#deadlineDays").val();
    8.         var rewardPoints = $("#rewardPoints").val();
    9.  
    10.         // 1,获取csrfmiddlewaretoken的input标签value属性对应的值
    11.         {#var token = $('[name="csrfmiddlewaretoken"]').val();#}
    12.  
    13.         // 2,直接就能得到 csrfmiddlewaretoken 的input标签value属性的值
    14.         var csrf_token = '{{ csrf_token }}';
    15.  
    16.         $.post("/study_system/task/addNewTask/",
    17.             {
    18.                 'taskTitle': taskTitle,
    19.                 'taskType': taskType,
    20.                 'taskDescription': taskDescription,
    21.                 'deadlineDays': deadlineDays,
    22.                 'rewardPoints': rewardPoints,
    23.                 // 将token值放到请求数据部分,token的键必须是 csrfmiddlewaretoken
    24.                 'csrfmiddlewaretoken': csrf_token,
    25.             }, function (data) {
    26.                 if ("success" == data.result) {
    27.                     alert("发布成功");
    28.                     window.location.href = "/study_system/task/getUndoTaskList";
    29.                 } else {
    30.                     alert("发布失败:" + data.errorMsg);
    31.                 }
    32.             });
    33.     }
    34. script>
    35. <div class="container">
    36.     <h1 class="text-center">发布新任务h1>
    37.     <form action="/study_system/task/addNewTask/" method="post" class="form-horizontal" role="form">
    38.         {% csrf_token %}
    39.         {#        在Django中提交数据到后端服务的时候，为了安全，要使用CSRF（跨站请求伪造）。#}
    40.         {#        跨站请求伪造的问题在于，服务器信任来自客户端的数据。#}
    41.         {#        常规的做法是在template模板HTML文件中的form表单 中添加 {% csrf_token %} 可以实现安全提交。#}
    42.         {#        当我们使用from表单标签来发送请求时，如果需要csrf_token认证，那么必须将它写到我们的form表单标签里面，里面的任意位置。#}
    43.         {#        生成的隐藏标签为：#}
    44.         {#        <input type="hidden" name="csrfmiddlewaretoken" value="WVHKQeAuMS4RGqyLybryIBAfacDa1Dp7PEaB3Badv3y0fvLqydX36xAVen6z3oS4">#}
    45.         <div class="form-group">
    46.             <label for="taskType" class="col-sm-2 control-label">任务类型label>
    47.             <div class="col-sm-10">
    48.                 <select class="form-control" name="taskType"  id="taskType">
    49.                     {% if request.session.role == 1 %}
    50.                         <option value="1" selected="selected">1-系统任务option>
    51.                     {% elif request.session.role == 2 %}
    52.                         <option value="2" selected="selected">2-辅导员任务option>
    53.                     {% endif %}
    54.                 select>
    55.             div>
    56.         div>
    57.         <div class="form-group">
    58.             <label for="taskTitle" class="col-sm-2 control-label">任务名称label>
    59.             <div class="col-sm-10">
    60.                 <input type="text" class="form-control" name="taskTitle"  id="taskTitle" maxlength="12" size="20" placeholder="请输入任务名称">
    61.             div>
    62.         div>
    63.         <div class="form-group">
    64.             <label for="taskDescription" class="col-sm-2 control-label">任务内容说明label>
    65.             <div class="col-sm-10">
    66.                 <textarea name="taskDescription"  id="taskDescription" class="form-control" rows="4">textarea>
    67.             div>
    68.         div>
    69.         <div class="form-group">
    70.             <label for="deadlineDays" class="col-sm-2 control-label">计划完成天数label>
    71.             <div class="col-sm-10">
    72.                 <input type="text" class="form-control"  name="deadlineDays" id="deadlineDays" placeholder="请输入计划完成天数">
    73.             div>
    74.         div>
    75.         <div class="form-group">
    76.             <label for="rewardPoints" class="col-sm-2 control-label">任务奖励积分label>
    77.             <div class="col-sm-10">
    78.                 <input type="text" class="form-control" name="rewardPoints" id="rewardPoints" placeholder="请输入任务奖励积分">
    79.             div>
    80.         div>
    81.         <div class="form-group">
    82.             <div class="col-sm-offset-2 col-sm-10">
    83.                 <a href="javascript:addNewTask()" class="btn btn-default btn-lg btn-block btn-a">提交发布a>
    84.             div>
    85.         div>
    86.     form>
    87. div>


    第二步：运行测试-任务管理功能

    1，登录用户后，先查看待完成任务列表页面

    2，发布新任务页面

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

  • 相关阅读:
    new Promise(function(resolve, reject){}) 的reject相当于抛异常
    Vue 的最大的优势是什么？
    米小樽MiMe三店同开，应时手作的高品质米乳饮品新体验
    学习Python，你至少要练习这些代码之13
    十四、应用监控（1）
    React state（及组件） 的保留与重置
    动态规划-状态机（188. 买卖股票的最佳时机 IV）
    答辩提纲的内容
    tiup dm disable
    lstat,fstat,unmask,chmod,chown,文件截断函数，空洞文件
  • 原文地址：https://blog.csdn.net/xionghui2007/article/details/134069955