Flask:如何使用乱序的网页模板

在这里插入图片描述
之前在网上花8元大洋买了个网页的模板但是在这个网站大哥模板里面有个很离谱的事情,就是要在我的Flask框架中运行的话,就需要保证css、js、static什么的分开,但是我这个模板引用的很奇怪----js文件不止在js文件夹下面,有时候也会出现在fonts中,是乱序的。同时,Flask要求把模板放在template文件底下,但我html模板中已经把东西编辑好了,所有地址和元素的引用都定好了,所以我进行了一下几个操作:

1.修改template模板的位置

设置好之后就不需要再把那个东西放在template文件夹中了,直接放在项目的根目录就可以了

app=Flask(__name__,template_folder='')
#主要看上面这个template_folder的设置

2.直接把html文件什么的放在flask中render.template()里面运行

会有很多很多的报错
把所有的报错按住鼠标中键,截取后面的一部分下来,放到事先新建好的txt中
在这里插入图片描述

3.制作spacejump.py

在这里插入图片描述

如果我们通过手工操作把每个文件都换个位置,那样的话十分的麻烦,既然人可以做机器肯定可以做,所以通过代码可以实现直接文件位置跳转,具体代码如下:

# coding=utf-8
# import os
from shutil import copy
source='H:/tsts/kexin/gatjkm/bootstrapUI'
target=source+'/static'
with open('123.txt') as f:
    a = f.readlines()
    for i in range(len(a)):
        a[i]=a[i].split(' ')
for address in a:
    if address[0].split('.')[-1] in ['jpg','jpeg','png']:
        copy(source + address[0], target + '/'+'img')
    copy(source+address[0],target+'/'+address[0].split('.')[-1])
print(0)

自动将文件分类好,复制后发送到应该去的地方,减少了工作量,同时又能保证一些你可能不需要的包不送出去。最后可以达到这样的效果:
在这里插入图片描述

4.最后在你需要用的html里面修改js、css的位置

所有文件的位置都是比较单一的,只需在你的模板里面引用的地方,做一下以下修改:

js--->/static/js开头
css-->/static/css开头

格式化代码让代码变得漂亮平整后,用鼠标中键就可以快速完成。

5.小结

不仅能够保证你买的东西不浪费,还节省了时间,可以把时间花在你想做的有意义的事情上。
前几天听说Giao哥被封杀了,有点离谱。韩信带净化!

Enjoy your coding!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值