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. 首页、登录页、注册页都按上述步骤改写。
       
                  
              
              
          
       
           
           
            
               
             首页        
            
           
            
               
             
                   
              
   登录
                   
              
   注册
                   
              
                        更多                      
               
    
                
   收藏
    
                
   分享
    
                
   搜索
    
                
    
                
   点赞
    
               
                   
               
             
           
            
           
            
               
                     
            
           
            
               
                         
                     
            
       
           
          
   function mySwitch() {    var oBody = document.getElementById("mybody");    var oOnoff = document.getElementById("myonoff");    if (oOnoff.src.match("t01ebad6510c93738fc")) {        oOnoff.src = "https://ps.ssl.qhimg.com/sdmt/119_135_100/t01ebad6510c93738fc.gif";        oBody.style.background = "black";        oBody.style.color = "yellow"    } else {        oOnoff.src = "https://ps.ssl.qhimg.com/sdmt/119_135_100/t01ebad6510c93738fc.gif";        oBody.style.background = "white";        oBody.style.color = "black"    }}img {    width: 200px;}#container {    background: lightsteelblue;}div.sa {    border-style: solid;    border-width: 5px;    border-color: gold;    width: 400px;    float: left;    margin: 5px;}div.sa img {    width: 80%;    heigh: aute;}div.st {    text-align: center;    padding: 2px;}div.sa:hover {    border-style: solid;    border-width: 5px;    border-color: green;}
   from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def base():    return render_template('base.html')@app.route('/index/')def index():    return render_template('index.html')@app.route('/login/')def login():    return render_template('login.html')@app.route('/zhuce/')def zhuce():    return render_template('zhuce.html')if __name__ == '__main__':    app.run(debug=True）