Django 2021年最新版教程7前端html接收后端传递的变量值 渲染

Posted 软件工程小施同学

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django 2021年最新版教程7前端html接收后端传递的变量值 渲染相关的知识,希望对你有一定的参考价值。

本节教程基于【Django 2021年最新版教程6】前台传递数据到后台处理 POST方法

https://shijianfeng.blog.csdn.net/article/details/117418093

 

1. 前端新建add_result.html

在html中使用{{变量名}}接收后端传递的变量值

<!DOCTYPE html>
<html>
<body>
<h2>计算结果</h2>

{{ a }} + {{ b }} = {{ result }}

</body>
</html>

 

2.后端views.py

通过context数据传递值给html页面。

使用render函数渲染html页面

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, './userWeb/index.html')

# 加法页面
def add(request):
    return render(request, './userWeb/add.html')

# 执行加法
def doadd(request):
    a = request.POST['a']
    b = request.POST['b']
    a = int(a)
    b = int(b)
    result = a + b
    # return HttpResponse(str(result))
    context = {}
    context['a'] = a
    context['b'] = b
    context['result'] = result
    return render(request, './userWeb/add_result.html', context)

 

 

3.执行效果

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

以上是关于Django 2021年最新版教程7前端html接收后端传递的变量值 渲染的主要内容,如果未能解决你的问题,请参考以下文章

Django 2021年最新版教程26模板语言 前端if判断怎么用 实例

Django 2021年最新版教程28前端模板中 时间日期星期格式化

Django 2021年最新版教程25模板语言 前端for循环怎么用 实例

Django 2021年最新版教程21数据库查询 model 多条数据 queryse转dict字典 返回渲染到前端

Django 2021年最新版教程30django项目部署到华为云(nginx uWSGI mysql方式)

❤️Python Django网站开发 2021年最新版教程 合集❤️