IDE用的PyCharm（还是vs强大啊）。

项目结构：

2：页面：
<!doctype html>

<html lang="zh">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>用户登录</title><link rel="shortcut icon" href="{{ url_for('static', filename='images/lock.png')}}"/>

</head>

<body>

<div align="center">

    <div>

        <div>

            <h1>Welcome</h1>

            <form class="form" method="post" action="" onsubmit="return Login();">

                <input type="text" placeholder="Username" name="username" id="username">

                <input type="password" placeholder="Password" name="password" id="password">

                <button type="submit" id="login-button">SubmitLogin</button>

                <button type="button" id="btnlogin">ButtonLogin</button>

                <a href="infor">testhtm</a>

            </form>

        </div>

    </div>

</div>

<script type="text/javascript" src="{{ url_for('static', filename='jquery.min.js') }} "></script>

{#<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>#}

<script type="text/javascript">

    function Login() {

        var login = false;

        var  txtname = $("#username").val();

        var txtpsw = $("#password").val();

        $.ajax({

            {#url:  "/py_login",可以#}

            url:"{{url_for("py_login") }}",{# 可以调到后台，路由名称#}

            {#data: "username=" + txtname + "&password=" + txtpsw,#}

            data:{"username":txtname,"userpswd":txtpsw},

            type: 'GET',

            contentType: 'json',{#'application/x-www-form-urlencoded',#}

            async: false,

            success: function (d) {

                alert("success!"+d)

                var status = d.status;

                if (d != "undefined" && d=="success")

                {

                     window.location.href="infor";{# 这里链接的应该是路由中的名称#}

                }

                else

                {

                    alert("登录失败！")

                }

            }

        });

        return login;

    }

</script>

</body>

</html>

3：后台FlaskWeb.py文件。

from flask import Flask, render_template, redirect, request, url_for , send_file

import pymssql

app = Flask(__name__)

# app.debug = True;

# @app.route('/')

@app.route('/')

def index():

    return render_template('login.html') # send_file('index.html')

@app.route('/py_login',methods=['GET','POST'])

def py_login():

    if request.method == 'GET':

        print(request.form)

        txtname = request.args.get('username')

        txtpswd = request.args.get('userpswd')

        if(txtname=="longdb" and txtpswd==""):

            return "success"  # get可以到这里

            print(url_for('/testhtm'))

            # return redirect(url_for('/testhtm'))

        else:

            return "enterfailed"

@app.route('/infor') #页面链接该路由名称

def f_infor():

    return render_template('infor.html')  # send_file('/templates/testhtm.html') #

# 函数

@app.route('/insertdata',methods=['GET','POST'])

def py_insertdata():

    # noinspection PyBroadException

    try:

        # conn = pymssql.connect(server='longdabing',user='sa',password='sasa',database='longtest')

        conn = pymssql.connect('longdabing', 'sa', 'sasa', 'longtest')

        cursor = conn.cursor()

        txtno = request.args.get('hno')

        txtname = request.args.get('hname')

        txtobject = request.args.get('hobject')

        txtscore = request.args.get('hscore')

        sql = "INSERT dbo.infor( no, name, object, score )VALUES ( '"+txtno+"','"+txtname+"','"+txtobject+"','"+txtscore+"')"

        cursor.execute(sql)

        conn.commit()  # 提交数据到数据库，否则不会插入到数据库中

        conn.close()

        return "insertok"

    except Exception as e:

        conn.rollback()  # 回滚操作

        return "insertfailed"

        raise e

    # finally:

    #   conn.close()

def getdata(sql):

    # conn = pymssql.connect(server='longdabing',user='sa',password='sasa',database='longtest')

    conn = pymssql.connect('longdabing', 'sa', 'sasa', 'longtest')

    cursor = conn.cursor()

    cursor.execute(sql)

    row = cursor.fetchone()

    while row:

      print("ID=%d, No=%s, Name=%s, Object=%s, Score=%s" % (row[0], row[1], row[2], row[3], row[4]))

      row = cursor.fetchone()

    conn.close()

    return

if __name__ == '__main__':

    app.run()

注明：运行FlaskWeb.py文件时，路由longin.html页面，进入该页面后，输录入账号和密码，验证通过的话，则通过window.location.href="infor";{# 这里链接是路由中的名称#} 来跳转页面，最终还是由后台加载页面 infor.html。

本来想在用户和密码验证通过后，用 redirect()方法跳转到 infor.html页面的，但是都失败，所以才用了window.location.href。

求大神指点后台直接跳转的方法。

Python Flask框架之页面跳转的更多相关文章

  1. #3使用html+css+js制作网页 番外篇 使用python flask 框架 (I)

    #3使用html+css+js制作网页 番外篇 使用python flask 框架(I 第一部) 0. 本系列教程 1. 准备 a.python b. flask c. flask 环境安装 d. f ...

  2. Python Flask框架路由简单实现

    Python Flask框架路由的简单实现 也许你听说过Flask框架.也许你也使用过,也使用的非常好.但是当你在浏览器上输入一串路由地址,跳转至你所写的页面,在Flask中是怎样实现的,你是否感到好 ...

  3. #3使用html+css+js制作网页 番外篇 使用python flask 框架 (II)

    #3使用html+css+js制作网页 番外篇 使用python flask 框架 II第二部 0. 本系列教程 1. 登录功能准备 a.python中操控mysql b. 安装数据库 c.安装mys ...

  4. Linux ubantu中安装虚拟／使用环境virtualenv以及python flask框架

    今天学习了python flask框架的安装过程以及使用案例,感觉网上讲的东西都没有从我们这种初学者的角度去考虑(哈哈),最后还是奉上心得: 1.安装virtualenv $ sudo apt-get ...

  5. python flask框架学习——开启debug模式

    学习自:知了课堂Python Flask框架——全栈开发 1.flask的几种debug模式的方法 # 1.app.run 传参debug=true app.run(debug=True) #2 设置 ...

  6. python flask框架学习(二)——第一个flask程序

    第一个flask程序 学习自:知了课堂Python Flask框架——全栈开发 1.用pycharm新建一个flask项目 2.运行程序 from flask import Flask # 创建一个F ...

  7. python flask框架学习(一)——准备工作和环境配置与安装

    Flask装备: 学习自:知了课堂Python Flask框架——全栈开发 1.Python版本:3.6 2.Pycharm软件: 3.安装虚拟环境: (1)安装virtualenv: pip ins ...

  8. python Flask框架mysql数据库配置

    我是一个没有笔记习惯的低级程序员,但是我还是喜欢编程,从小学就开始跟着玩电脑,对抓鸡,ddos,跳板刷钻开始了自己的IT 旅程,之后学习了各种语言,但是可惜都不没有达到精通,都是略懂一二,现在想把Py ...

  9. Python Flask框架

    Python有很多Web框架,可谓是百家争鸣,我这里列出几个比较叼的几个框架 Django      市场占有率最高,官方文档几近完美,但是适合比较大的项目,小项目会显得累赘. Tornado    ...

随机推荐

  1. Django rest_framework----序列化组件

    生成hypermedialink serializer.pclass BookModelSerializers(serializers.ModelSerializer): class Meta: mo ...

  2. js日期 操作

    //重写toString方法,将时间转换为Y-m-d H:i:s格式 Date.prototype.toString = function(){ ) + "-" + this.ge ...

  3. UCOSII在STM32F407上的移植

    1.ucosii移植准备工作 1.1准备基础工程: 移植的时候需要一个基础工程,为了方便起见我们就选取跑马灯实验,作为ucossii移植的基础工程. 1.2Ucossii源码: 1)Micrium官网 ...

  4. （转）Asp.Net底层原理(三、Asp.Net请求响应过程)

    原文地址:http://www.cnblogs.com/liuhf939/archive/2013/09/16/3324753.html 在之前,我们写了自己的Asp.Net框架,对整个流程有了一个大 ...

  5. create-react-app设置proxy反向代理不起作用

    在CRA2.X升级以后对proxy的设置做了修改,引用官方升级文档: Object proxy configuration is superseded by src/setupProxy.js To ...

  6. Oracle 触发器 删除操作时再查询本表数据　功能不正确

    背影如下: 表名,WFGTEST create table WFGTEST ( NAME1 ) not null, NAME2 ), CAPACITY ,) ) 表结构如下: NAME1 NAME2 ...

  7. Linux日常命令使用记录

    scp在跨机器复制的时候为了提高数据的安全性,使用了ssh连接和加密方式,如果机器之间配置了ssh免密码登录,那在使用scp的时候密码都不用输入. 在服务器104.238.161.75上操作,将服务器 ...

  8. bitest（位集合）------c++程序设计原理与实践（进阶篇）

    标准库模板类bitset是在<bitset>中定义的,它用于描述和处理二进制位集合.每个bitset的大小是固定的,在创建时指定: bitset<4> flags; bitse ...

  9. ios app提交之前需要哪几个证书

    1.遇到的问题 一款App在别人的机器上开发和发布,现在迭代更新和开发需要在一台新mac机上开发和发布. (使用同一个开发者账号)问题: 1.在新mac机器上开发并导入真机测试,是不是需要从别人的机器 ...

  10. jsonp的原理及其使用

    原理: 1.创建script标签 2.src远程地址 3.返回的数据必须为js格式 1.因为浏览器处于安全原因不允许跨域请求,但是允许跨域倒入js文件,所以需要创建script标签 2.src远程地址 ...