Flask. Как сделать поиск на форме?

Question

[Muriam]

Как сделать поиск в БД при вводе слова в текстовое поле и нажатии на кнопку?

Если ввожу слово "Калина обыкновенная", то в результате на форме должно появиться сообщение:

Калина обыкновенная -> Калина -> Адоксовые

Здесь "Калина обыкновенная" это поле name в таблице species; "Калина" - это name в таблице genus; "Адоксовые" - это name в таблице family.

...

class Family(db.Model):
    __tablename__ = 'family'
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(40))
    with_species = db.relationship('Species', backref='family')

class Genus(db.Model):
    __tablename__ = 'genus'
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(40))
    with_species = db.relationship('Species', backref='genus')

class Species(db.Model):
    __tablename__ = 'species'
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(40))
    genus_id = db.Column(db.Integer, db.ForeignKey('genus.id'))
    family_id = db.Column(db.Integer, db.ForeignKey('family.id'))



class SpeciesForm(FlaskForm):
    find = StringField('название')
    findButton = SubmitField('найти')


@app.route('/species', methods=['GET', 'POST'])
def species():
    form = SpeciesForm()
    if form.validate_on_submit():
       ...
        return render_template('species.html', species=species, form=form)
    return render_template('species.html', form=form)

{% extends "index.html" %}

{% block content %}
<div id="content">

<form action="" method="POST">

    {{ form.hidden_tag() }}

<div class="items">

    <div class="item">
        <i>Поиск</i>
        <br><br>
        {{ form.find.label }}  {{ form.find() }}
        <br><br>
        {{ form.findButton }}
    </div>

</div>
</form>

</div>
{% endblock %}

Answer 1

[Рамис]

class SpeciesForm(FlaskForm):
    find = StringField('название', validators=[DataRequired(message='Обязательное поле')])
    findButton = SubmitField('найти')


@app.route('/species', methods=['GET', 'POST'])
def species():
    form = SpeciesForm()
    if form.validate_on_submit():
        species_search = Species.query.filter(Species.name.like(f'%{form.find.data}%')).all()
        return render_template('species.html', species_search=species_search, form=form)
    return render_template('species.html', form=form)

{% for species in species_search %}
    <p>{{ species.name }} -> {{ species.genus.name }} -> {{ species.family.name }}</p> 
{% endfor %}
    <div id="content">
        <form action="" method="POST">
        
            {{ form.hidden_tag() }}
        
        <div class="items">
        
            <div class="item">
                <i>Поиск</i>
                <br><br>
                {{ form.find.label }}  {{ form.find() }}
                <br><br>
                {{ form.findButton }}
            </div>
        
        </div>
        </form>
        </div>

Comments

[Muriam]

Спасибо! Решение полностью соответствует моей постановке задачи.
Вначале не заметила в вашем коде, но оказывается, это было важно.
Для текстового поля (StringField) обязательно нужно указать валидатор DataRequired, иначе ничего не сработает корректно и выведутся все записи из БД вместо одной.

[Рамис]

Muriam, Всегда пожалуйста)

[Muriam]

[Muriam]

KINGDOMS = {1: 'флора', 2: 'фауна'}

class SpeciesForm(FlaskForm):
    kingdom = RadioField('Выберите растения или животных', coerce=int, choices=KINGDOMS.items())
    button = SubmitField('фильтр')


class SearchForm(FlaskForm):
    find = StringField('название', validators=[DataRequired(message='Обязательное поле')])
    findButton = SubmitField('найти')


@app.route('/species', methods=['GET', 'POST'])
def species():
    form1 = SpeciesForm()
    form2 = SearchForm()
    if form1.validate_on_submit() or form2.validate_on_submit():
        species = list(db.engine.execute('SELECT * FROM Species WHERE kingdom_id=:kingdom_id', {'kingdom_id': form1.kingdom.data}))
        search = Species.query.filter(Species.name.like(f'%{form2.find.data}%')).all()
        return render_template('species.html', species=species, form1=form1, search=search, form2=form2)
    return render_template('species.html', form1=form1, form2=form2)

{% extends "index.html" %}

