关于FLASK框架的使用

使用pycharm创建工程

在默认的templates中新增模板页面

在默认的app.py中定义路由并引用模板

@app.route("/add", methods=["GET", "POST"])

def add():

    if request.method != 'POST':

        return render_template("login.html",info="请先登录系统")

    else:
　　　　 username = request.form.get('username')

        return render_template("add.html")

关于日志，可以使用FLASK自带的LOG模块

from flask import current_app

current_app.logger.info("登录用户名：" + account) 

关于模板的使用

我创建了一个base.html基础模板用于继承

<!DOCTYPE html>

<html lang="en">

<head>

    {% block head %}

        <meta charset="UTF-8">

        <link rel="stylesheet" href="../static/css/page.css"/>

        <script type="text/javascript" src="../static/js/jquery.min.js"></script>

        <script type="text/javascript" src="../static/js/index.js"></script>

        <title>{% block title %}{% endblock %} - 操作平台</title>

    {% endblock %}

</head>

<body>

<div class="left">

    <div class="bigTitle">CA操作平台</div>

    <div class="lines">

        {% for menu in menu_list %}

            {% if choice==loop.index0 %}

                <div onclick="pageClick(this,{{ loop.index0 }})" class="active"><img

                        src="static/img/icon-{{ loop.index }}.png"/>

                    {{ menu }}

                </div>

            {% else %}

                <div onclick="pageClick(this,{{ loop.index0 }})"><img src="static/img/icon-{{ loop.index }}.png"/>

                    {{ menu }}

                </div>

            {% endif %}

        {% endfor %}

    </div>

</div>

<div class="top">

    <div class="leftTitle" id="flTitle">{{ menu_list[choice] }}</div>

    <div class="thisUser">{{ user_info }}</div>

</div>

