开始Flask项目

新建Flask项目。
设置调试模式。
理解Flask项目主程序。
使用装饰器，设置路径与函数之间的关系。
使用Flask中render_template，用不同的路径，返回首页、登录员、注册页。

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

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return  render_template('sy.html')
@app.route('/login/')
def login():
    return render_template('js23.html')
@app.route('/register')
def register():
    return render_template('zhuce.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">
    <link rel="stylesheet"type="text/css"href="171.css">
    <body bgcolor="#b0e0e6">

    <style type="text/css">
     p{
            color: blueviolet;
        }
        h2{
     background-color: lightseagreen;
        }
       .textyellow{
            color:green;
                   }
        #t{
            color: red;
        }
</style>

</head>
<body >


<nav>
    <img src="http://www.gzcc.cn/2016/images/banner.png"><br>
    <a href="http://127.0.0.1:5000">首页</a>
    <a href="">下载</a>
    <input type="text"name="search">
    <button type="submit">搜索</button>
    <a href="http://127.0.0.1:5000/login">登录</a>
    <a href="http://127.0.0.1:5000/register">注册</a>
    </nav>

 <div>广州商学院即将举办校运会<span style="background-color: pink;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 50px;color: deeppink">放假4天！！！</span></div>

 <p style="color: blue;margin-left: 20px;">This is a paragraph</p>
       <p>This is a paragraph</p>


       <h3 id="2015">2015</h3>
       <script>
           document.write(Date())
    document.getElementById("2015").innerHTML="";
       </script>



<br><br>
<h2 align="center">通知</h2>
           <p id="t">广州商学院即将举办校运会放假4天！！！</p>
           <p >广州商学院即将举办校运会放假4天！！！</p>
<p class="textyellow">广州商学院即将举办校运会放假4天！！！</p>

</body>
</html>

posted on 2017-11-03 20:39 104鲍珊珊阅读(157) 评论(0) 收藏举报

刷新页面返回顶部

0104鲍珊珊

开始Flask项目

导航

公告