博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6912 次
发布时间:2019-06-27

本文共 1747 字,大约阅读时间需要 5 分钟。

  1. 用url_for加载静态文件
    1. <script src="{
      { url_for('static',filename='js/login.js') }}"></script>
    2. flask 从static文件夹开始寻找
    3. 可用于加载css, js, image文件
  2. 继承和扩展
    1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
    2. 子模板继承父模板
      1.   {% extends 'base.html’ %}
    3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
      1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
      2. {% block head %}{% endblock %}
      3. {% block main %}{% endblock %}
    4. 子模板中写代码实现自己的需求。block
      1.   {% block title %}登录{% endblock %}
  3. 首页、登录页、注册页都按上述步骤改写。

py:

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def daohang():    return render_template('daohang.html')@app.route('/login/')def login():    return render_template('1031.html')@app.route('/regist/')def regist():    return render_template('regist.html')if __name__ == '__main__':    app.run(debug=True)

首页:

    
{% block title %}{% endblock %}首页
{% block head %}{% endblock %}
{% block main %}{% endblock %}

登录:

{% extends'daohang.html' %}{% block title %}登录{% endblock %}{% block head %}    
'{% endblock %}{% block main %}

登录

{% endblock %}

 

 注册:

{% extends'daohang.html' %}{% block title %}注册{% endblock %}{% block head %}    
{% endblock %}{% block main %}

注册

{% endblock %}

 

转载于:https://www.cnblogs.com/chenhuafei/p/7781054.html

你可能感兴趣的文章
Python利用带权重随机数解决抽奖和游戏爆装备问题
查看>>
Zabbix 源码编译安装
查看>>
Kickstart无人值守安装[转载]
查看>>
消息队列一:为什么需要消息队列(MQ)?
查看>>
最基本springMVC,响应页面请求
查看>>
Sencha-概念-Environment Detection(环境检测)(官网文档翻译12)
查看>>
jsp学习-分页功能的实现
查看>>
第三章 熟悉常用的HDFS操作
查看>>
23种C++设计模式:Factory 模式
查看>>
Tomcat在webapps下部署多个项目
查看>>
截取字符串一之substr
查看>>
hibernate.cfg.xml配置文件对关联关系的书写技巧!
查看>>
【ORACLE】使用中注意事项(二)
查看>>
复选框单选框与文字对齐问题的研究与解决
查看>>
linux 常用命令-配置登陆方式
查看>>
[Android Pro] Android 手机root 并 安装 BusyBox pro 和 Android Terminal Emulator
查看>>
[Android Pro] 查看 keystore文件的签名信息 和 检查apk文件中的签名信息
查看>>
业务数据模型短暂思考整理
查看>>
教你构建iSCSI服务器实现SAN存储模型
查看>>
python 脚本学习(二)
查看>>