Importare file javascript con jinja dalla cartella statica

Question

Ho bisogno di avere accesso al modello jinja in file javascript (a causa di tag i18n). Quindi il modo in cui ho trovato è caricare il file js con include, dal metodo jinja. {% include "file.js" %}

Tuttavia, questo metodo cercherà i file solo nella cartella dei modelli. Ma i file js devono essere nella cartella statica. La mia domanda è, come posso cambiare il modo in cui jinja cerca i file? Invece di cercare nella cartella dei modelli, in questo caso, cerca nella cartella statica.

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

Answer 1

Se è necessario trattare un file come modello, non è statico. Mettilo nella cartella dei modelli e rendilo. Se il file è non dinamico, allora è statico. Mettilo nella cartella statica e collegalo ad esso. Non è necessario che un determinato tipo di file sia un modello o un file statico. Scegli quello che è necessario.

D'altra parte, è probabilmente meglio mantenere JS statico e passare argomenti ad esso, piuttosto che generare codice diverso in base a input diversi.

Answer 2

Data una struttura di directory di esempio che assomiglia a questo

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

È possibile impostare il pallone static_url_path quando si crea l'oggetto applicazione

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

e poi in test_page.html si può avere qualcosa che assomiglia questo

<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

È possibile creare mangiato e registra una funzione globale che solo facendo:

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() 

E poi è possibile includere in questo modo (il -filter safe impedisce citazioni iniziano sfuggito):

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