新建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项目的更多相关文章

  1. flask 项目的开发经验总结

    已经开发了几个flask项目, 是时候总结一下了, 这里涉及到项目源码的组织, 常用的包, 源码示例. =========================需要的 python 包有:========= ...

  2. Python框架 Flask 项目实战教程

    本文目的是为了完成一个项目用到的flask基本知识,例子会逐渐加深.最好对着源码,一步一步走.下载源码,运行pip install -r requirements.txt 建立环境python db_ ...

  3. 通过VM虚拟机安装Ubuntu server部署flask项目

    1. VM安装Ubuntu server 14.04,系统安装完成后,首先安装pip工具方便之后的包安装,此处需先使用 apt-get install update,apt-get install u ...

  4. flask项目开发中，遇到http 413错误

    在flask项目中,上传文件时后台报http 413 Request Entity Too Large 请求体太大错误! 解决的2种方法: 1.在flask配置中设置 MAX_CONTENT_LENG ...

  5. flask项目部署到阿里云 ubuntu16.04

    title: flask项目部署到阿里云 ubuntu16.04 date: 2018.3.6 项目地址: 我的博客 部署思路参考: Flask Web开发>的个人部署版本,包含学习笔记. 开始 ...

  6. 部署Flask项目到腾讯云服务器CentOS7

    部署Flask项目到腾讯云服务器CentOS7 安装git yum install git 安装依赖包 支持SSL传输协议 解压功能 C语言解析XML文档的 安装gdbm数据库 实现自动补全功能 sq ...

  7. pycharm创建Flask项目,jinja自动补全,flask智能提示

    pycharm创建Flask项目,jinja自动补全,flask智能提示 之前一直都是用在idea里创建空项目然后导入,之后就没有各种的智能提示,在选择文类,选择模板之类的地方就会很麻烦. 步骤1:用 ...

  8. flask 项目基本框架的搭建

    综合案例:学生成绩管理项目搭建 一 新建项目目录students,并创建虚拟环境 mkvirtualenv students 二 安装开发中使用的依赖模块 pip install flask==0.1 ...

  9. windows环境隐藏命令行窗口运行Flask项目

    Linux下可以使用nohub来使Flask项目在后台运行,而windows环境下没有nohub命令,如何让Flask项目在windows中在后台运行而不显示命令行窗口呢? 1.写一个.bat脚本来启 ...

  10. nginx + gunicorn + flask项目发布

    程序安装(linux mint) gunicorn安装:pip install gunicorn nginx安装:sudo apt-get install nginx 配置 nginx默认配置信息在/ ...

随机推荐

  1. Spring Boot 全局异常捕获

    import javax.servlet.http.HttpServletRequest; import org.springframework.web.bind.annotation.Control ...

  2. Oarcle 入门之 order by 关键字

    order by 关键字 作用:用于对查询结果进行排序 select * from emp where deptno = 20 order by sal asc /desc; 如何排序之升降问题 *用 ...

  3. np.meshgrid(）用法+ np.stack()用法

    A,B,C,D,E,F是6个网格点,坐标如图,如何用矩阵形式(坐标矩阵)来批量描述这些点的坐标呢?答案如下 这就是坐标矩阵——横坐标矩阵X XX中的每个元素,与纵坐标矩阵Y YY中对应位置元素,共同构 ...

  4. Centos7 升级 Ruby

    Centos7通过yum 安装的Ruby 是2.0版本.版本较低,需要升级到2.5以上版本. #yum 安装ruby yum install ruby #查看ruby版本 ruby -v 以下开始升级 ...

  5. 数据库分区分表（sql、mysql）

    http://blog.csdn.net/lgb934/article/details/8662956 http://www.2cto.com/database/201503/380348.html ...

  6. devm_kzalloc【转】

    本文转载自:https://blog.csdn.net/liuhuahan/article/details/42145507 看内核代码的时候看到这个函数不理解它的具体作用然后就上网上查,但是网上只查 ...

  7. $O(n+log(mod))$求乘法逆元的方法

    题目 LOJ #152. 乘法逆元 2 题解 一个奇技淫巧qwq.可以离线求乘法逆元,效率\(O(n+log(mod))\). 考虑处理出\(s_n\)表示\(\prod_{i=1}^na_i\).以 ...

  8. HDU 6088 Rikka with Rock-paper-scissors（NTT+欧拉函数）

    题意 \(n\) 局石头剪刀布,设每局的贡献为赢的次数与输的次数之 \(\gcd\) ,求期望贡献乘以 \(3^{2n}\) ,定义若 \(xy=0\) 则,\(\gcd(x,y)=x+y\) 思路 ...

  9. DDD 之 Multiple Canonical Models

    MultipleCanonicalModels Scratch any large enterprise and you'll usually find some kind of group focu ...

  10. Qt信号和槽机制

    概述 信号和槽机制是QT的核心机制,要精通QT编程就必须对信号和槽有所了解.信号和槽是一种高级接口,应用于对象之间的通信,他是QT的核心特性,也是QT差别于其他工具包的重要地方.信号和槽是QT自行定义 ...