我正在做我的第一个大型web项目，主要是基于java和angularjs构建的，但我是一个新手，不知道如何向前发展。我目前的目标是将信息放入表单中，按下按钮，然后在后端读取这些信息。为此，我在“逻辑upc搜索”html文档中创建了以下表单：

<form name="logicalUPCSearchForm" ng-submit="searchUPC()" ng-class="{'submit-attempted' : submitAttempted === true}" novalidate> 
            <label for="brand">Brand</label>
            <div class="col-sm-9">
                <input oninput = "submitform();" name="brand" id="brand" type="text" class="form-control" placeholder="eg: SupremeCo" required="" />
            </div>
        <label for="productName">Product ID:</label>
            <div class="col-sm-9">
            <input oninput = "submitform();" name="productName" id="productName" type="text" class="form-control" placeholder="eg: Supreme Cola" required="" />
        </div>
        <label for="productType">Product Type:</label>
        <div class="col-sm-9">
            <input oninput = "submitform();" name="productType"  id="productType" type="text" class="form-control" placeholder="eg: Soda" required="" />
        </div>
    <label for="UPC">UPC:</label>
            <div class="col-sm-9">
                <input oninput = "submitform();" name="UPC" id="UPC" type="number" class="form-control" placeholder="eg: 049000052350" required="" />
            </div>
        <button id="buttn" style="visibility: hidden" type="submit" class="btn btn-primary full-width">Search</button>
</form>

并将以下代码放入我的后端：

public static class SLogicalUPCSearchRequest implements SObject {
            public String brand;
            public String productName;
            public String productType;
            public int UPC;
    }

    @RequestMapping("/logical-upc-search")
    @ResponseBody
    public void textLater(@RequestBody SLogicalUPCSearchRequest request) {

            System.out.println("turtle");
            System.out.println(request.brand);
    }

当我按下实际网页上的按钮时，没有控制台输出。
我在很大程度上是从同一api中预先存在的登录表单复制了这里的代码，将“ng submit”的值更改为我在后端使用的函数的名称和表单名称，以及表单的实际内容。这让我相信我跳过了一个步骤，我还需要去其他地方将表单和后端锁定在一起，但我不确定在哪里或什么地方。任何帮助都将不胜感激！