将来自不同 html 站点的 2 个输入用于一个 app.route？

Question

Hello I have a question about the Python Flask application. I've been looking all the time, but can't find a suitable solution..

I would like to search for certain columns from this data set using an input. Then I want to multiply these columns with another input foat input and print them on 'calculate.html'

I have a data set that looks something like this:

df=    
    A           B(m)         C(cm)      D(m)
    house        50           50        100
    bedroom      80           50        600
    bed          20           60        500 

I have 2 different html pages. The 1st page should pass input 1. The input should be searched in the dataset. Nothing should be printed out.

index.html:

<form> action ='/index' method = 'post'>
    <p>< input type = 'text' name='inpt'/> </p>
    <p>< input type = 'submit' name='submit'/> </p>

On the 2nd HTML page, the number to be multiplied should then be given. And also it have to print the outputs of this program on this site.

calculate.html

<h1>{{inpt}}</h1>
<form> action ='/index' method = 'post'>
    <p>< input type = 'text' name='inpt2'/> </p>
    <p>< input type = 'submit' name='submit'/> </p>
    
    <h3>{{my_column}}</h3>    
    <h3>{{my_numbers}}</h3>

Here is my Python script:

@app.route('/index', methods=['POST', 'GET'])
def index():
    my_numbers = []
    my_column = []
    if request.method == 'POST'
        inpt = request.form['inpt']
        inpt2 = request.form['inpt2']
        output = False
  
    
        for text in df['A']:
            if text == inpt:
                give_text = df[df['A'] == inpt]
                give_text = give_text.drop(['A'], axis = 1)
                output = True
        
        if output == True:
           return render_template('calculate.html', inpt = inpt)
           # At this point the program should redirect to 'calculate.html' in order to continue calculating there

           # Here we start to calculate with inpt2
            for column in give_text:
                column_edit = give_text[column]
                my_columns.append(column)
                column_edit = float(column_edit) * float(inpt2)
            
                if '(m)' in column:
                    column_edit = column_edit + 'meter'
                    my_numbers.append(column_edit)
                elif 'cm' in column:
                    column_edit= column_edit + 'centimeter'
                    my_numbers.append(column_edit)

            return render_template('calculate.html', my_numbers = my_numbers, my_column = my_column)
        else:
            return render_template('index.html', content = 'No result')

But I don't understand why it doesn't work. Can't use 2 inputs from 2 different sites in one app.route?

Answer 1

Your indentation is messed up. My best guess is that it's meant to look like this:

        if output == True:
            return render_template('calculate.html', inpt = inpt)
            # At this point the program should redirect to 'calculate.html' in order to continue calculating there

        # Here we start to calculate with inpt2
        for column in give_text:
            column_edit = give_text[column]
            my_columns.append(column)
            column_edit = float(column_edit) * float(inpt2)
        
            if '(m)' in column:
                column_edit = column_edit + 'meter'
            elif 'cm' in column:
                column_edit= column_edit + 'centimeter'

        return render_template('calculate.html', my_numbers = my_numbers, my_column = my_column)
    else:
        return render_template('index.html', content = 'No result')

Note the for block and subsequent return , along with the else clause, have all been outdented one level. Previously, the for block would never be reached, as there's a return directly before, it, and the else clause would execute when output != True , as opposed to when request.method != "POST" , which again I assume is what you intended.

As a comment mentioned, you'd do well to split your code up more to make it easier to follow, and harder to make mistakes like this. It doesn't have to be separate routes, but have the GET and POST handling done by different functions, perhaps.

Answer 2

About how to split the route into 2 separeted routes

index.html

<form action ='/index' method='post'>
    <p><input type='text' name='inpt'/> </p>
    <p><input type='submit' name='submit'/> </p>
</form>

(I'm realising now that you do not close your form with the </form> and that the open tag <form> is malformed too)

calculate.html

<h1>{{inpt}}</h1>
<form action='/calculate' method='post'>
    <input type='text' value='{{inpt}}' style='display:none;'>
    <p>< input type = 'text' name='inpt'/> </p>
    <p>< input type = 'submit' name='submit'/> </p>
    
    <h3>{{my_column}}</h3>    
    <h3>{{my_numbers}}</h3>
</form>

view.py

@app.route('/index', methods=['GET'])
def index():
    return render_template('index.html')


@app.route('/index', methods=['POST'])
def index_post():
    my_numbers = []
    my_column = []

    inpt = request.form['inpt']
    output = False
      
    for text in df['A']:
        if text == inpt:
            give_text = df[df['A'] == inpt]
            give_text = give_text.drop(['A'], axis = 1)
            output = True
        
    if output == True:
       return render_template('calculate.html', inpt=inpt)
    else:
       return render_template('index.html', content='No result')


@app.route('/calculate', methods=['POST'])
def calculate():
    my_numbers = []
    my_column = []

    inpt = request.form['inpt']
    inpt2 = request.form['inpt2']
    output = False
     
    for text in df['A']:
        if text == inpt:
            give_text = df[df['A'] == inpt]
            give_text = give_text.drop(['A'], axis = 1)

    # Here we start to calculate with inpt2
    for column in give_text:
        column_edit = give_text[column]
        my_columns.append(column)
        column_edit = float(column_edit) * float(inpt2)
        
        if '(m)' in column:
            column_edit = column_edit + 'meter'
            my_numbers.append(column_edit)
        elif 'cm' in column:
            column_edit= column_edit + 'centimeter'
            my_numbers.append(column_edit)

    return render_template('calculate.html', my_numbers=my_numbers, my_column=my_column, inpt=inpt)

Also, as @Adam Barnes said, your indentation is a bit messed up, so I'm not very sure about the part for inpt2