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

开始Flask项目

时间:2017-11-03 23:52:25      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:deb   技术   9.png   函数   foo   inpu   主程序   rom   utf-8   

新建Flask项目。

设置调试模式。

理解Flask项目主程序。

使用装饰器,设置路径与函数之间的关系。

使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。

用视图函数反转得到URL,{{url_for(‘login’)}},完成导航条里的链接。

from flask import Flask,render_template

app = Flask(__name__)


@app.route(/)
def base():
    return render_template("base.html")

@app.route("/login")
def sign_in():
    return render_template("sign_in.html")

@app.route("/regiter")
def sign_up():
    return render_template("sign_up.html")


if __name__ == __main__:
    app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../static/base.css" rel="stylesheet" type="text/css">
    <script src="../static/base.js"></script>

</head>
<body class="bodycolor" id="myBody">
<div class="daohanglang" id="daohanglang">
    <nav>
                <img class="turn_on_off" id="on_off" onclick="mySwitch()" src="../static/image/on.jpg" width="40px">
                <a class="daohang"  href="http://127.0.0.1:5000/">首页</a>
                <a class="daohang"  href="">卢浮宫</a>
                <a class="daohang"  href="">塞纳河</a>
                <a class="daohang"  href="">埃菲尔铁塔</a>
                <a class="daohang"  href="">香榭丽大道</a>
                <a class="daohang"  href="">巴黎圣母院</a>
                <input class="sousuo" id="sousuo" type="text" placeholder="搜索" >
                <img onclick="chaZhao()" id="chazhao" src="../static/image/on.jpg" width="20px">
                <a class="daohangright" href="http://127.0.0.1:5000/sign_in/" >登录</a>
                <a class="daohangright" href="http://127.0.0.1:5000/sign_up/" >注册</a>

    </nav>

<HR align=center width=100% color=#c0c0c0 SIZE=1>
</div>
<div class="foot-menu" id="dibudaohang">
    <HR align=center width=100% color=#c0c0c0 SIZE=1>
    <nav>
    <a class="daohang"  href="">法国历史</a>
    <a class="daohang"  href="">法国地图</a>
    <a class="daohang"  href="">旅行攻略</a>
        <p>版权@ linxx</p>
    </nav>

</div>

技术分享

 

 

开始Flask项目

标签:deb   技术   9.png   函数   foo   inpu   主程序   rom   utf-8   

原文地址:http://www.cnblogs.com/xxxiaoxiannv/p/7780692.html

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