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.首页、登录页、注册页都按上述步骤改写。

base.py

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

 

index.html

    
              
          
          {
     % block head %}{
     % endblock %}
      
    
       
        
        
            
         首页        
        
        
        
            
         
                
          
登录
                
          
注册
                
          
                     更多                      
           
 
            
收藏
 
            
分享
 
            
搜索
 
            
 
            
点赞
 
           
                
                
          
||
            
         
        
        
        
        
            
                 
        
        
        
            
                     
                 
        
    
       
      
{
     % block main %}{% endblock %}

login.html

{% extends 'index.html' %}{
     % block title %}登录{% endblock %}{
     % block head %}    
          {
     % endblock %}{
     % block main %}
      
    
       
        
        
登录
        
        
            
                 
        
        
        
            
                 
        
        
        
         
        
        
        
            
         登录            
         取消        
        
   
       
{
     % endblock %}
      

regist.html

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

运行结果如图：