Python 浏览器未呈现Django模板
我正在尝试为我的web应用程序设置django视图，一旦文件上载完成，该视图将重定向页面，并且显示上载进度的状态栏将达到100%。我在网上四处寻找，尝试了几种方法，但似乎没有任何效果。当我使用Python 浏览器未呈现Django模板,python,django,Python,Django,我正在尝试为我的web应用程序设置django视图，一旦文件上载完成，该视图将重定向页面，并且显示上载进度的状态栏将达到100%。我在网上四处寻找，尝试了几种方法，但似乎没有任何效果。当我使用 render(request, 'template_name') 应用程序只需将“template_name”的纯文本返回到控制台，而不是在浏览器窗口中呈现。返回此纯文本后，加载栏的原始页面将保持不变 我的观点如下 def barUpdate(request): importid = reque
render(request, 'template_name')
def barUpdate(request):
importid = request.GET.get('impid')
response_data = {}
import_status_dict = get_import_status(importid)
status_id = import_status_dict['returnval']
import_status_info = import_status_dict['data_row']
import_status_info = import_status_info[0]
total_rows = import_status_info['total_data_rows']
rows_analyzed = import_status_info['number_of_rows_analyised']
if status_id != 2:
if (rows_analyzed != None and total_rows != None):
percent_complete = int((float(rows_analyzed)/total_rows)*100)
response_data['value'] = percent_complete
if 'percent_complete' in locals():
if response_data['value'] >= 100:
#return render(request,'statustool/completed.html',{'importid':importid,'username':username,'failedparameters':new_failed_param_group,'failedsources':failed_sources,'failedparametergroups':failed_parameters_group,'failedsitegroups':failed_sites_group,'sources':get_sources(), 'failedunits':failed_units})
#Right here I would like to render a new template in my browser, although this is just a dummy template I created for testing
return render(request,'statustool/test.html')
response = HttpResponse(json.dumps(response_data), content_type="application/json")
return response
else:
response_data['value'] = 0
response = HttpResponse(json.dumps(response_data), content_type="application/json")
return response
<html>
<head>
test
</head>
<body>
<h1>Finished with data insert!</h1>
</body>
</html>
测试
完成数据插入！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>CACW: Status - Processing</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<!-- Le styles -->
<link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
<link href="{{ STATIC_URL }}css/boostrap-responsive.css" rel="stylsheet">
<style>
body,html{
padding-top: 30px; /* 60px to make the container go all the way to the bottom of the topbar */
}
.container{
min-height:100%;
}
.footer{
height:40px;
margin-top:-25px;
}
.barcontainer{
width: 100px;
color: blue;
}
progress {
background-color: whiteSmoke;
border-radius: 2px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
width: 250px;
height: 20px;
position: relative;
display: block;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/d3examples.js"></script>
<script type="text/javascript">
var importNum = {{importid}}
function status(){
var barProgress = window.setInterval("getProgress(importNum);", 1000);
}
var url=api_server_address+"import/status/update/";
var getProgress = function(importid) {
$.ajax({
url: "https://cacw.luc.edu/status/update/",
data: { impid: importid },
type: "GET",
dataType: "json"
})
.done(function(data){
$('#progressBar').val(data['value']);
console.log(data);
});
}
</script>
</head>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">CACW</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="/login/authed/userhome/">Home</a></li>
<li><a href="#wiki">Wiki</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a class="btn btn-primary pull-right" href="/logout">Logout</a>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<body onload="status({{importid}});">
<div class="container">
<div class="page-header">
<p><h2>Import {{ importid }} Status.</h2></p>
{{percent_complete}}
<progress id="progressBar" value={{status}} max="100"></progress>
</div>
</div>
<div class="footer">
<div class="navbar-fixed-bottom">
<hr>
<div class = "container" style="text-align: center">
<p> <a href = " "> Help </a> - <a href = " "> Information </a>- <a href = " "> Contact </a>- <a href = " "> Wiki </a> <p>
<img src="{{ STATIC_URL }}img/luc_logo.jpg"></img>
</div>
</div>
</div>
</body>
</html>
CACW：状态处理
正文，html{
填充顶部：30px；/*60px，使容器一直到达顶部栏的底部*/
}
.集装箱{
最小高度：100%；
}
.页脚{
高度：40px；
利润上限：-25px；
}
.酒吧间{
宽度：100px；
颜色：蓝色；
}
进展{
背景色：白烟；
边界半径：2px；
盒影：0.2×3×rgba（0,0,0,0.25）插页；
宽度：250px；
高度：20px；
位置：相对位置；
显示：块；
}
var importNum={{importid}
功能状态（）{
var barProgress=window.setInterval（“getProgress（importNum）；”，1000）；
}
var url=api_服务器_地址+“导入/状态/更新/”；
var getProgress=函数（importid）{
$.ajax({
url:“https://cacw.luc.edu/status/update/",
数据：{impid:importid}，
键入：“获取”，
数据类型：“json”
})
.完成（功能（数据）{
$（'progressBar'）.val（数据['value']）；
控制台日志（数据）；
});
}
导入{{importid}}状态
{{完成百分比}
-
# code shortened a bit... continues from after line defining percent complete
response_data['value'] = percent_complete if 'percent_complete' in locals() else 0
response_data['done'] = response_data['value'] >= 100
return HttpResponse(json.dumps(response_data), content_type="application/json")
var getProgress=函数（importid）{
$.ajax({
url:“https://cacw.luc.edu/status/update/",
数据：{impid:importid}，
键入：“获取”，
数据类型：“json”
})
.完成（功能（数据）{
如果（数据['done']）{
//我忘了这是怎么重定向的，但这是你放的地方
location.href（'whatever/your/url/is'）；
}否则{
$（'progressBar'）.val（数据['value']）；
控制台日志（数据）；
}
});
}
css/bootstrap responsive.csscss/bootstrap responsive.csst