<div class="main">

    <div class="mainForm">

        {% block content %}

            {% with messages = get_flashed_messages(with_categories=true) %} {# 对应：flash("请选择商品类型！", 'error') #}

                {% if messages %}

                    {% for category,message in messages %}

                        <span class={{ category }}>{{ message }}</span>

                    {% endfor %}

                {% else %}

                    &nbsp;

                {% endif %}

            {% endwith %}

        {% endblock %}

    </div>

</div>

<!--<div id="footer">-->

<!--{% block footer %}-->

    <!--&copy; Copyright 2008 by <a href="http://domain.invalid/">Keyba</a>.-->

    <!--{% endblock %}-->

<!--</div>-->

</body>

</html>

其它模板

 {% extends "base.html" %}

 {% block title %}

 {{ title }}

 {% endblock %}

 {% block content %}

 <div class="contentTitle">

     <span style="color: green; ">{{title}}</span>

     <table align="center">

         {% for row in rows %}

         <tr>

             {% for col in row %}

             <td>{{col}}</td>

             {% endfor %}

         </tr>

         {% endfor %}

     </table>

     <p align="center">

         <input type="button" name="Submit" class="button button1" onclick="history.back();" value="返回">

     </p>

 </div>

 {% endblock %}

关于FORM

建立MyForm类，这里使用了DataRequired, Email, Length三种校验方式，这里的role（下拉列表SelectField）没有设置choices属性值是为了后面可以动态from flask_wtf import FlaskFormfrom wtforms import StringField, TextAreaField, SubmitField, SelectFieldfrom wtforms.validators import DataRequired, Email, Length

class MyForm(FlaskForm):

    new_user = StringField(label='新账号：', validators=[DataRequired("请输入新的后台账号"), Length(6, 20, '账号长度为6到20位')],

                           description="请输入新的后台账号", render_kw={"required": "required"})

    email = StringField(label='邮箱：', validators=[DataRequired("请输入邮箱"), Email('邮箱格式错误')], description="请输入邮箱",

                        render_kw={"required": "required"})

    role = SelectField(label='角色：')

    label = '用户类型：'

    user_type = RadioField(label=label)

    submit = SubmitField('注册后台账号', render_kw={"class": "button button1"})

配置路由，并更新role下拉列表的值

from forms import MyForm
app.config['SECRET_KEY'] = 'string'  # 通过csrf

@app.route('/add/', methods=("GET", "POST"))

def add():

    form = MyForm()  # 这里的form只会进行一次赋值，POST请求过来时，不会更新，即可以重用。

    roles_list = [(str(d.get('roleId')), str(d.get("roleName"))) for d in all_roles]

    oc_form.role.choices = roles_list  # 这里我们对之前的role进行重新赋值

    form.user_type.choices = (['', ''], ['', ''])

    form.user_type.default = ''

    form.process()  # 这里我们刷新form，以使用户类型这个radioButton更新

    if request.method == 'POST' and form.validate_on_submit():

        return render_template("success.html", title="新增用户成功")

        # return redirect(url_for('pageTo', page=1)

return render_template('add.html', form=form)

对于多个提交的判断，我们可以这样写

add_user = SubmitField('注册', render_kw={"class": "button button1"})

auth_user = SubmitField('认证', render_kw={"class": "button button1"})

add_something = SubmitField('发布', render_kw={"class": "button button1"})
form = MallUserForm()

    if request.method == 'POST':

        if form.add_user.data:

            return add_mall_user(form)

        elif form.auth_user.data:

            return auth_user(form)

        elif form.add_something.data:

            if form.mall_type.data != 'None':

                return add_goods(form)

            else:

                flash("请选择商品类型！", 'error')

                return redirect(url_for('mall_index'))

HTML模板

<form name="baseForm" action="" role="form" method="post">

    <div class="contentTitle">后台账号操作</div>

    {% for item in form %}

        {% if item!=form.submit %}

            {% if item!=form.role %}

                <div>

                    {{ item.label }}{{ item(size=20) }} <!-- 定义size -->

                </div>

            {% else %}

                    {{ item.label }}{{ item }} <!-- 下拉列表框 -->

            {% endif %}

        {% else %}

            <div class="center">

                {{ item }} <!-- 提交按钮 -->

            </div>

        {% endif %}

    {% endfor %}

</form>

Flask使用记录的更多相关文章

  1. [ZHUAN]Flask学习记录之Flask-SQLAlchemy

    From: http://www.cnblogs.com/agmcs/p/4445583.html 各种查询方式:http://www.360doc.com/content/12/0608/11/93 ...

  2. Flask学习记录之Flask-SQLAlchemy

    Flask-SQLAlchemy库让flask更方便的使用SQLALchemy,是一个强大的关系形数据库框架,既可以使用orm方式操作数据库,也可以使用原始的SQL命令. Flask-Migrate ...

  3. 部署一个flask服务记录

    最近使用flask写了一些简单的服务. 服务部署到服务器上进行使用,这个过程会有一些问题,需要进行记录一下. 说明运行的环境情况.使用的是python3.6的虚拟环境,系统是centos7,其他的有u ...

  4. flask 开发记录

    from flask import request 判断method方式 request.method  'POST', ‘GET’ 获取form内容 request.form['form_name' ...

  5. Flask学习记录之Flask-Login

    Flask-Loging 可以方便的管理用户会话,保护路由只让认证用户访问 http://flask-login.readthedocs.org/en/latest/ 一.初始化Flask-Login ...

  6. Flask学习记录之Flask-Admin

    相信用过Django框架的都不会忘记它强大的Admin功能,Flask-admin是一款能够与Django Admin所媲美的扩展,能够快速创建Web管理界面,实现了用户.文件增删改查等常用功能:也可 ...

  7. Flask学习记录之MarkDown编辑文本

    为了让网页支持markdown编辑文本,使用如下了4个库 PageDown : 在前端提供一个可以实时将markdown内容转换成html文本进行效果预览的编辑器 Flask-PageDown: 这个 ...

  8. Flask学习记录之Flask-Migrate

    一.配置Flask-Migrate from flask.ext.migrate import Migrate, MigrateCommand migrate = Migrate(app,db) #第 ...

  9. Flask学习记录之Flask-WTF

    Flask-wtf时Wtforms库的flask框架扩展,能够方便的处理Web表单 一.定义一个web表单 使用flask-wtf时,每个web表单都由一个继承自flask.ext.wtf.Form的 ...

  10. Flask学习记录之Flask-Moment

    Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化.日期解析等功能.它支持在浏览器和NodeJS两种环境中运行.此类库能够 将给定的任意日期转换成多种不同的格 ...

随机推荐

  1. centos上 小程序部署 nginx+https+ssL 提示错误：对应的服务器 TLS 为 TLS 1.0 ,小程序要求的 TLS 版本必须大于等于 1.2

    解决办法: 1.nginx版本必须是1.0.6以上 2.修改配置文件,修改server内的ssl_protocols内容,增加TLSv1.2 3.重启nginx. ./nginx -s reload ...

  2. MyBatis中使用#和$书写占位符有什么区别？

    #将传入的数据都当成一个字符串,会对传入的数据自动加上引号:$将传入的数据直接显示生成在SQL中.注意:使用$占位符可能会导致SQL注射攻击,能用#的地方就不要使用$,写order by子句的时候应该 ...

  3. pandas数据结构之DataFrame操作

    这一次我的学习笔记就不直接用官方文档的形式来写了了,而是写成类似于“知识图谱”的形式,以供日后参考. 下面是所谓“知识图谱”,有什么用呢? 1.知道有什么操作(英文可以不看) 2.展示本篇笔记的结构 ...

  4. iptables 配置说明

    #配置,禁止进,允许出,允许回环网卡 iptables -P INPUT DROP iptables -P OUTPUT ACCEPT iptables -A INPUT -i lo -j ACCEP ...

  5. redis 安装和配置

    准备条件:1>确保所安装的环境能够访问网络,2>环境中拥有gcc\g++.make.tar等工具3>以root身份登录安装过程:1>输入命令:wget http://downl ...

  6. 【机器学习_9】sklearn

    背景 机器学习的重头戏就在sklearn,里面包含各种机器学习算法.希望尽量通过便易上手的方式掌握这个库. 资料 官网--随时查 https://scikit-learn.org/stable/ sk ...

  7. IntelliJ IDEA 集成 SVN

    在idea中使用subversion提交代码需要使用SVN SVN下载官网:https://tortoisesvn.net/downloads.html 可以根据自己电脑下载相应的版本,如果安装了的需 ...

  8. Kafka(3)--kafka消息的存储及Partition副本原理

    消息的存储原理: 消息的文件存储机制: 前面我们知道了一个 topic 的多个 partition 在物理磁盘上的保存路径,那么我们再来分析日志的存储方式.通过 [root@localhost ~]# ...

  9. nginx内容

    nginx工作在7层:web server(静态内容 static contents)web reverse proxy(反向代理http,https,mail),cache(带缓存功能) proxy ...

  10. Python module ---- os

    os 模块Python标准库中的一个用于访问操作系统功能的模块,使用OS模块中提供的接口,可以实现跨平台访问.提供了一个统一的操作系统接口函数, 这些接口函数通常是平台指定的,os 模块能在不同操作系 ...