0
830
ViewsAplicación Flask: cómo vincular un archivo javascript al sitio web
Tengo algunos problemas para comenzar a usar archivos javascript en mi sitio web (una aplicación Flask). Comienzo el sitio web ejecutando run.py que se ve así:
#!flask/bin/python from app import app app.run(debug=True)En mi página html tengo el siguiente código que da un error 404:
Mensaje de error:
Mi estructura de archivos se ve así:
¿Alguna pista de dónde me estoy equivocando?
3 answers
Answer question0
Ah, sí, afortunadamente estoy desarrollando una aplicación de matraz en este momento.
Actualmente te falta la carpeta estática que, por defecto, busca el matraz, una estructura de carpetas como esta:
|FlaskApp ----|FlaskApp --------|templates - html files are here --------|static - css and javascript files are hereDos carpetas predeterminadas importantes que Flask buscará en templates y static . Una vez que haya ordenado eso, use esto para vincular sus archivos javascript desde su página html:
<script src="{{url_for('static', filename='somejavascriptfile.js')}}"></script>Espero que ayude a cualquier pregunta solo pregunte.
Además: un buen artículo para leer, pero no muy relacionado, pero que habla sobre la estructura de carpetas de Flask es este: https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-application-on -un-ubuntu-vps
0
Entonces, su index.html está en app/templates/index.html y su jQuery está en app/javascript/jQuery.js , ¿verdad?
Creo que tu camino está equivocado. Prueba esto:
<script src="../javascript/jquery.js"></script>0
Esto es lo que me ayudó a eliminar la parte jquery de mi proyecto Flask
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script>Esto se tomó directamente de la plantilla básica que se encuentra en http://getbootstrap.com/getting-started/