6-10 增加删除电子书功能

Posted 2022-03-08 孤注一掷 、

电子书管理页面，点击某一行的删除按钮式，删除该行电子书

后端增加删除接口

前端点击删除按钮时调用后端删除接口

删除时需要有一个确认框

添加：

注意要使用@DeleteMapping。

id会自动映射 @PathVariable Long id

 修改：添加气泡确认窗

 新增删除事件

 最后返回事件。

 

 注意： 由于后端id使用的是long类型，前端是number类型，雪花算法id在前后端交互时会产生精度损失，造成前端获取的id与后端不同，产生问题。

解决方法：将long类型转为string类型传到前端，新增如下配置类：

@Configuration
public class JacksonConfig 
    @Bean
    public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) 
        ObjectMapper objectMapper = builder.createXmlMapper(false).build();
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        objectMapper.registerModule(simpleModule);
        return objectMapper;
    

结果：

 删除成功。