Question

我已经创建了一个微服务，它正在作为Web API工作，我可以与邮递员API一起执行CRUD操作。假设如果我想在html和css的帮助下同时使用邮递员和简单的用户界面来执行这些操作，该怎么办？如何在编码中调用HTML页面？以下是Web API的示例代码。

import java.util.List;
import java.util.stream.Collectors;

@RestController
@RequestMapping("/rest/db")
public class DbServiceResource {

    private QuotesRepository quotesRepository;

    public DbServiceResource(QuotesRepository quotesRepository) {
        this.quotesRepository = quotesRepository;
    }

    @GetMapping("/{username}")
    public List<String> getQuotes(@PathVariable("username") final String username) {
        return getQuotesByUserName(username);
    }

    @PostMapping("/add")
    public List<String> add(@RequestBody final Quotes quotes) {

        quotes.getQuotes()
                .stream()
                .map(quote -> new Quote(quotes.getUserName(), quote))
                .forEach(quote -> quotesRepository.save(quote));
        return getQuotesByUserName(quotes.getUserName());
    }


    @PostMapping("/delete/{username}")
    public List<String> delete(@PathVariable("username") final String username) {

        List<Quote> quotes = quotesRepository.findByUserName(username);
        quotesRepository.delete(quotes);

        return getQuotesByUserName(username);
    }
}

如果您能指导我，我将不胜感激。预先感谢。

Answer 1

您可以将Ajax用于HTML和CSS页面来执行CRUD操作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

$.ajax({
                url : "/example/get",
                type : "get",
                success : function(data) {
                          console.log(data);
                }

            });

连接Web API（春季启动）和用户界面（html和CSS）

1 个答案: