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

开始Flask项目

时间:2017-11-04 00:11:03      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:onclick   meta   ntb   .com   script   images   href   技术   路径   

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 index():
    return render_template("index.html")

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

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

if __name__ == ‘__main__‘:
    app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎登陆</title>
    <base href="http:www.gzcc.cn/"target="_blank">
    <script>
        function mySwitch(){
            var uBody=document.getElementById("myBody");
            var Onoff=document.getElementById("myOnOff");
            if(Onoff.src.match("bulbon")){
                Onoff.src="https://www.runoob.com/images/pic_bulboff.gif";
                uBody.style.background="black";
                uBody.style.color="white";
            }else{
                Onoff.src="https://www.runoob.com/images/pic_bulbon.gif";
                uBody.style.background="white";
                uBody.style.color="black";
            }
        }
    </script>
</head>
<body id="myBody">

<nav>
    <img src="http://gifxiu8.cqyzwxm.com:8088/upload/20150910/204849_1093.jpg" height="100px" width="450px"><br>
    <a href="{{ url_for("index") }}">首页</a>
    <a href="">新闻</a>
    <input type="text"name="search">
    <button type="submit">搜索</button>
    <a href="{{ url_for("login") }}">登陆</a>
    <a href="{{ url_for("register") }}">注册</a>
    <a href="">退出</a>
    <img id="myOnOff" onclick="mySwitch()" src="https://www.runoob.com/images/pic_bulbon.gif"height="20px" width="30px">
</nav>

技术分享

技术分享

 

开始Flask项目

标签:onclick   meta   ntb   .com   script   images   href   技术   路径   

原文地址:http://www.cnblogs.com/JaTae/p/7780631.html

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