带Javascript的flaskhtml模板_Javascript_Html_Python 2.7_Flask

带Javascript的flaskhtml模板

javascript html python-2.7 flask

带Javascript的flaskhtml模板,javascript,html,python-2.7,flask,Javascript,Html,Python 2.7,Flask,我正在学习flask，并试图构建一个页面，在表格中显示财富500强公司的数据我已经正确地显示了它，现在正试图能够按任何列对表进行排序。看起来我需要一些存储在静态目录中的Javascript，但我不太清楚如何将Javascript引入问题: 我有正确的框架吗？如何正确利用javascript？我曾读到，我应该在base.html中的头部添加任何脚本标记，有没有一次我不会这样做？什么问题不是我应该问的？下面是我的文件结构 -app --static *sorttable.js

我正在学习flask，并试图构建一个页面，在表格中显示财富500强公司的数据

我已经正确地显示了它，现在正试图能够按任何列对表进行排序。看起来我需要一些存储在静态目录中的Javascript，但我不太清楚如何将Javascript引入

问题:

我有正确的框架吗？如何正确利用javascript？我曾读到，我应该在base.html中的头部添加任何脚本标记，有没有一次我不会这样做？什么问题不是我应该问的？下面是我的文件结构

-app
 --static
   *sorttable.js
 --templates
   *base.html
   *companies.html
 --run.py
 --views.py
 --companies.csv

下面是base.html

<html>
  <head>
   <script> src="{{ url_for('static', filename='sorttable.js', type='text/javascript') }}"</script>
    {% if title %}
    <title>{{ title }} - microblog</title>
    {% else %}
    <title>Welcome to microblog</title>
    {% endif %}
  </head>
  <body>
    <div>Microblog: <a href="/index">Home</a></div>
    <div>Login: <a href="/login">Here</a></div>
    <hr />
    {% block content %}{% endblock %}
  </body>
</html>

我找到了如何让列表排序的答案

我将base.html中的行从：

<script> src="{{ url_for('static', filename='sorttable.js', type='text/javascript') }}"</script>

到

这似乎奏效了

我很想从其他人那里得到关于如何改进的反馈，一般来说，你的脚本标签不正确。您需要首先包含其属性，而不是在脚本之后立即关闭标记

<script src="{{ url_for('static', filename='sorttable.js') }}"></script>

如果您使用的是HTML5，则type=text/javascript是可选的，否则应包括在内

<script> src="{{ url_for('static', filename='sorttable.js', type='text/javascript') }}"</script>

<script src="{{ config.STATIC_URL }}/static/sorttable.js"></script>

<script src="{{ url_for('static', filename='sorttable.js') }}"></script>