一：main.py

# -*- coding: utf-8 -*-

# @Author : Felix Wang

# @time   : 2018/7/3 22:58

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

app = Flask(__name__)

app.debug = True  # 自动重启

USERS = {

    1: {'name': '大白', 'age': '', 'gender': '男', 'text': '非常可爱'},

    2: {'name': '小白', 'age': '', 'gender': '男', 'text': '非常暖'},

    3: {'name': '张三', 'age': '', 'gender': '女', 'text': '天下第一美'},

    4: {'name': '王五', 'age': '', 'gender': '女', 'text': '帝国理工宅女'},

}

@app.route('/detail/<int:nid>', methods=['GET'])  # 动态url传入一个值

def detail(nid):

    user = session.get('user_info')

    if not user:

        url = url_for('l1')  # 根据别名生成url

        return redirect(url)

    info = USERS[nid]

    return render_template('detail.html', info=info)  # html 文件放在templates文件夹

@app.route('/login', methods=['GET', 'POST'], endpoint='l1')  # endpoint 表示别名

def login():

    if request.method == 'GET':

        return render_template('login.html')

    else:

        user = request.form.get('user')  # 从表单中获取数据

        pwd = request.form.get('pwd')

        if user == 'alex' and pwd == '':

            session['user_info'] = user

            return redirect('http://www.baidu.com')  # 跳转

        return render_template('login.html', error='用户名或密码错误')  # error对应着前面的模板语言error

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

def index():

    user = session.get('user_info')

    if not user:

        return redirect('/login') # 跳转到登录页

    return render_template('index.html', user_dict=USERS)

if __name__ == '__main__':

    app.run()

二：login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>用户登录</h1>

<form method="post">

    <input type="text" name="user">

    <input type="text" name="pwd">

    <input type="submit" value="登录">{{error}}

</form>

</body>

</html>

三：index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>用户列表</h1>

<table>

    <!--从字典中循环读取键和值-->

    {% for k,v in user_dict.items() %}

    <tr>

        <td>{{k}}</td>

        <!--获取字典中的值有三种-->

        <td>{{v.name}}</td>

        <td>{{v['name']}}</td>

        <td>{{v.get('name')}}</td>

        <td><a href="/detail/{{k}}">查看详情</a></td>

    </tr>

    <!--结束循环-->

    {% endfor %}

</table>

</body>

</html>

四：detail.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>详情信息:{{info.name}}</h1>

<div>

    {{info.text}}

</div>

</body>

</html>

flask框架（二）：简单的登录demo的更多相关文章

  1. Xamarin.Android再体验之简单的登录Demo

    一.前言 在空闲之余,学学新东西 二.服务端的代码编写与部署 这里采取的方式是MVC+EF返回Json数据,(本来是想用Nancy来实现的,想想电脑太卡就不开多个虚拟机了,用用IIS部署也好) 主要是 ...

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

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

  3. 基于SSM框架实现简单的登录注册

    一.环境配置 工程目录 在pom.xml添加依赖 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=& ...

  4. Python之Flask框架二

    今天接着上一篇继续写一篇关于flask的随笔. 本文大纲: 1.获取请求参数 2.一个函数处理多个请求方式 3.重定向 4.错误响应 5.全局错误处理 6.返回json格式数据 7.自定义返回内容状态 ...

  5. linux下Flask框架搭建简单网页

    开始安装FLASK需要创建一个虚拟环境,虚拟环境可以不干扰正在使用的系统环境,避免影响,并且也不需要完全的root权限,更加安全可靠. 搭建环境 Python3.4 进入到microblog目录下创建 ...

  6. 19.3.19 使用Flask框架搭建一个简易登录服务器

    import Flask import json from Flask import request server1 = flask.Flask(__name__) #实例化一个flask对象 @se ...

  7. [Python WEB开发] 使用WSGI开发类Flask框架 (二)

    WSGI     Web服务器网关接口 WSGI主要规定了Web服务器如何与Web应用程序进行通信,以及如何将Web应用程序链接在一起来处理一个请求. wsgiref Python中的WSGI参考模块 ...

  8. Flask框架(二)：路由与蓝图

    一.路由 使用 route() 装饰器来把函数绑定到 URL: @app.route('/') def index(): return 'Index Page' @app.route("/h ...

  9. Flask wtforms实现简单的登录注册

    目录结构 视图 # -*- coding:utf-8 -*- # Author : Niuli # Data : 2019-02-27 19:26 from flask import render_t ...

随机推荐

  1. element-ui tree控件获取当前节点和父节点

    今天使用element-ui 遇到两个问题,第一个问题是获取tree控件的当前节点和父节点, 一开始使用tree控件的getCurrentNode()函数,结果发现返回的是当前节点的data属性,和u ...

  2. Mysql-Sqlalchemy-ORM-多外键关联

    创建表结构:orm_many_fk.py from sqlalchemy import Integer, ForeignKey, String, Column,create_engine from s ...

  3. 怎样理解 DOM 的三种层级关系

    除了根节点,其他节点都有三种层级关系. 父节点关系(parentNode):直接的那个上级节点 子节点关系(childNodes):直接的下级节点 同级节点关系(sibling):拥有同一个父节点的节 ...

  4. 7-Perl 数组

    1.Perl 数组Perl 数组一个是存储标量值的列表变量,变量可以是不同类型.数组变量以 @ 开头.访问数组元素使用 $ + 变量名称 + [索引值] 格式来读取,实例如下:#!/usr/bin/p ...

  5. dev gridview拖拽数据移动

    设置属性gridView1.OptionsSelection.EnableAppearanceFocusedCell = false; //确保选定行的背景色一样. private BindingLi ...

  6. C# WPF集中引用图片等资源的路劲方式

    第一内部资源: pack://application:,,,/images/my.jpg 第二 外部程序资源: pack://SiteOfOrigin:,,,/images/my.jpg 需要将资源放 ...

  7. HDU3085NightmareII题解--双向BFS

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=3085 分析 大意就是一个男孩和一个女孩在网格里,同时还有两个鬼,男孩每轮走三步,女孩每轮走一步,与鬼曼 ...

  8. vue 日常开发小细节

    1. element-ui 日期选区禁用,设置属性 disabledDate: (time) => { const curDate = (new Date()).getTime() const ...

  9. Win10带有网络连接的安全模式怎么开启？

    安全模式是在Windows系统中不加载第三方设备驱动程序的情况下启动电脑,从而可以方便的检测与修复电脑系统的错误,比如在安全模式下可以删除某些顽固的文件.查杀病毒.修复系统故障.卸载恶意软件等.不过在 ...

  10. Windows live Writer Tips

    http://lehsys.blogspot.com/2013/03/windows-live-writer-how-to-change.html http://www.carlosag.net/to ...