在 Bottle 生成的网页上添加和减去按钮

Question

目前我有一个 bottle 应用程序，它从 sqlite 数据库中读取元素并将它们显示在 table 中（使用啤酒，因为好吧......我喜欢啤酒）。我希望能够使用 table 行中的加减按钮调整 table（数量）中的数字。这些按钮应该既更新数据库中的金额，又刷新页面上显示的金额。

这是 python/bottle 部分：

@app.route('/')
@app.route('/display')
    def display():
    conn = sqlite3.connect('beers.db')
    c = conn.cursor()
    c.execute("SELECT id, brewer, beer, amount FROM beer;")
    result = c.fetchall()
    c.close()

    output = template('make_table', rows=result)
    return output

这是当前模板，带有加减按钮。

<p>The available beers are:</p>
<table border="1">
%for row in rows:
    <tr>
    %for col in row:
        <td>{{col}}</td>
    %end
        <td><input type ="button" value="Add"></td>
        <td><input type ="button" value="Subtract"></td>
    </tr>
%end
</table>

感谢您的帮助！

Answer 1

使用 POST 方法添加 /display 路由。

在此，捕获啤酒 ID 的值，以及用户是否单击了“添加”或“子”。

完成此操作后，您将获得啤酒 ID 和要执行的操作，您只需使用 DB 执行操作，然后重定向到 /display 页面。

这是 Bottle 应用代码：

@app.route('/display', method='POST')
def display_mod():
    #You get the value of each button : None if non clicked / Add or Sub if clicked
    add = request.POST.get('Add')
    sub = request.POST.get('Sub')
    # b_id is the ID of the beer the user's clicked on (either on add or sub)
    b_id = request.POST.get('beer_id')

    if add is not None:
        # do something
        redirect("/display")

    if sub is not None:
        # so something
        redirect("/display")

然后，更改您的模板以包含一个表单并更改提交按钮中的两个按钮。您还需要输入 hidden，以便将数据传递给应用程序。

<p>The available beers are:</p>
<table border="1">
%for row in rows:
    <tr>
    <!-- Here you grab the beer's ID that you'll use later -->
    %p_id = row[0] 
    %for col in row:
        <td>{{col}}</td>
    %end
        <form action="/display" method="POST">
            <!-- input type hidden, and value is the ID of the beer -->
            <input type = "hidden" name ="beer_id" value= "{{p_id}}">
            <td><input type ="submit" name="Add" value="Add"></td>
            <td><input type ="submit" name="Sub" value="Subtract"></td>
        </form>
    </tr>
%end
</table>

给你。希望对你有帮助（如果有，别害羞，送我啤酒！）

在 Bottle 生成的网页上添加和减去按钮

Add and Subtract Buttons on Bottle Generated Webpage

python

bottle