案例续集留言板

前端没有保存数据的功能,后端把数据保存下来(内存,数据库等等......)

前端代码如下 :





    
    
    留言板
    



    

留言板

输入后点击提交, 会将信息显示下方空白处

谁:
对谁:
说什么:

我们将其复制到 idea 的 static 里面,然后运行代码,再用浏览器进行访问看看会不会出错,如下图没毛病案例续集留言板_第1张图片

接口定义:

1.提交留言

  /message/public

  参数:MessageInfo (from,to,message)

  返回结果:true / false 

2.查看所有留言

  /message/getMessageList

  参数: 无

  返回结果: List

然后我们引入 lombok 工具包

我们不要选太新的工具包,选使用的次数多的工具包,放进 pom.xml 里面

案例续集留言板_第2张图片

这样我们就不需要也一串 get和set方法了,这样我们的代码就更加清晰了

案例续集留言板_第3张图片

但是如果我们不想给所有属性都加上的话,可以单独进行注释

案例续集留言板_第4张图片

但是上面这种引入包的方式太麻烦了,我们还有别的方法

安装插件

案例续集留言板_第5张图片

安装完之后重启就能生效了

然后在 pom.xml 里面右键选择 generate

案例续集留言板_第6张图片

案例续集留言板_第7张图片

案例续集留言板_第8张图片

这样就完成了

案例续集留言板_第9张图片

然后我们继续上面留言板的代码

后端代码如下 :

package com.example.demo1.controller;

import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.ArrayList;
import java.util.List;

@RequestMapping("/message")
@RestController
public class MessageController {
    private List messageInfos = new ArrayList<>();
    @RequestMapping("/publish")
    public Boolean publishMessage(MessageInfo messageInfo){
        //进行参数的校验
        if (!StringUtils.hasLength(messageInfo.getFrom())
                ||!StringUtils.hasLength(messageInfo.getTo())
                ||!StringUtils.hasLength(messageInfo.getMessage())){
            return false;
        }
        //添加留言
        messageInfos.add(messageInfo);
        return true;
    }
    //返回留言
    @RequestMapping("/getMessageInfo")
    public List getMessage(){
        return messageInfos;
    }
}
package com.example.demo1.controller;

import javax.xml.crypto.Data;

@lombok.Data
public class MessageInfo {
    private String from;
    private String to;
    private String message;
    private Data CreateTime;
}

用 postman 测试后端代码,结果为true,没问题

案例续集留言板_第10张图片

再打开一个页面看看能不能获取到信息

案例续集留言板_第11张图片

哪怕添加了多个也是可以获取到的

案例续集留言板_第12张图片

由此可见后端代码是没有问题的

然后我们对前端代码进行补充





    
    
    留言板
    



    

留言板

输入后点击提交, 会将信息显示下方空白处

谁:
对谁:
说什么:

案例续集留言板_第13张图片

你可能感兴趣的:(java)