首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >我的创作纪念日

我的创作纪念日

作者头像
来杯Sherry
发布2023-05-25 15:08:56
1890
发布2023-05-25 15:08:56
举报
文章被收录于专栏:第一专栏第一专栏

机缘

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

收获

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

日常

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

成就

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

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.2路由在蓝图ad中

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

#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为例,

//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/"
})

憧憬

读研期间继续保持创作​

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-05-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 机缘
  • 收获
  • 日常
  • 成就
    • 1、引入本地静态css,js文件:
      • 2、引用网上css、js文件 如cdn加速资源
        • 3、templates模板互相跳转
          • 4、内嵌的js代码中对templates模板的引用
            • 6、js文件中对其他内嵌js文件的引用
            • 憧憬
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档