SpringBootHTML如何向提交按钮添加双重功能?

ubby3x7f  于 2021-06-29  发布在  Java
关注(0)|答案(0)|浏览(240)

我正在创建一个springboot项目,用户在其中下订单。
到目前为止,我得到了schema.sql和data.sql:

CREATE TABLE dish(
dishID int NOT NULL AUTO_INCREMENT,
dish_name varchar(30) NOT NULL,
dish_price float,
PRIMARY KEY(dishID)
);

CREATE TABLE Orders(
orderID int NOT NULL AUTO_INCREMENT,
dishID int NOT NULL,
cust_email VARCHAR(30) NOT NULL,
qty int NOT NULL,
PRIMARY KEY(orderID),
FOREIGN KEY(dishID) REFERENCES dish(dishID)
);

以及索引页:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="ISO-8859-1">
<title>Index.html</title>
</head>
<body>
    <h1>This is Index</h1>
    <table>
        <tr th:each="s:*{dishList}">
        <td><a th:href="@{/editDish/}+${s.dishID}">Edit</a></td>
        <td><a th:href="@{/deleteDish/}+${s.dishID}">Delete</a></td>
        <td th:text="${s.dish_name}">Pizza</td>
    </table>

    <form method="post" action="" th:action="@{/insertOrder}" th:object="${order}">

        <input type="hidden" name="orderID" th:field="*{orderID}"/>

        Dish: <select>
                <option th:each="s:*{dishList}" th:value="${s.dish_name}" th:text="${s.dish_name}"/>
            </select>

        Quantity: <input type="number" name="qty" th:field="*{qty}"/>

        Email: <input type="text" name="cust_email" th:field="*{cust_email}"/>

        <input type="submit" value="Insert"/>

    </form>

</body>
</html>

我试图使用这个html页面,让用户通过表单将记录插入orders表,从dish表填充的下拉选择中选择一道菜。
下一步,我希望菜肴显示在顶部的表,其中有编辑和删除超链接。
然后我感到困惑的是,在提交表单时,除了添加到orders表并在顶部填充html表外,我还希望按钮在另一个html页面上打印客户要支付的总金额。我不知道我应该如何添加第二个功能,以接受订单,进行计算,然后打印在另一页上。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题