Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinja2 。Flask使用 BSD 授权。
Flask也被称为 “microframework” ，因为它使用简单的核心，用 extension 增加其他功能。Flask没有默认使用的数据库、窗体验证工具。
 
以上叙述来自百度百科。
 
BOSS说接下来的项目要用到Flask,便开始学习。
今天先从简单的登录开始。
1.开发工具用的是 汉化版的pycharm。免安装很方便。

2.创建Flask 项目

3.项目结构比较简单

其中py文件写后端代码的。templates文件存放html页面。

4.自动创建的项目自带hellow word,启动项目打开链接，便能看到熟悉的hellow word.

5.登录页后端代码

from flask import Flask

from flask import render_template, redirect,url_for

from flask import request

app = Flask(__name__)

@app.route('/login', methods=['POST','GET'])# 路由和请求方式设置

def login():

    error = None

    if request.method == 'POST':

        if request.form['username']=='admin':

            return redirect(url_for('home',username=request.form['username']))

        else:

            error = 'Invalid username/password'

    return render_template('login.html', error=error)

@app.route('/home')

def home():

    return render_template('home.html', username=request.args.get('username'),ppt="tewe")

@app.route('/')

def hello_world():

    return 'Hello World!'

if __name__ == '__main__':

    app.run()

　　

6.在templates 文件夹下创建login.html和HOME.HTML,代码如下

home

<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="utf-8">

    <title>home</title>

  </head>

  <body>

    <h1>wlcome {{username}} , this is home</h1>

  <h2>{{ ppt}}</h2>

  </body>

</html>

login

<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="utf-8">

    <title>login</title>

  </head>

  <body>

    <form  style="margin:20px;border:1px solid red" method="post" action="/login">

        <span>username:</span><input type="text" name="username" id="username"><br/>

        <span>password:</span><input type="password" name="password" id="password"><br/>

        <button type="submit" id="loginBtn">login</button>

    </form>

    {% if error %}

        <h1 style="color:red">{{ error }}!</h1>

    {% endif %}

  </body>

</html>

7.运行项目

输入帐号密码，跳转到home

demo完成。

需要注意的地方比较少。

1.一些必须导入的包需要全部导入

2.render_template 对前端的传值方式值得学习，后面应该会继续记录这个东西的使用方法。

Flask 学习系列（一） -登录的更多相关文章

  1. Flask学习之五 用户登录

    英文博客地址:http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-v-user-logins 中文翻译地址:http:// ...

  2. 「Django」rest_framework学习系列-用户登录

    用户POST登录-->后台验证用户名密码-->验证正确返回TOKEN-->验证错误返回错误信息 class UserAPI(APIView): #用户登录类 def post(sel ...

  3. Flask 学习系列（三）---Jinjia2使用过滤器

    再Jinjia2中过滤器是一种转变变量输出内容的技术.··过滤器通过管道符号“|与变量链接,并且可以通过圆括号传递参数” .举例说明: {{my_variable|default('my_variab ...

  4. Flask 学习系列（二）---Jinjia2模板

    下面是一个jinjia2的简单模板的例子: <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  5. Flask 学习系列（四）---Jinjia2 模板继承

    1.基模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  6. Flask学习之六 个人资料和头像

    英文博客地址:http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-vi-profile-page-and-avatars ...

  7. Flask入门系列（转载）

    一.入门系列: Flask入门系列(一)–Hello World 项目开发中,经常要写一些小系统来辅助,比如监控系统,配置系统等等.用传统的Java写,太笨重了,连PHP都嫌麻烦.一直在寻找一个轻量级 ...

  8. 分布式缓存技术redis学习系列（四）——redis高级应用（集群搭建、集群分区原理、集群操作）

    本文是redis学习系列的第四篇,前面我们学习了redis的数据结构和一些高级特性,点击下面链接可回看 <详细讲解redis数据结构(内存模型)以及常用命令> <redis高级应用( ...

  9. SpringMVC学习系列-后记 开启项目的OpenSessionInView

    在系列的 SpringMVC学习系列(12) 完结篇 的示例项目中,由于当时考虑到OpenSessionInView会对性能有一定的影响,所以就没有配置项目的OpenSessionInView.在ma ...

随机推荐

  1. SPOJ:Red John is Back(DP)

    Red John has committed another murder. But this time, he doesn't leave a red smiley behind. What he ...

  2. PowerDesigner 连接 MySQL 并生成逆向工程图

    1 配置环境变量 Tools → General Options → Variables   配置 JVM 变量 General Options 在最后,要一直往下拉才会看到. 注意: PowerDe ...

  3. redis 操作使用

    /*1.Connection*/ $redis = new Redis(); $redis->connect('127.0.0.1',6379,1);//短链接,本地host,端口为6379,超 ...

  4. Win10资源管理器中的库文件夹按照修改日期排序

    win7之后添加的库十分的好用,可以将下载,音乐,文档设置在我的电脑(win10叫此电脑)首页,快速进入. 我对文件夹设置了按照时间排序,这样进去就可以直接看到最近下载了什么文件.但是win10用时间 ...

  5. SSH框架搭建的时候遇到的问题

    1.spring-web.jar包问题:使用user libaries方式,识别不到,于是出现了下面问题 java.lang.ClassNotFoundException: org.springfra ...

  6. python常用第三方库(转载)

    Python标准库与第三方库详解(转载) 转载地址: http://www.codeweblog.com/python%e6%a0%87%e5%87%86%e5%ba%93%e4%b8%8e%e7%a ...

  7. 简易DIV垂直居中阴影层笼罩JS实现

    $(document).ready(init); function init() { var h = $(window).height(); var w = $(window).width(); /* ...

  8. git如何撤销上次提交

    git push提交完数据后后悔了怎么办? 写在前面的话重要:删除上次提交后本地和远程仓库的数据都将删除,所以删除上次提交前,记得备份备份备份数据!!! 1.直接删除上次提交,使用reset命令 gi ...

  9. Qt测试代码执行时间

    ////////////////////////////////////////////////////////////////// QString _GetIntervalTime(QTime&am ...

  10. thinkphp5.0 cache数据缓存机制

    use think\cache; public function index(){ //Cache::get('name')获取缓存,如果name值不存在则返回false: if (Cache::ge ...