Question

这是我的情况。我正在尝试制作一个本地Web应用程序来处理我的电影文件，既可以节省时间，又可以作为python学习练习。

这是我的服务器脚本：

from bottle import run, request, post, get, template, error, static_file
from pathlib import Path
import re


# Show a list of files ready to be moved
@get('/move_new_movies')
def move_new_movies():
    return template('move_new_movies')


#  Generate a list of files for move_new_movies page
@post('/generate_movie_list')
def generate_movie_list():
    ... do some stuff ...
    return movie_list


if __name__ == '__main__':
    run(debug=True, reloader=True)

generate_movie_list（）返回

形式的JSON数组

{
    'total_results': ,
    'results': [{'folder': ,
                 'file_name':
                 }]
}

move_new_movies.tpl：

<!DOCTYPE html>
<html>
<head>
    <title>Move New Movies</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('form').submit(function(e) {
                $.ajax({
                    type: 'POST',
                    url: '/generate_movie_list', 
                    data: $(this).serialize(), 
                    success: function(response) {
-----error------->      <%  movie_list = response['results']
                            movie_list_html = include('file_list', list='movie_list')
                            %>
                        $('#movie_list').html(movie_list_html);
                    }
                });
                e.preventDefault();
            });
        });
    </script>
</head>
<body>
    <h3>Enter path to new movies</h3>
    <form action="/move_new_movies" method="POST">
        <input type="text" name="movie_path">
        <input type="submit" name="Submit">
    </form>
    <div id='movie_list'></div>
</body>
</html>

最后是file_list.tpl

<table>
    <tr>
        <th>Folder</th>
        <th>File Name</th>
    </tr>
    % for movie in list:
    <tr>
        <td>{{movie['folder']}}</td>
        <td>{{movie['file_name']}}</td>
    </tr>
    % end
</table>

现在这是我的问题。当我浏览到... / move_new_movies时，出现错误

Traceback (most recent call last):
  ... ... ...
  File "\path\to\move_new_movies.tpl", line 15, in <module>
    <%  movie_list = response['results']
NameError: name 'response' is not defined

最初，generate_movie_list（）将返回template（'file_list'）。 ajax.success（）中没有python，它将仅使用接收到的HTML更新页面。正如预期的那样；我输入了一条路径，单击“提交”，然后将出现所需的表。但是，我认为最好的方法是服务器仅提供JSON数据，然后让客户端将其插入适当的模板文件中。

我之所以这样想是因为，如果清单不是电影，而是电视节目或音乐，该怎么办？我可能想使用其他模板，而又不想为其他媒体制作新的溃败。

我觉得我遇到了这个错误，因为在ajax.success（）可以定义result变量之前就渲染了模板。

关于如何进行这项工作的任何想法？

Answer 1

<% %>语法实际上在瓶子中不起作用。始终使用％和％end封装代码。确保％是该行的第一个非空白字符。

我本人也遇到了这个问题，也从未使用过上面的语法。从那以后就没有问题了。

使用示例更新：

from bottle import run, request, post, get, template, error, static_file
from pathlib import Path
import re


# Show a list of files ready to be moved
@get('/move_new_movies')
def move_new_movies():
    movies = generate_movie_list()
    return template('move_new_movies', movies = movies)


#  Generate a list of files for move_new_movies page
def generate_movie_list():
    ... do some stuff ...
    return movie_list


if __name__ == '__main__':
    run(debug=True, reloader=True)

以及您的模板：

</head>
<body>
    <h3>Enter path to new movies</h3>
    <input type="text" name="movie_path">
<table>
    <tr>
        <th>Folder</th>
        <th>File Name</th>
    </tr>
    % for movie in movies:
    <tr>
        <td>{{movie['folder']}}</td>
        <td>{{movie['file_name']}}</td>
    </tr>
    % end
</table>
</body>
</html>

现在，您需要Javascript在输入字段中单击Enter时才过滤表。但是，您可能会发现只使用datatables.net会更容易，它们可以根据需要过滤。

在AJAX请求中包含一个瓶子模板

1 个答案: