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

开始Flask项目

时间:2017-11-03 16:14:45      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:就会   文件   https   min   jin   code   world   bug   form   

  1. 新建Flask项目。
  2. 设置调试模式。
  3. 理解Flask项目主程序。
  4. 使用装饰器,设置路径与函数之间的关系。
  5. 使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。
  6. 用视图函数反转得到URL,url_for(‘login’),完成导航里的链接。

 

 

rom flask import Flask,render_template

app = Flask(__name__)#初始化一个Flask对象,需要传递一个参数__name__

#@app.route(‘/‘)      #这是一个装饰器,在函数上面,其作用是做一个URL与视图函数的映射,
                      #http://127.0.0.1:5000/ 去执行hello world()这个函数
#def hello_world():
    #return ‘Hello World!‘

@app.route(‘/‘)
def index():
    return render_template(‘1101.html‘)

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

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

if __name__==‘__main__‘:#当前这个文件作为主程序运行,就会执行这段,作为模板
    app.run(debug=True)            #启动一个web服务器,来监听并接受用户的请求
技术分享
技术分享
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的页面</title>
    <link rel="stylesheet" type="text/css" href="../static/css/1101.css">
    <script src="../static/js/1101.js"></script>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- 可选的Bootstrap主题文件(一般不使用) -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body class="beijing" id="myBody">

<nav class="navbar navbar-default " role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a href="1101.html" class="navbar-brand" >我的页面</a>
            <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">提交</button>
    </form>
        </div><img id="myOnOff" onclick="mySwitch()" src="http://www.runoob.com/images/pic_bulbon.gif" width="40px">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="{{ url_for(‘register‘)}}"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
            <li><a href="{{ url_for(‘login‘)}}"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>


 </ul>
    </div>
</nav>

 

开始Flask项目

标签:就会   文件   https   min   jin   code   world   bug   form   

原文地址:http://www.cnblogs.com/Betty18/p/7778539.html

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