热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

十六.增加一个项目协作留言板功能(二)-----建立一个任务管理的列表页面

我们设计一个页面来展示正在处理的任务,该表格可以参照之前基础信息的增删改查。用户通过这个页面对任务进行相应操作。1.在views.




我们设计一个页面来展示正在处理的任务,该表格可以参照之前基础信息的增删改查。用户通过这个页面对任务进行相应操作。

 

1.在views.py中建立task表的增删改查功能,并增加搜索功能。由于任务列表中,涉及到了实施步骤和任务列表,为了使搜索更加强大,我们希望能够直接通过实施步骤的内容搜索到相关的任务

views.py:


from .models import Node,Line,Device,Task
#任务的列表显示
def task_list(request):
    #如果通过GET来获取了相应参数,那么进行查询
    if request.method == 'GET':
        #建立过滤条件的键值对
        kwargs = {}
        #默认显示处理中的任务
        kwargs['task_status'] = '处理中'
        #用于分页显示的query
        query = ''
        for key, value in request.GET.iteritems():
            #除去token及page的参数
            if key != 'csrfmiddlewaretoken' and key != 'page':
                #如果查询的是与处理过程相关的,那么需要通过外键跳转至process表格
                if key == 'process_content':
                    if value !='':
                        kwargs['process__process_content__contains'] = value
                elif key == 'process_signer':
                    if value !='':
                        kwargs['process__process_signer__contains'] = value
                #定义任务的开始与结束时间
                elif key == 'task_start':
                    if value != '':
                        kwargs['task_signtime__gte'] = value
                elif key == 'task_end':
                    if value != '':
                        kwargs['task_signtime__lte'] = value
                #定义任务的状态
                elif key == 'task_status':
                    if value == U'处理中':
                        kwargs['task_status'] = '处理中'
                    if value == U'已结单':
                        kwargs['task_status'] = '已结单'
                    #如果选择了所有状态,即对任务状态不进行过滤,那么就删除task_status这个键值对
                    if value == U'全部':
                        del kwargs['task_status']
                #其余的则根据提交过来的键值对进行过滤
                else:
                    kwargs[key + '__contains'] = value
                #建立用于分页的query
                query += '&' + key + '=' + value
        #按照登记时间排序
        data = Task.objects.filter(**kwargs).order_by('task_signtime')


    #如果没有GET提交过来的搜索条件,那么默认按照登记时间排序,并只显示处理中的任务
    else:
        data = Task.objects.filter(task_status='处理中').order_by('task_signtime')

2. 建立任务列表的增加功能


通过forms.py建立一个form表单,但是不通过modelform来建立,同时表单采用普通的HTML方式写成,不采用之前的djangoform形式。

Forms.py:

#定义TaskForm,但不根据ModelForm来定义
from django import forms

class TaskForm(forms.Form):
    #任务类型的分类
    category = (
        (U'综合事务','综合事务'),
        (U'机构建设','机构建设'),
        (U'线路事务','线路事务'),
    )
    task_title = forms.CharField(label = '任务名称',max_length = 255)
    task_category = forms.ChoiceField(label='任务分类',choices= category)
    #建立联系人,其中的textarea做了规格设定,默认行高为2
    task_cOntacts= forms.CharField(label = '联系人',widget=forms.Textarea(attrs={'rows': '2'}),required=False)
    #建立一个复选框的实施人员,通过queryset来获取人员列表
    task_member = forms.ModelMultipleChoiceField(label='实施人员',
                                                 queryset=Employee.objects.all(),
                                                 widget=forms.CheckboxSelectMultiple)
    #建立一个处理过程
    process_cOntent= forms.CharField(label = '处理过程',widget=forms.Textarea)


Views.py:

from forms import NodeForm,LineForm,DeviceForm,TaskForm
import time
#任务列表的增加
def task_add(request):
    #从TaskForm获取相关信息
    form = TaskForm(request.POST or None)
    if form.is_valid():
        #建立一个task实例
        task_ins = Task()
        #通过时间来建立一个任务流水
        task_ins.task_code = str(int(time.time()))
        #获取task的相关信息
        task_ins.task_title = form.cleaned_data.get('task_title')
        task_ins.task_category = form.cleaned_data.get('task_category')
        task_ins.task_cOntacts= form.cleaned_data.get('task_contacts')
        #task建立后默认变成处理中的状态
        task_ins.task_status = '处理中'
        #通过登录用户来辨别任务登记人
        task_ins.task_signer = request.user
        #保存task实例
        task_ins.save()
        #通过当前task_id获取task对象,并将其赋给member_task
        member_task = Task.objects.get(id = task_ins.id)
        #获取members集合
        members = form.cleaned_data.get('task_member')
        #获取members集合中的member,并将其添加到member_task中,增添相应实施人员
        for member in members:
            member_task.task_member.add(member)

        #通过task_id获取task对象
        process_task = Task.objects.get(id = task_ins.id)
        #建立一个process的实施步骤实例
        process_ins = Process()
        #将process实例与task绑定
        process_ins.task = process_task
        #获取process相关信息
        process_ins.process_cOntent= form.cleaned_data.get('process_content')
        process_ins.process_signer = request.user
        process_ins.save()
        return redirect('task_list')

    cOntext= {
        'form': form,
        'sub_title': '新建任务',
    }
    return render(request, 'task_add.html',  context)

def task_edit(request,pk):
	pass
def task_delete(request,pk):
    	pass




