Nhập tệp javascript bằng jinja từ thư mục tĩnh

Question

Tôi cần có quyền truy cập vào mẫu jinja trong tệp javascript (do thẻ i18n). Vì vậy, cách mà tôi tìm thấy chỉ là tải các tập tin js với bao gồm, từ phương pháp jinja. {% include "file.js" %}

Tuy nhiên, phương pháp này sẽ chỉ tìm kiếm tệp trong thư mục mẫu. Nhưng các tệp js phải nằm trong thư mục tĩnh. Câu hỏi của tôi là, làm thế nào tôi có thể thay đổi cách thức jinja tìm kiếm các tập tin? Thay vì tìm kiếm trong thư mục mẫu, trong trường hợp này, tìm kiếm trong thư mục tĩnh.

{% block javascript %} 
    <script type="text/javascript"> 
     {% include "myscript.js" %} 
    </script> 
{% endblock %} 

Answer 1

Nếu bạn cần xử lý tệp dưới dạng mẫu, thì nó không tĩnh. Đặt nó vào thư mục templates và render nó. Nếu tệp là không phải là động, thì tệp đó là tĩnh. Đặt nó vào thư mục tĩnh và liên kết đến nó. Không có yêu cầu rằng một loại tệp nhất định phải là mẫu hoặc tệp tĩnh. Chọn cái nào là cần thiết.

Mặt khác, có lẽ tốt hơn là giữ cho JS tĩnh và chuyển đối số cho nó, thay vì tạo mã khác dựa trên đầu vào khác nhau.

Answer 2

Cho một cấu trúc ví dụ thư mục đó trông như thế này

app/static/css/bootstrap.min.css 
app/static/js/bootstrap.min.js 
app/templates/test_page.html 
app/views 
run_server 

Bạn có thể đặt bình static_url_path khi bạn tạo đối tượng ứng dụng

app = Flask(__name__, static_url_path='/static') 

và sau đó trong test_page.html bạn có thể có cái gì đó trông giống như này

<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet"> 

I'm an html body 

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

Answer 3

Bạn có thể cre ăn và đăng ký một chức năng toàn cầu chỉ làm điều đó:

import os 

app = Flask(__name__.split('.')[0]) 

@app.template_global() 
def static_include(filename): 
    fullpath = os.path.join(app.static_folder, filename) 
    with open(fullpath, 'r') as f: 
     return f.read() 

Và sau đó bạn có thể đưa nó như thế này (các safe -filter ngăn ngừa dấu ngoặc kép bắt đầu thoát):

{% block javascript %} 
    <script type="text/javascript"> 
     {{ static_include("myscript.js") | safe }} 
    </script> 
{% endblock %}