使用 spring boot + html 从数据库中搜索并在网页中显示

Search from database and display it in web page using spring boot + html

大家好,我是 spring boot 的新手,我想创建一个函数,我在搜索框中输入一个数字,然后 table 与网页上显示的数据相关。

然后信息应该是可见的。 认为我是 spring 引导中的菜鸟,想做这个功能请帮忙 我使用 html css 从头开始​​。 请提供一个 suitable 示例,我正在使用 controller class 这是我的控制器 class

package com.complaintportal.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import com.complaintportal.entities.tbl_voicechat;
import com.complaintportal.serv.tbl_voicechatservice;

@org.springframework.stereotype.Controller
public class Controller {

    /*
     * @Autowired
     * 
     * private tbl_voicechatservice voiceservice;
     */

    @RequestMapping("/home")
    public String home(Model model) {
        model.addAttribute("title", "Welcome to Complaint Portal");
        return "home";
    }

    @RequestMapping("/complaint")
    public String complaint(Model model) {
        model.addAttribute("title", "Complaint lodge");
        return "complaint";
    }

    @RequestMapping("/minutes")
    public String minutes(Model model) {
        model.addAttribute("title", "Minutes not updated");
        return "minutes";
    }

    @RequestMapping("/unvoicht")
    public String unablevoicechat(Model model) {
        model.addAttribute("title", "Complaint lodge");
        return "unvoicht";
    }

    @GetMapping("/login")
    public String login() {
        return "/login";
    }
    
    /*
     * @RequestMapping(value = "/user/{ani}", method = RequestMethod.GET) public
     * tbl_voicechat getDataByANI(@PathVariable("ani") String ani) { return
     * voiceservice.getDataByANI(ani); }
     */

}

请帮忙提供suitable例子

@RequestMapping(value = "/user", method = RequestMethod.GET) public tbl_voicechat getDataByANI(@RequestParam(name = "ani") 字符串 ani) {

returnvoiceservice.getDataByANI(ani);

}

您的代码应该可以工作,但请尝试使用它。

如果它不起作用也分享你的HTML。