html(css、js、html、web)文件引用路径写法【flask】

此文转载自:https://blog.csdn.net/weixin_44041700/article/details/111240306#commentBox
Flask学习过程中,小编认为路径很重要,
前端怎么拿取服务器资源,(如:static路径)
后台怎么部署前端,(如:templates路径)
前端如何给后端发送请求,(如:ajax请求路径)
后端又如何回复请求(如:回复路由,往往回复一个json对象)

1、引入本地静态css,js文件:

比如文件路径:static/css/pintuer.css,路径如下:

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

2、引用网上css、js文件 如cdn加速资源

常规路径

<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/lightbox/2.6/css/lightbox.css">

3、templates模板互相跳转

3.1路由在app中

模板中只认可静态文件路径,还有路由,下面将通过路由的方法指向另一个模板

#H5 A.html下:
<a href="{{url_for('page')}}"></a>
#后台:
app.route(/page)
def page():
	return template_render('B.html') #指向templates中的B.html
3.1路由在蓝图ad中

不需要考虑蓝图内配置的前缀

#H5 A.html下:
<a href="{{url_for('ad.page')}}"></a>
#后台:
ad.route(/page)
def page():
	return template_render('C.html') #指向templates中的B.html

4、内嵌的js代码中对templates模板的引用

路径:实际的路由
以js文件中配置templates/404.html为例,

//js
		{
			"title" : "css",
			"icon" : "&#xe609;",
			"href" : "/found404",
			"spread" : false
		},
//路由	
@ad.route('/found404')
def found404():
    return render_template("404.html")

5、js文件中对templates模板的引用

参照4

6、js文件中对其他内嵌js文件的引用

以layui内置为例,在index.js 引入 bodyTab.js
bodyTab.js 项目路径:/static/js/bodyTab.js

//index.js
layui.config({
	base : "/static/js/"
})

多次调试教训:

会配路径,更要会调试

如果在调试中开启了session,那么重启,浏览器的cookie仍然存留,
新的路径不被采用,直接从缓存中取,建议每次调试Ctrl + F5,清除缓存,
可以看到服务器处理了一个页面的全部请求。

   

更多内容详见微信公众号:Python测试和开发

Python测试和开发

原文地址:https://www.cnblogs.com/phyger/p/14202489.html