我的创作纪念日

机缘

1. 实战项目中的经验分享
2. 记录大二至大四专业课学习过程
3. 通过文章进行技术交流
4. 打造属于自己的一张名片

---

收获

1. 专业课问题答疑解惑
2. 项目问题指导和答疑
3. 带来更多的认知冲击

---

日常

1. 创作已经是我生活的一部分了
2. 有限的精力下，以学习主要，利用空闲进行创作。

---

成就

我认为过去写得最好的一段代码，就是 Flask 静态资源路径的摸索：

1、引入本地静态css，js文件：

比如文件路径：static/css/pintuer.css，路径如下：

代码语言：javascript复制

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

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

常规路径

代码语言：javascript复制

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

3、templates模板互相跳转

3.1路由在app中

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

代码语言：javascript复制

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

3.2路由在蓝图ad中

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

代码语言：javascript复制

#H5 A.html下：
<a href="{{url_for('ad.page')}}"></a>
#等效写法（补充，前者相对路径，后者绝对路径）：
<a href="page"></a>
<a href="/admin/page"></a>
#后台：
ad.route(/page)
def page():
	return template_render('C.html') #指向templates中的C.html

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

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

代码语言：javascript复制

//js
		{
			"title" : "css",
			"icon" : "",
			"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

代码语言：javascript复制

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

---

憧憬

读研期间继续保持创作​

css html 后台 路由 配置

0 人点赞