我已经将规则以问题的形式存储在数据库中,希望向用户提问并最终得出结果。我希望问题能在用户的屏幕上显示,并提供“是”或“不是”的选项,根据用户的选择继续提问。我目前无法找到一个解决方案来比较前端用户输入与后端(Django)的数据,迄今为止我已经尝试了
views.py
def fetch_rules(request): if request.method=='POST': issueid=request.POST['issueid'] rules=Rules.objects.all().filter(parentissue=issueid) return render(request,"questions.html",{"rules":rules}) else: return HttpResponse("Not found")
模板
{% extends 'base.html' %}{% block content%}<div class="questionwrapper"> {% for rul in rules %}<div class="question"> <h1>{{rul.question}}</h1></div><div class="solution"> <p>{{rul.solution}}</p></div><p style="text-align: center;font-weight: bold;">你的问题解决了吗?</p><div class="question_btns"> <a id="yes_q" >是</a> <a id="no_q" >不是</a></div>{%endfor%}</div>{% endblock %}[![我的模板][1]][1]
目前模板显示了所有问题,但我希望一次显示一个问题,然后根据用户的选择依次显示下一个问题。
回答:
如果你想动态添加内容,你必须使用前端技术。你所需要做的就是使用CSS的display:none
隐藏问题,然后在按钮上设置onclick事件,一个简单的JS脚本将改变特定子元素的显示display:nth-child(n):inline-block
你也可以使用对象的id做类似的事情,例如:
<div class="question" data-id={{rul.question.id}}> <h1>{{rul.question}}</h1></div>
现在你可以使用data-id和JavaScript来排序或显示对象