Django学习系列12:把Python变量传入模板中渲染

时间:2022-01-13 03:02:32

从视图的Python代码中把变量传入HTML模板。

模板中使用哪种句法引入Python对象,要使用的符号{{...}},它会以字符串的形式显示对象:

<html>
<head>
<title>To-Do lists</title>
</head>>
<body>
<h1>Your To-Do list</h1>
<form method="POST">
<input name="item_text" id="id_new_item" placeholder="Enter a to-do item" />
{% csrf_token %}
</form> <table id="id_list_table">
<tr><td>{{ new_item_text}}</td></tr>
</table>
</body>
</html>

怎么测试视图函数为new_item_text传入的值正确呢?怎么把变量传入模板呢?

可以在单元测试中实际操作一遍找出这两个问题的答案。(前面我们用到了render_to_string函数,用它手动渲染模板,然后拿它的返回值和视图函数返回的HTML比较)

让我们调整单元测试,以便它检查我们是否仍在使用模板:

lists/tests.py

    def test_can_save_a_post_request(self):
response = self.client.post('/', data={'item_text':'A new list item'})
self.assertIn('A new list item', response.content.decode())
self.assertTemplateUsed(response, 'home.html')

如预期那样失败:

AssertionError: No templates used to render the response

很好,我们故意编写愚蠢的返回值已经骗不过我们的测试,因此要重写视图函数,把post请求中的参数传递给模板。render函数将映射模板的字典作为其第三个参数变量名到其值:

lists/views.py

from django.shortcuts import render
from django.http import HttpResponse # Create your views here.在这儿编写视图
def home_page(request):
return render(request, 'home.html', {
'new_item_text':request.POST['item_text'],
})

运行单元测试

django.utils.datastructures.MultiValueDictKeyError: "'item_text'"

这次失败发生在另一个测试中,修正的方法如下:

lists/views.py

from django.shortcuts import render
from django.http import HttpResponse # Create your views here.在这儿编写视图
def home_page(request):
return render(request, 'home.html', {
'new_item_text': request.POST.get('item_text', ''),
})

单元测试通过

看看功能测试结果:

AssertionError: False is not true : New to-do item did not appear in table 

错误信息没有多大帮助,使用另一种功能测试的调试技术:改进错误信息。

#  functional_tests.py

        self.assertTrue(
any(row.text == '1: Buy peacock feathers' for row in rows), #
"New to-do item did not appear in table -- its text was:\n%s" % (
table.text,
)

改进后,测试给出了更有用的错误信息

AssertionError: False is not true : New to-do item did not appear in table -- its text was:
Buy peacock feather

怎么改效果更好,让断言不那么灵巧。把六行assertTrue换成一行assertIn:

        # self.assertTrue(
# any(row.text == '1: Buy peacock feathers' for row in rows), # 5
# "New to-do item did not appear in table -- its text was:\n%s" % (
# table.text,
# )
# )
self.assertIn('1: Buy peacock feathers', [row.text for row in rows])

修改后得到以下错误信息:(错误的意思是功能测试在枚举列表中的项目时希望第一个项目以“1:开头”。)

    self.assertIn("1:Buy peacock feathers", [row.text for row in rows])
AssertionError: '1:Buy peacock feathers' not found in ['Buy peacock feather']

让测试通过最快的方法是修改模板

            <tr><td>1:{{ new_item_text}}</td></tr>

现在功能测试能执行到self.fail。

如果扩充功能测试,检查表格中添加的第二个待办事项(复制粘贴),我们会发现刚才使用的简单处理方法不奏效了。

        # 页面再次更新,清单中显示了这两个待办事项
inputbox.send_keys(Keys.ENTER)
time.sleep(1) table = self.browser.find_element_by_id('id_list_table')
rows = table.find_elements_by_tag_name('tr')
self.assertIn('1: Buy peacock feathers', [row.text for row in rows])
self.assertIn('2: Use peacock feathers to make a fly', [row.text for row in rows]) self.fail("完成测试")
# self.assertIn('Django', self.browser.title)

这个功能测试会返回一个错误

AssertionError: '2: Use peacock feathers to make a fly' not found in ['1: Buy peacock feathers']

代码提交:

$ git diff
# should show changes to functional_tests.py, home.html, tests.py and views.py
$ git commit -am “添加两个待办事项清单”

然后重构功能测试。使用辅助方法(放在tearDown和第一个测试之间),记住名字以test_开头的方法才会作为测试运行,可以根据需求使用其他方法,下面在功能测试中使用辅助方法

from selenium import webdriver
from selenium.webdriver.common.keys import Keys #
import time
import unittest class NewVisitorTest(unittest.TestCase):
def setUp(self): #
self.browser = webdriver.Firefox()
self.browser.implicitly_wait(3) def tearDown(self): #
self.browser.quit() def check_for_row_in_list_table(self, row_text):
table = self.browser.find_element_by_id('id_list_table')
rows = table.find_elements_by_tag_name('tr')
self.assertIn(row_text, [row.text for row in rows])
# 伊迪丝听说了一个很酷的在线待办事项应用程序。她去看看它的主页
# Edith has heard about a cool new online to-do app. She goes to check out its homepage
def test_start_a_list_and_retrieve_it_later(self):
self.browser.get('http://localhost:8000') # 她注意到网页的标题和头部都包含“Django”.She notices the page title and header mention to-do lists
self.assertIn('To-Do', self.browser.title)
header_text = self.browser.find_element_by_tag_name('h1').text #
self.assertIn('To-Do', header_text) # 应用邀请她输入一个待办事项 She is invited to enter a to-do item straight away
inputbox = self.browser.find_element_by_id('id_new_item')
self.assertEqual(
inputbox.get_attribute('placeholder'),
'Enter a to-do item'
) # 她在一个文本框中输入了“buy peacock feathers(购买孔雀羽毛)”,她的爱好时用假蝇做鱼饵钓鱼
inputbox.send_keys('Buy peacock feathers') # 页面再次更新,清单中显示了这两个待办事项
inputbox.send_keys(Keys.ENTER)
time.sleep(1)
self.check_for_row_in_list_table('1: Buy peacock feathers') # 页面中又显示了一个文本框,可以输入其他的待办事项
inputbox = self.browser.find_element_by_id('id_new_item')
inputbox.send_keys('Use peacock feathers to make a fly')
inputbox.send_keys(Keys.ENTER)
time.sleep(1) # 页面再次更新,她的清单中显示了这两个待办事项
self.check_for_row_in_list_table('1: Buy peacock feathers')
self.check_for_row_in_list_table('2: Use peacock feathers to make a fly') self.fail("完成测试")
# self.assertIn('Django', self.browser.title)

再次运行功能测试,看重构前后的表现是否一致:

AssertionError: '1: Buy peacock feathers' not found in ['1: Use peacock feathers to make a fly']