{% block content %}
<div id="content">


<form action="" method="POST">

    {{ form1.hidden_tag() }}
    {{ form2.hidden_tag() }}

<div class="items">

    <div class="item">
        {{ form1.kingdom.label }}  {{ form1.kingdom() }}
        <br><br>
        {{ form1.button }}
        <br><br>
        <b>
            {% for id, name, genus_id, family_id, order_id, class_id, divisionOrPhylum_id, kingdom_id in species %}
                {{ name }} <br>
            {% endfor %}
        </b>
    </div>

    <div class="item">
        <i>Введите вид растения или животного</i>
        <br><br>
        {{ form2.find.label }}  {{ form2.find() }}
        <br><br>
        {{ form2.findButton }}
        <br><br>
        {% for species in search %}
            <b> {{ species.name }} </b> -> {{ species.genus.name }} -> {{ species.family.name }} ->
            {{ species.order.name }} -> {{ species.class.name }} ->  {{ species.divisionOrPhylum.name }} ->
            {{ species.kingdom.name }} <br>
        {% endfor %}
    </div>

</div>
</form>


</div>
{% endblock %}

/* this is flexbox */

.items
{
    display: flex;
    text-align: left;
    width: 100%;
    height: 2340px;
    margin: auto;
    /* border: 3px solid purple; */
    flex-direction: row;
}
.item
{
    /* border: 3px solid orange; */
    padding: 2%;
}

[Muriam]

Рамис подскажите еще один момент.

см. скрин выше. У меня на странице теперь две кнопки. Как сделать, чтоб на выбор flora/fauna (RadioField) влияла первая кнопка, а на поиск в StringField влияла вторая кнопка?

Я слегка подправляю ваш код так, чтоб были две формы. Для первой формы первая кнопка, для второй формы вторая кнопка. Не получилось. Как сделать, чтоб работало?

Еще раз смотрю. Кнопки работают каждая для своего дела, но если я не введу какую-либо надпись в текстовое поле, то сама по себе, отдельно, кнопка "фильтр" работать не будет.

[Рамис]

Muriam,

<div id="content">

<form action="" method="POST">
    {{ form1.hidden_tag() }}
    <div class="items">
        <div class="item">
            {{ form1.kingdom.label }}  {{ form1.kingdom() }}
        <br><br>
            {{ form1.button }}
        <br><br>
        <b>
            {% for id, name, genus_id, family_id, order_id, class_id, divisionOrPhylum_id, kingdom_id in species_result %}
                {{ name }} <br>
            {% endfor %}
        </b>
    </div>
</div>
</form>

<form action="" method="POST">
    {{ form2.hidden_tag() }}
    <div class="items">
       
    <div class="item">
        <i>Введите вид растения или животного</i>
        <br><br>
        {{ form2.find.label }}  {{ form2.find() }}
        <br><br>
        {{ form2.findButton }}
        <br><br>
        {% for species in search %}
            <b> {{ species.name }} </b> -> {{ species.genus.name }} -> {{ species.family.name }}<br>
        {% endfor %}
    </div>

</div>
</form>

</div>

@app.route('/species', methods=['GET', 'POST'])
def species():
    form1 = SpeciesForm()
    form2 = SearchForm()
    if form1.validate_on_submit():
        print(form1.kingdom.data)
        species_result = list(db.engine.execute('SELECT * FROM Species WHERE kingdom_id=:kingdom_id', {'kingdom_id': form1.kingdom.data}))
        return render_template('species.html', species_result=species_result, form1=form1, form2=form2)
    if form2.validate_on_submit():
        search = Species.query.filter(Species.name.like(f'%{form2.find.data}%')).all()
        return render_template('species.html', search=search, form1=form1, form2=form2)
    return render_template('species.html', form1=form1, form2=form2)

[Muriam]

@ramzis
в шаблоне так:

{% extends "index.html" %}

