码迷,mamicode.com
首页 > 其他好文 > 详细

开始Flask项目

时间:2017-11-03 20:33:24      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:head   line   com   styles   视图   mod   函数   fun   turn   

  1. 新建Flask项目。
  2. 设置调试模式。
  3. 理解Flask项目主程序。
  4. 使用装饰器,设置路径与函数之间的关系。
  5. 使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。
  6. 用视图函数反转得到URL,{{url_for(‘login’)}},完成导航条里的链接。
    from flask import Flask,render_template
    
    app = Flask(__name__)
    
    
    @app.route(/)
    def daohang():
        return render_template(navigation.html)
    @app.route(/login/)
    def index():
        return render_template(login.html)
    @app.route(/zhuce/)
    def zhuce():
        return render_template(register.html)
    if __name__ == __main__:
        app.run(debug=True)

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>youku</title>
    <base href="http://i1.sinaimg.cn/dy/weather/main/index14/007/icons_32_yl/"target="_blank">
    <link rel="stylesheet" type="text/css" href="T5.css">
    <style type="text/css">
    h1{
    color:yellow
    }
    p{
    color:red;font-size: 20px;
    }
    .textblue{
    color:yellow;
    text-decoration: underline;
    }

    c{
    color:yellow;
    }
    </style>

    </head>

    <nav>
    <ul><img src="w_02_08_00.png">
    <a href="http://www.youku.com//">首页</a>
    <a href="">下载</a>
    <a href="">登录</a>
    <a href="">注册</a>
    <input type="text" name="search">
    <button type="submit">搜索</button>

    </ul>
    </nav>
    <title>model</title>
    <script>
    function mySwitch(){
    var oBody = document.getElementById("myBody");
    var oOnOff = document.getElementById("myOnOff");
    if(oOnOff.src.match("t017093260071a8a9a3")){
    oOnOff.src="http://img.orz520.com/t014babd2bef733fe05.gif";
    oBody.style.background="gray";
    oBody.style.color="pink";
    }else{
    oOnOff.src="http://p3.so.qhimgs1.com/t017093260071a8a9a3.gif";
    oBody.style.background="pink";
    oBody.style.color="gray";
    }

    }
    </script>
    </head>
    <body id="myBody">

    <img id="myOnOff" onclick="mySwitch()" src="http://p3.so.qhimgs1.com/t017093260071a8a9a3.gif" width="40px">
    <script>
    document.write(Date())
    </script>
    </body>
    </html>

     

开始Flask项目

标签:head   line   com   styles   视图   mod   函数   fun   turn   

原文地址:http://www.cnblogs.com/lishanting/p/7779426.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!