Flask+MySQL+Pillow

Posted Flask学习笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flask+MySQL+Pillow相关的知识,希望对你有一定的参考价值。

Flask+mysql+Pillow(1)

10224

利用SQLAlchemy创建一个后台交互的登录页面

创建一个Flask环境

利用Pycharm创建一个Flask环境

构造app

from flask import Flask
from flask import render_template

app = Flask(__name__)
app.config.update({
    'DEBUG':True,
    'TEMPLATES_AUTO_RELOAD':True
})

@app.route('/')
def  index():
    return  render_template('login.html')


if __name__ == '__main__':
    app.run()

设置开启Debug,并且自动加载模板

构造登录页面

搭建一个登录的页面框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style>
        .body{
            margin0;
            padding0;
        }
        .container{
            width960px;
            height700px;
            text-align: center;
            margin30px auto 0;
            border1px solid grey;
        }
        .sub{
            display: inline-block;
            list-style: none;
            height30px;
            width960px;
        }
        .sub li{
            display: inline-block;
        }

    
</style>
</head>
<body>
        <div class="container">
            <H1>网站登录</H1>
            <form action="" method="post">
                <ul class="sub">
                    <li><label for="">用户名</label></li>
                    <li><input type="text"></li>
                </ul>
                <ul class="sub">
                    <li><label for="">密码</label></li>
                    <li><input type="text"></li>
                </ul>
                <ul class="sub">
                    <li><label for="">验证码</label></li>
                    <li><input type="text"></li>
                    <li><img src="" alt=""></li>
                </ul>
                <ul class="sub">
                    <li><input type="submit"></li>
                </ul>
            </form>
        </div>
</body>
</html>
- END -


以上是关于Flask+MySQL+Pillow的主要内容,如果未能解决你的问题,请参考以下文章

Flask 编写http接口api及接口自动化测试

12_关于flask中的宏

Flask之模板之宏继承包含

Flask模板宏的概念和基本使用

部分代码片段

Flask连接mysql,实现页面登录