appactive-demo/frontend/src/main/resources/templates/buy.html [47:66]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    <div class="row align-items-center m-auto">
        <div class="col m-auto">
            <div class="card m-auto" style="width: 8rem; align-self: center" >
                <img class="card-img-top" th:src="${product.img}" width="90%">
                <div class="card-body" th:id="${product.id}">
                    <h5 class="card-title" style="text-align: center" th:text="${product.name}"></h5>
                    <p class="card-text" style="text-align: center" th:text="${product.description}"></p>
                    <p class="card-text">
                        <span>价格: </span><span th:text="${product.price}" class="badge text-bg-success"></span>
                        <span>库存: </span><span th:text="${product.number}" class="badge text-bg-info"></span>
                        <a th:href="@{'/buyProduct?pId=' + ${product.id}}" class="btn btn-primary" style="text-align: center">
                            购买
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<header th:replace="header.html :: pageTraffic"></header>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



appactive-demo/frontend/src/main/resources/templates/detail.html [23:42]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        <div class="row align-items-center m-auto">
            <div class="col m-auto">
                <div class="card m-auto" style="width: 8rem; align-self: center" >
                    <img class="card-img-top" th:src="${product.img}" width="90%">
                    <div class="card-body" th:id="${product.id}">
                        <h5 class="card-title" style="text-align: center" th:text="${product.name}"></h5>
                        <p class="card-text" style="text-align: center" th:text="${product.description}"></p>
                        <p class="card-text">
                            <span>价格: </span><span th:text="${product.price}" class="badge text-bg-success"></span>
                            <span>库存: </span><span th:text="${product.number}" class="badge text-bg-info"></span>
                            <a th:href="@{'/buyProduct?pId=' + ${product.id}}" class="btn btn-primary" style="text-align: center">
                                购买
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <header th:replace="header.html :: pageTraffic"></header>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -