如何使用Django将我的Sudoku生成器结果渲染到html表?

问题描述 投票:0回答:1

我是Django的新手,目前正在制作一个Sudoku网络应用程序。我写了一个python程序来生成Sudoku游戏,这里是一个结果/矩阵的例子,当我运行代码(Sudoku Generator.py)时。

[[3, 8, 2, 7, 5, 6, 1, 4, 9],[1, 4, 5, 2, 3, 9, 6, 7, 8],[6, 7, 9, 1, 4, 8, 2, 3, 5],[2, 1, 3, 4, 6, 5, 8, 9, 7],[4, 5, 6, 8, 9, 7, 3, 1, 2],[7, 9, 8, 3, 1, 2, 4, 5, 6],[5, 2, 1, 6, 7, 3, 9, 8, 4],[8, 3, 7, 9, 2, 4, 5, 6, 1],[9, 6, 4, 5, 8, 1, 7, 2, 3]] 

我的问题是,如何将所有这些生成的数字渲染到我的html文件中?这是我在模板下创建的html代码:

{% extends 'base.html' %}
{% block sudoku %}

<style>
table { border-collapse: collapse; font-family: Calibri, sans-serif; }
colgroup, tbody { border: solid medium; }
td { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
</style>
        <table>
          <caption>Sudoku of the day</caption>
          <colgroup><col><col><col>
          <colgroup><col><col><col>
          <colgroup><col><col><col>
          <tbody>
           <tr> <td> <td>  <td> <td> <td>  <td> <td> <td>  <td>
           <tr> <td>  <td> <td>  <td>  <td> <td>  <td>  <td> <td>
           <tr> <td> <td>  <td>  <td>  <td>  <td>  <td>  <td>  <td>
          <tbody>
           <tr> <td> <td>  <td> <td>  <td> <td>  <td> <td>  <td>
           <tr> <td>  <td>  <td>  <td>  <td>  <td>  <td>  <td>  <td>
           <tr> <td> <td>  <td>  <td> <td>  <td> <td>  <td>  <td>
          <tbody>
           <tr> <td> <td>  <td>  <td>  <td> <td>  <td>  <td>  <td>
           <tr> <td>  <td>  <td>  <td>  <td> <td>  <td>  <td>  <td>
           <tr> <td> <td>  <td>  <td> <td>  <td> <td>  <td>  <td>
        </table>
{% endblock %}

基本上我想要的是相应地填充每个标签的每个数字;此外,每当点击“下一个游戏”按钮时,董事会将刷新并生成另一组数字以形成新游戏。

附件是到目前为止我的Django工作项目目录的屏幕截图:mysite directory

现在我完全陷入困境,不确定到目前为止我做了什么是正确的,不知道下一步该做什么......任何人都可以帮忙?

javascript python html django sudoku
1个回答
0
投票

假设您使用变量sudoku_numbers来存储您的数字数组,那么在模板中您可以使用以下内容:

<table>
  {% for row in sudoku_numbers %}
    <tr>
      {% for col in row %}
        <td>{{ col }}</td>
      {% endfor %}
    </tr>
  {% endfor %}
</table>
© www.soinside.com 2019 - 2024. All rights reserved.