十八. 增加一个项目协作留言板功能(四)----- 增加实施步骤的增删改查功能
2016-06-18 21:19
393 查看
进入任务列表,我们无法查看到相应的实施步骤,那么接下来我们就针对实施步骤进行相应的处理。
1. 在任务中显示实施步骤,由于实施步骤的增加功能已经在views.py的task_edit中已经实现了,因此在task_edit.html中只要读取相应的process内容并予以显示就可以了。
Task_edit.html:
可以看到,此时再增加实施步骤,就可以在右边列看到相应的显示。
2. 对实施步骤进行修改
1)有时候需要进行实施步骤的修改,那么我们在forms.py中建立实施步骤form:
2) 在views.py中建立,实施步骤的修改功能:
3) 在task_edit.html中建立一个修改的链接:
{% for item in task.process_set.all %}
…
<!--如果用户是该实施步骤的登记人且任务的状态为处理中,那么可以对实施步骤进行更改或删除--->
{% if user == item.process_signer and task.task_status == '处理中' %}
<span>
<a href="{% url 'process_edit' item.id %}" style="color:grey">编辑</a>|
</span>
{% endif %}
<hr/>
{% endfor %}
4) 在urls.py中新增相关信息
5) 建立一个process_edit.html:
6) 测试相关功能修改
3. 删除相关实施步骤
1)
在task_edit中增加删除链接
<span>
<a href="{% url 'process_edit' item.id %}" style="color:grey">编辑</a>|
<a id="modal_button_2" class="grey" data-toggle="modal" href="#modal_form" rel="{% url 'process_delete' item.id %}" content="确认删除内容为{{ item.process_content }}的记录么?" title="删除记录">删除</a>
</span>
2)
在urls.py中增加相关信息
3)
在views.py中增加删除函数,通过AJAX方式来进行删除
4)
验证删除功能
1. 在任务中显示实施步骤,由于实施步骤的增加功能已经在views.py的task_edit中已经实现了,因此在task_edit.html中只要读取相应的process内容并予以显示就可以了。
Task_edit.html:
<!-----显示处理过程 BEGIN----> <div class="col-sm-8 pull-right"> <div id="div_id_process_content" class="form-group"> <div class="controls "> <!--从process中获取所有的item并显示---> {% for item in task.process_set.all %} <dl> <dt>处理时间</dt> <dd>{{ item.process_signtime }}</dd> <dt>处理人</dt> <dd>{{ item.process_signer }}</dd> </dl> <dl> <dt>处理过程</dt> <dd>{{item.process_content}}</dd> </dl> <hr/> {% endfor %} </div> </div> </div> <!-----处理过程 END---->
可以看到,此时再增加实施步骤,就可以在右边列看到相应的显示。
2. 对实施步骤进行修改
1)有时候需要进行实施步骤的修改,那么我们在forms.py中建立实施步骤form:
#建立实施步骤的表单 class ProcessForm(forms.Form): process_content = forms.CharField(label = '处理过程',widget=forms.Textarea)
2) 在views.py中建立,实施步骤的修改功能:
#实施步骤的修改 def process_edit(request, pk): #获取相应的实施步骤 process_ins = get_object_or_404(Process, pk=pk) #如果收到了POST提交 if request.method == 'POST': #调用process的form form = ProcessForm(request.POST) if form.is_valid(): process_ins.process_content = request.POST['process_content'].strip(' ') process_ins.process_signtime = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime(time.time())) process_ins.save() return redirect('task_edit', pk=process_ins.task_id) #将之前的process内容放入processform form = ProcessForm(initial={'process_content': process_ins.process_content}) #将相应的context值传递到实施步骤修改页面 context = { 'id': process_ins.task_id, 'form': form, 'sub_title': '编辑任务', } return render(request, 'process_edit.html', context)
3) 在task_edit.html中建立一个修改的链接:
{% for item in task.process_set.all %}
…
<!--如果用户是该实施步骤的登记人且任务的状态为处理中,那么可以对实施步骤进行更改或删除--->
{% if user == item.process_signer and task.task_status == '处理中' %}
<span>
<a href="{% url 'process_edit' item.id %}" style="color:grey">编辑</a>|
</span>
{% endif %}
<hr/>
{% endfor %}
4) 在urls.py中新增相关信息
#实施步骤 url(r'^process_edit/(?P<pk>\d+)/$', echo.views.process_edit, name='process_edit'),
5) 建立一个process_edit.html:
{% extends "index.html" %} {% load crispy_forms_tags %} {% block page_title %} 任务处理 {% endblock %} {% block container %} <div class="row"> <div class="col-sm-6 pull-left"> <form method='POST' action=''>{% csrf_token %} {{ form | crispy }} <br> <input class='btn btn-primary' type='submit' value='提交' /> <a href="{% url 'task_edit' id %} "><input class='btn btn-default' type='button' value='取消' /></a> </form> </div> </div> {% endblock %}
6) 测试相关功能修改
3. 删除相关实施步骤
1)
在task_edit中增加删除链接
<span>
<a href="{% url 'process_edit' item.id %}" style="color:grey">编辑</a>|
<a id="modal_button_2" class="grey" data-toggle="modal" href="#modal_form" rel="{% url 'process_delete' item.id %}" content="确认删除内容为{{ item.process_content }}的记录么?" title="删除记录">删除</a>
</span>
2)
在urls.py中增加相关信息
#实施步骤 url(r'^process_edit/(?P<pk>\d+)/$', echo.views.process_edit, name='process_edit'),url(r'^process_delete/(?P<pk>\d+)/$',echo.views.process_delete, name='process_delete'),
3)
在views.py中增加删除函数,通过AJAX方式来进行删除
#实施步骤删除 def process_delete(request, pk): #获取相应的实施步骤 process_ins = get_object_or_404(Process, pk=pk) #如果接收到了POST的提交 if request.method == 'POST': try: process_ins.delete() #删除成功,则data信息为success data = 'success' except IntegrityError: #如因外键问题,或其他问题,删除失败,则报error data = 'error' #将最后的data值传递至JS页面,进行后续处理,safe是将对象序列化,否则会报TypeError错误 return JsonResponse(data, safe=False)
4)
验证删除功能
相关文章推荐
- UVA 10635 Prince and Princess【LCS 问题转换为 LIS】
- Hive0.13.0简介
- DbUtil组件
- UVA 10635 Prince and Princess【LCS 问题转换为 LIS】
- UVA 10635 Prince and Princess【LCS 问题转换为 LIS】
- Leetcode no. 111
- SecureCRT简单的安装和激活教程
- python之数据类型(二)
- HQL:使用面向对象的HQL查询语言
- BeanUtil组件
- 指针数组和数组指针的区别
- 构建之法阅读笔记05
- [bzoj1797] [Ahoi2009]Mincut 最小割
- jQuery遍历
- Codeforces Round #358 (Div. 2)
- 附加作业
- 前序遍历和中序遍历重建二叉树
- 使用cocoaPods import导入时没有提示的解决办法
- GuavaCache简介(一)
- sql语句中的单双引号