3.修改index.html,将其中的Typography更改成任务管理模块,同时增加相应的指向至urls.py


Index.html:


对以下页面进行更改:


  • Typography
  • 更改成以下页面:


  • 任务列表

  • 4.修改urls.py:

    #任务列表
    url(r'^task_list/', echo.views.task_list, name='task_list'),
    url(r'^task_add/', echo.views.task_add, name='task_add'),
    url(r'^task_edit/(?P\d+)/$', echo.views.task_edit, name='task_edit'),
    url(r'^task_delete/(?P\d+)/$', echo.views.task_delete, name='task_delete'),
    

    5.建立任务列表页面,其中搜索项包含以下选项:


    名称

    Name

    任务流水

    Task_code

    任务名称

    Task_title

    创建人员

    Task_signer

    联系人员

    Task_contacts

    任务内容

    Process_content

    任务分类

    Task_category

    任务状态

    Task_status

    创建日期

    Task_start / task_end


    Task_list.html:

    {%  extends "index.html" %}
    {% block page_css %}
    {% endblock %}
    {% block page_title %}
        任务信息
    {% endblock %}
    
    {% block container %}
    {% load staticfiles %}
    
    
    
    {% csrf_token %}
    任务流水
    任务名称
    创建人员
    联系人员
    任务内容
    任务分类
    任务状态
    创建日期
    {{ result }}
    {% for item in data %} {% if item.task_status == '处理中' %}{% endif %} {% if item.task_status == '已结单' %}{% endif %} {% endfor %}
    流水号 任务名称 任务分类 任务状态 创建人 创建时间 新建任务
    {{ item.task_code }} {{ item.task_title }} {{ item.task_category }}处理中已结单{{ item.task_signer }} {{ item.task_signtime }}
    {% include 'modal.html' %} {% include 'pagination.html' %}
    {% endblock %} {% block page_Javascript %} {% include 'modal_js.html' %} {% endblock %}


    6.新增添加任务页面:

    Task_add.html:

    {% extends "index.html" %}
    {% load crispy_forms_tags %}
    {% block page_title %}
        任务处理
    {% endblock %}
    {% block container %}
        
    {% csrf_token %} {{ form | crispy}}
    {% endblock %}

    7.在django后台admin新增Employee的模型,并新建若干useremployee用户:

    Admin.py:

    from .models import Node, Line, Device, Employee
    admin.site.register(Employee)
    

    建立相关user用户:



    并基于user,建立employee用户:




    8.验证任务列表页面



    9. 验证新增任务页面




    推荐阅读
    • 本文将详细介绍如何在Webpack项目中安装和使用ECharts,包括全量引入和按需引入的方法,并提供一个柱状图的示例。 ... [详细]
    • php更新数据库字段的函数是,php更新数据库字段的函数是 ... [详细]
    • 本文介绍了如何使用 Node.js 和 Express(4.x 及以上版本)构建高效的文件上传功能。通过引入 `multer` 中间件,可以轻松实现文件上传。首先,需要通过 `npm install multer` 安装该中间件。接着,在 Express 应用中配置 `multer`,以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置,帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]
    • 开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤
      开发技巧:在Interface Builder中实现UIButton文本居中对齐的方法与步骤 ... [详细]
    • PTArchiver工作原理详解与应用分析
      PTArchiver工作原理及其应用分析本文详细解析了PTArchiver的工作机制,探讨了其在数据归档和管理中的应用。PTArchiver通过高效的压缩算法和灵活的存储策略,实现了对大规模数据的高效管理和长期保存。文章还介绍了其在企业级数据备份、历史数据迁移等场景中的实际应用案例,为用户提供了实用的操作建议和技术支持。 ... [详细]
    • 在探讨如何在Android的TextView中实现多彩文字与多样化字体效果时,本文提供了一种不依赖HTML技术的解决方案。通过使用SpannableString和相关的Span类,开发者可以轻松地为文本添加丰富的样式和颜色,从而提升用户体验。文章详细介绍了实现过程中的关键步骤和技术细节,帮助开发者快速掌握这一技巧。 ... [详细]
    • 一个建表一个执行crud操作建表代码importandroid.content.Context;importandroid.database.sqlite.SQLiteDat ... [详细]
    • 三角测量计算三维坐标的代码_双目三维重建——层次化重建思考
      双目三维重建——层次化重建思考FesianXu2020.7.22atANTFINANCIALintern前言本文是笔者阅读[1]第10章内容的笔记,本文从宏观的角度阐 ... [详细]
    • 本文详细介绍了Java代码分层的基本概念和常见分层模式,特别是MVC模式。同时探讨了不同项目需求下的分层策略,帮助读者更好地理解和应用Java分层思想。 ... [详细]
    • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
    • 用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
      HTTP协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的HTTP的网站是不 ... [详细]
    • 本文介绍了在 Java 编程中遇到的一个常见错误:对象无法转换为 long 类型,并提供了详细的解决方案。 ... [详细]
    • Python 数据可视化实战指南
      本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
    • 本文介绍了如何利用 Delphi 中的 IdTCPServer 和 IdTCPClient 控件实现高效的文件传输。这些控件在默认情况下采用阻塞模式,并且服务器端已经集成了多线程处理,能够支持任意大小的文件传输,无需担心数据包大小的限制。与传统的 ClientSocket 相比,Indy 控件提供了更为简洁和可靠的解决方案,特别适用于开发高性能的网络文件传输应用程序。 ... [详细]
    • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
    author-avatar
    霙昉蘖976
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有