Question

我想用烧瓶进行注册：

@app.route('/register/', methods=['GET','POST'])
def register():
    form = RegistrationForm(request.form)
    if request.method == 'POST' and form.validate():
        username = form.username.data
        mail = form.mail.data
        password = sha256_crypt.encrypt((str(form.password.data)))
        c, conn = dbconnect.conn()
        x = c.execute("SELECT * FROM users WHERE username = (%s)", (thwart(username)))
        if int(x) > 0:
            flash("This username is already taken. Please choose another!")
            return render_template("register.html", form=form, nav=8)
        else:
            c.execute("INSERT INTO users (username, password, mail, credits, settings, rank, items) VALUES (%s, %s, %s, %s, %s, %s, %s)",
                thwart(username), thwart(password), thwart(mail), thwart(100), thwart(""), thwart(1), thwart(""))
            conn.commit()
            flash("You are successfully registered!")
            c.close()
            conn.close()
            gc.collect()
            session['logged_in'] = True
            session['username'] = username
            return redirect(url_for('dashboard'))
    return render_template("register.html", form=form, nav=8)

我正在使用你能看到的wtforms。问题是，我的注册页面是：

{% extends "default.html" %}

{% block body %}

<h4>Register</h4>
<form action="" method="post">
    {% from "_formhelpers.html" import render_field %}
    {{ render_field(form.username) }}
    {{ render_field(form.mail) }}
    {{ render_field(form.password) }}
    <p><input class="btn btn-primary form-control" type="submit" value="Register"></p>
</form>

{% endblock %}

所以render_field定义如下：

{% macro render_field(field) %}
{{ field(**kwargs)|safe }}
{% endmacro %}

但是文本框只是默认样式，所以没有占位符也没有样式。我正在使用bootstrap，并希望它们的格式如下：

<p><input type="text" class="form-control" placeholder="{{ field.label }}" name="{{ field.label }}" value=""></p>

如何设计它们？

Answer 1

您可以将class_ kwargs传入render_field中的field()调用。

{% macro render_field(field) %}
{{ field(class_="form-control", **kwargs) }}
{% endmacro %}

Answer 2

以下是我们如何撰写

{% macro render_field(name, class='class-name', value='', type='text') -%}
<input type="{{ type }}" name="{{ name }}" class="{{ class }}"
value="{{ value }}"/>
{%- endmacro %}

您的案例

{% macro render_field(name, class='form-control', type='text') %}
{{ field(**kwargs | safe) }}
{% endmacro %}

您可以在渲染字段时始终应用自己的样式。

Answer 3

除了这个问题在标题中省略'render_template'之外，您可以直接传递格式...

<div class="input-group input-group-sm">    
{{ form.username.label(for='username', class="input-group-addon") }}
{{ form.username(class="form-control", id="username", placeholder="Username...") }}
</div>

你也可以提供风格等。如果您只是显示几个字段，这非常方便。但它不适用于render_template，或者至少它对我不起作用。

Flask重塑自己的风格

3 个答案: