javascript - 我可以将 javascript 与 bottle(框架)一起使用吗？

Question

我正在尝试使用 bottle(python 网络框架)显示 html 页面。该页面嵌入了 javascript，但当我用 Bottle 提供它时它不会显示。

我使用的 JS 是 EditArea ，我可以按照自己的意愿清理它，并将其放入一个 html 页面，当我在 chrome 中打开该页面时，它可以正确显示。但是当我使用 Bottle 时:

@route('/edit')
def edit():
    return template('editarea')


@route('/edit_area')
def edit_area():
    send_file('example1.html', root='path/to/file/')

然后转到 http://localhost:8080/edit或/edit_area，我看到的页面没有任何精美的 javascript 功能。

最后我想把它连接起来(EditArea 是文本区域，我将使用它来接受代码，希望我能够运行它......但这是一个单独的问题......)，但现在它应该做的就是显示页面和 javascript。 JS尽可能简单地放在html中。这两个 block 使用不同的文件，但它们只是同一个 html 文件的副本，一个扩展名为 .html，另一个扩展名为 .tpl。

<title>EditArea - the code editor in a textarea</title> 
    <script language="Javascript" type="text/javascript"     src="../edit_area/edit_area_full.js"></script> 
    <script language="Javascript" type="text/javascript"> 
        // initialisation
        editAreaLoader.init({

...然后就是所有的 JS 代码(不是我写的)。

在启动服务器的文件中，我导入了:route、run、debug、template、request、send_file 和 error from bottle；和sqlite3；但仅此而已。还有其他我应该包括的东西吗？

我查看了 bottle 文档和其他几个地方，要么是非常明显的东西，没有人愿意写下来，要么是人们根本不做的事情......

我在看睡衣(它不断提出涉及“python”和“javascript”的不同搜索查询组合)，但它看起来只是将 python 转换为 javascript。我不认为那是我想要的 b/c javascript 已经是 javascript...

感谢您提供任何见解。

Answer 1

您需要创建一个 View 来提供静态文件，如 Bottle documentation 中所述.

我建议您将所有静态文件(css、js、图像)放在应用程序旁边的 static 文件夹中。提供静态文件的 View 将如下所示:

from bottle import static_file    

@route('/static/:filename:')
def send_static(filename):
    return static_file(filename, root='./static/')

然后您将像这样包含您的 .js 文件(当然使用您选择的路径):

<script type="text/javascript" src="/static/edit_area/edit_area.js"></script>