{% block content %}
<div id="content">
<div class="items">

	<form action="" method="POST">
    {{ form1.hidden_tag() }}

        <div class="item" style="width: 400px">
            {{ form1.kingdom.label }}  {{ form1.kingdom() }}
            <br><br>
            {{ form1.button }}
            <br><br>
            <b>
            {% for id, name, genus_id, family_id, order_id, class_id, divisionOrPhylum_id, kingdom_id in species %}
                {{ name }} <br>
            {% endfor %}
            </b>
        </div>

	</form>

	<form action="" method="POST">
    {{ form2.hidden_tag() }}

        <div class="item" style="width: 400px">
            <i>Введите вид растения или животного</i>
            <br><br>
            {{ form2.find.label }}  {{ form2.find() }}
            <br><br>
            {{ form2.findButton }}
            <br><br>
            {% for species in search %}
                <b> {{ species.name }} </b> -> {{ species.genus.name }} -> {{ species.family.name }} ->
                {{ species.order.name }} -> {{ species.class.name }} -> {{ species.divisionOrPhylum.name }} ->
                {{ species.kingdom.name }} <br>
            {% endfor %}
        </div>
	</form>

</div>
</div>
{% endblock %}

[Рамис]

Muriam, Шаблон то есть, нужна часть кода с моделями

[Рамис]

Muriam, Если вы хотите что бы Вам бесплатно помогли, покажите весь код. Не кто не будет сидеть ковырять каждый комментарий и смотреть что изменилось.

[Muriam]

Рамис, целиком не могу. Этот код нужен для диплома, меня потом не должны обвинить в плагиате. Прийдется идти сложным путем обучения...

[Рамис]

Muriam, Вот

KINGDOMS = {1: 'флора', 2: 'фауна'}

class SpeciesForm(FlaskForm):
    find = StringField(validators=[Optional(strip_whitespace=True)], default='')
    kingdom = RadioField('Выберите растения или животных', coerce=int, choices=KINGDOMS.items())
    button = SubmitField('фильтр')


class SearchForm(FlaskForm):
    kingdom = StringField(validators=[Optional(strip_whitespace=True)])
    find = StringField('название', validators=[DataRequired(message='Обязательное поле')], default='')
    findButton = SubmitField('найти')

@app.route('/species', methods=['GET', 'POST'])
def species():
    form1 = SpeciesForm()
    form2 = SearchForm()
    if form2.validate_on_submit():
        search = Species.query.filter(Species.name.like(f'%{form2.find.data}%')).all()
        species_result = Species.query.filter_by(kingdom_id=form1.kingdom.data).all()
        return render_template('species.html', search=search, species_result=species_result, form1=form1, form2=form2)
    if form1.validate_on_submit():
        species_result = Species.query.filter_by(kingdom_id=form1.kingdom.data).all()
        return render_template('species.html', species_result=species_result, form1=form1, form2=form2)
    return render_template('species.html', form1=form1, form2=form2)

<div id="content">
        <div class="items">
        
          <form action="" method="POST">
            {{ form1.hidden_tag() }}
        
                <div class="item" style="width: 400px">
                    {{ form1.kingdom.label }}  {{ form1.kingdom() }}
                    <br><br>
                    {{ form1.button }}
                    <br><br>
                    <b>
                    {% for species in species_result %}
                        {{ species.name }} <br>
                    {% endfor %}
                    </b>
                </div>

                {{ form2.find(value=form2.find.data, type="hidden") }}
        
          </form>
        
          <form action="" method="POST">
            {{ form2.hidden_tag() }}
        
                <div class="item" style="width: 400px">
                    <i>Введите вид растения или животного</i>
                    <br><br>
                    {{ form2.find.label }}  {{ form2.find() }}
                    <br><br>
                    {{ form2.findButton }}
                    <br><br>
                    {% for species in search %}
                        <b> {{ species.name }} </b> -> {{ species.genus.name }} -> {{ species.family.name }} ->
                        {{ species.order.name }} -> {{ species.class.name }} -> {{ species.divisionOrPhylum.name }} ->
                        {{ species.kingdom.name }} <br>
                    {% endfor %}
                </div>

                {{ form2.kingdom(value=form1.kingdom.data, type="hidden") }}

          </form>
        
        </div>
        </div>

[Muriam]

Рамис, спасибо огромное! вы снова выручаете)