SpringBoot--列表添加详情功能

Posted 2022-12-01 慕斯-ing

功能介绍： 点击table中的某一行数据，在下方以表单的形式将其具体数据列出来。

1、IDEA进行相关的配置，并且创建SpringBoot项目，目录如下：

2、domain中创建实体类，用于和数据库中的数据表关联起来，User。

package com.example.demo.domain;

public class User 
    // 对应数据表user中的各字段
    private String uuid;
    private String username;
    private String gender;
    private int age;
    private String phone;
    private String address;
    private String email;
    private float salary;

    // 鼠标右键选择generate，接着选择setter and getter，选中所有字段，然后点击Ok，便会自动为我们自动生成get和set方法。
    public String getUuid() 
        return uuid;
    
    public void setUuid(String uuid) 
        this.uuid = uuid;
    

    public String getUsername() 
        return username;
    
    public void setUsername(String username) 
        this.username = username;
    

    public String getGender() 
        return gender;
    
    public void setGender(String gender) 
        this.gender = gender;
    

    public int getAge() 
        return age;
    
    public void setAge(int age) 
        this.age = age;
    

    public String getPhone() 
        return phone;
    
    public void setPhone(String phone) 
        this.phone = phone;
    

    public String getAddress() 
        return address;
    
    public void setAddress(String address) 
        this.address = address;
    

    public String getEmail() 
        return email;
    
    public void setEmail(String email) 
        this.email = email;
    

    public float getSalary() 
        return salary;
    
    public void setSalary(float salary) 
        this.salary = salary;
    

3、mapper中创建接口（interface），如：UserMapper。

package com.example.demo.mapper;

import com.example.demo.domain.User;
import org.apache.ibatis.annotations.*;
import java.util.List;

public interface UserMapper 
    // 与数据库相关的操作，通过注解来实现
    // 查询框内搜索功能
    @Select("select * from user where uuid = #uuid")
    public User findById(String uuid);

4、service中创建服务（对应着mapper中的接口），如：UserService。

package com.example.demo.service;

import com.example.demo.domain.User;
import com.github.pagehelper.PageInfo;
import java.util.List;

// 查
User findById(String uuid);

5、service-impl中创建接口服务的实现（对应着service中的接口），如：UserServiceImpl。

package com.example.demo.service.impl;

import com.example.demo.domain.User;
import com.example.demo.mapper.UserMapper;
import com.example.demo.service.UserService;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import javax.annotation.Resource;
import java.util.List;

// 查询
@Override
public User findById(String uuid) 
    // 为了避免为空，前面加了一个option用于封装
    return userMapper.findById(uuid);

6、controller中创建控制器，如：UserController。

package com.example.demo.controller;

import com.alibaba.fastjson.JSONObject;
import com.example.demo.domain.User;
import com.example.demo.service.UserService;
import com.github.pagehelper.PageInfo;
import netscape.javascript.JSObject;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import javax.annotation.Resource;
import java.util.*;

@Controller  // ①返回JSON或XML数据；②页面模板
@RequestMapping("/user")  // 这个类的路径，定义为/user
public class UserController 
    @Resource(name = "UserService")
    private UserService csi;

    // 查询功能(根据uuid查询)
    @GetMapping("/findById")
    @ResponseBody
    public User findById(@RequestParam String uuid)
        User user = csi.findById(uuid);
        return user;
    

效果展示：

点击table中的任意一行数据后的效果如下：

相关链接：
IntelliJ IDEA中构建Spring Boot的项目
Spring Boot中的配置文件（application.properties、application.yml与pom.xml）
ORM、JPA、Spring Data JPA和常用的五种访问数据库方式

SpringBoot–页面显示列表功能
SpringBoot–列表添加详情功能
SpringBoot–列表添加新增功能
SpringBoot–列表更新功能
SpringBoot–列表删除功能

SpringBoot的控制层注解(@Controller与@RestController)
SpringBoot的业务层注解(@Resource、@Autowired与@Qualifier)
SpringBoot的映射（@RequestMapping、@GetMapping与@PostMapping）
SpringBoot的函数参数（JavaBean对象、@RequestParam与@RequestBody）
SpringBoot的返回数据（@ResponseBody、返回templates下的网页 与 返回公共网页）

利用postman完成JSON串的发送功能（springboot）
利用postman完成数据的分页查询功能（springboot）
利用postman完成向数据库中添加数据的功能（springboot）

Please refer to dump files (if any exist) [date].dump, [date]-jvmRun[N].dump and [date].dumpstream.
Preparing: insert into user(uuid,username,gender,age,phone,address) values(?,?,?,?,?,?,?)
Could not autowire. No beans of ‘UserMapper‘ type found.
Error starting ApplicationContext. To display the conditions report re-run your application with
Loading class com.mysql.jdbc.Driver‘. This is deprecated. The new driver class is com.mysql.cj.jdb
Plugin ‘org.springframework.boot:spring-boot-maven-plugin:‘ not found
Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedded datasource could
This application has no explicit mapping for /error, so you are seeing this as a fallback.
BootStrap-SpringBoot的使用过程中前端table表格无法加载出数据。