尧图网页设计 
文章目录*??预期结果* ??前端代码* ??约定前后端交互接?* * ??需求分析 * ??接?定义* ??实现服务器端代码* * ??lombok* ??服务器代码实现* ??运?测试* ?总结??预期结果------可以发布并显示显示后实现输入框的清除并且再次刷新后不会清除下面的缓存??前端代码------这里由于博主主要从事后端相关工作这里就不做过多讲解了相关知识点可以参考博主写的【JavaEE初阶】 JavaScript相应的WebAPI中表白墙的书写如果有看不懂的地方也可以找博主博主也略知一二。代码如下留言板留言板输入后点击提交, 会将信息显示下方空白处谁:对谁:说什么:??约定前后端交互接----------### ??需求分析后端需要提供两个服务1. 提交留:输留信息之后,后端需要把留信息保存起来 2. 展留:展时,需要从后端获取到所有的留信息 ### ??接定义1. 获取全部留全部留信息,我们List来表,可以JSON来描述这个List数据.请求: GET /message/getLis响应:JSON格式 [ { “from”: “?猫”, “to”: “?猫”, “message”: “喵” },{ “from”: “?狗”, “to”: “?狗”, “message”: “汪” }, //… ] 浏览器给服务器发送个GET /message/getList 这样的请求,就能返回当前共有哪些留记录.结果以 json 的格式返回过来2. 发表新留请求:body也为JSON格式 POST /message/publish { “from”: “?猫”, “to”: “?猫”, “message”: “喵” } 响应格式JSON格式 true??实现服务器端代码----------### ??lombok这个环节为大家推荐一个工具lombok,它的出现会使我们开发起来更加简单便捷Lombok是个Java具库通过添加注解的式简化Java的开发首先我们需要在我们的pom.xml文件下面添加以下依赖 org.projectlombok lombok true 那它有什么作用呢又怎么使用呢比如以下代码 public class Person { private int id; private String name; private String password; public int getId() { return id; } public void setId(int id) { this.id id; } public String getName() { return name; } public void setName(String name) { this.name name; } public String getPassword() { return password; } public void setPassword(String password) { this.password password; } } 我们在获取属性时要用大量的get和set看起来非常的不好看。而当我们使用了lombok后代码如下; Data public class Person { private int id; private String name; private String password; } 这样也可以达到相同的效果不仅如此Data 注解还会帮助我们动些法,包含getter/setter,equals,toString等如果觉得这样使用太粗暴了lombok也提供了一些细化的方法注解作Getter动添加 getter 法Setter动添加 setter 法ToString动添加 toString 法EqualsAndHashCode动添加 equals 和 hashCode 法NoArgsConstructor动添加参构造法AllArgsConstructor动添加全属性构造法顺序按照属性的定义顺序NonNull属性不能为nullRequiredArgsConstructor动添加必需属性的构造法finalNonNull的属性为必需它们之间的关系可以理解为 DataGetterSetterToStringEqualsAndHashCodeRequiredArgsConstructorNoArgsConstructor但是呢每一次都需要引入依赖太麻烦了所以我们可以下载相关的插件EditStarter安装过程与使用如下1. 安装插件EditStarter,重启Idea2. 在pom.xml件中,单击右键,选择Generate,操作如下图所进Edit Starters的编辑界,添加对应依赖即可.??服务器代码实现---------第一步定义留对象MessageInfo类 Data public class MessageInfo { private String from; private String to; private String message; } 第二步创建MessageController类这里我们使List来存储留板信息 RequestMapping(“/message”) RestController public class MessageController { private List messageInfos new ArrayList(); RequestMapping(“/getList”) public List getList() { System.out.println(“”); return messageInfos; } RequestMapping(“/publish”) public boolean publish(MessageInfo messageInfo) { System.out.println(messageInfo); if (StringUtils.hasLength(messageInfo.getFrom()) StringUtils.hasLength(messageInfo.getTo()) StringUtils.hasLength(messageInfo.getMessage())) { messageInfos.add(messageInfo); return true; } return false; } } ??运测试-----此时在浏览器通过URL http://127.0.0.1:8080/messagewall.html 访问服务器,即可看到因为此时我们每次提交的数据都会发送给服务器.每次打开的时候都会从服务器加载数据.因此及时关闭,数据也不会丢失 但是数据此时是存储在服务器的内存中( private List Message messages newArrayList Message (); ),旦服务器重启,数据仍然会丢失.要想数据不丢失,可以把数据存储在数据库中总结–关于《【JavaEEj进阶】 Spring实现留言板》就讲解到这儿感谢大家的支持欢迎各位留言交流以及批评指正如果文章对您有帮助或者觉得作者写的还不错可以点一下关注点赞收藏支持一下 【JavaEEj进阶】 Spring实现留言板
文章目录*??预期结果* ??前端代码* ??约定前后端交互接?* * ??需求分析 * ??接?定义* ??实现服务器端代码* * ??lombok* ??服务器代码实现* ??运?测试* ?总结??预期结果------可以发布并显示显示后实现输入框的清除并且再次刷新后不会清除下面的缓存??前端代码------这里由于博主主要从事后端相关工作这里就不做过多讲解了相关知识点可以参考博主写的【JavaEE初阶】 JavaScript相应的WebAPI中表白墙的书写如果有看不懂的地方也可以找博主博主也略知一二。代码如下留言板留言板输入后点击提交, 会将信息显示下方空白处谁:对谁:说什么:??约定前后端交互接----------### ??需求分析后端需要提供两个服务1. 提交留:输留信息之后,后端需要把留信息保存起来 2. 展留:展时,需要从后端获取到所有的留信息 ### ??接定义1. 获取全部留全部留信息,我们List来表,可以JSON来描述这个List数据.请求: GET /message/getLis响应:JSON格式 [ { “from”: “?猫”, “to”: “?猫”, “message”: “喵” },{ “from”: “?狗”, “to”: “?狗”, “message”: “汪” }, //… ] 浏览器给服务器发送个GET /message/getList 这样的请求,就能返回当前共有哪些留记录.结果以 json 的格式返回过来2. 发表新留请求:body也为JSON格式 POST /message/publish { “from”: “?猫”, “to”: “?猫”, “message”: “喵” } 响应格式JSON格式 true??实现服务器端代码----------### ??lombok这个环节为大家推荐一个工具lombok,它的出现会使我们开发起来更加简单便捷Lombok是个Java具库通过添加注解的式简化Java的开发首先我们需要在我们的pom.xml文件下面添加以下依赖 org.projectlombok lombok true 那它有什么作用呢又怎么使用呢比如以下代码 public class Person { private int id; private String name; private String password; public int getId() { return id; } public void setId(int id) { this.id id; } public String getName() { return name; } public void setName(String name) { this.name name; } public String getPassword() { return password; } public void setPassword(String password) { this.password password; } } 我们在获取属性时要用大量的get和set看起来非常的不好看。而当我们使用了lombok后代码如下; Data public class Person { private int id; private String name; private String password; } 这样也可以达到相同的效果不仅如此Data 注解还会帮助我们动些法,包含getter/setter,equals,toString等如果觉得这样使用太粗暴了lombok也提供了一些细化的方法注解作Getter动添加 getter 法Setter动添加 setter 法ToString动添加 toString 法EqualsAndHashCode动添加 equals 和 hashCode 法NoArgsConstructor动添加参构造法AllArgsConstructor动添加全属性构造法顺序按照属性的定义顺序NonNull属性不能为nullRequiredArgsConstructor动添加必需属性的构造法finalNonNull的属性为必需它们之间的关系可以理解为 DataGetterSetterToStringEqualsAndHashCodeRequiredArgsConstructorNoArgsConstructor但是呢每一次都需要引入依赖太麻烦了所以我们可以下载相关的插件EditStarter安装过程与使用如下1. 安装插件EditStarter,重启Idea2. 在pom.xml件中,单击右键,选择Generate,操作如下图所进Edit Starters的编辑界,添加对应依赖即可.??服务器代码实现---------第一步定义留对象MessageInfo类 Data public class MessageInfo { private String from; private String to; private String message; } 第二步创建MessageController类这里我们使List来存储留板信息 RequestMapping(“/message”) RestController public class MessageController { private List messageInfos new ArrayList(); RequestMapping(“/getList”) public List getList() { System.out.println(“”); return messageInfos; } RequestMapping(“/publish”) public boolean publish(MessageInfo messageInfo) { System.out.println(messageInfo); if (StringUtils.hasLength(messageInfo.getFrom()) StringUtils.hasLength(messageInfo.getTo()) StringUtils.hasLength(messageInfo.getMessage())) { messageInfos.add(messageInfo); return true; } return false; } } ??运测试-----此时在浏览器通过URL http://127.0.0.1:8080/messagewall.html 访问服务器,即可看到因为此时我们每次提交的数据都会发送给服务器.每次打开的时候都会从服务器加载数据.因此及时关闭,数据也不会丢失 但是数据此时是存储在服务器的内存中( private List Message messages newArrayList Message (); ),旦服务器重启,数据仍然会丢失.要想数据不丢失,可以把数据存储在数据库中总结–关于《【JavaEEj进阶】 Spring实现留言板》就讲解到这儿感谢大家的支持欢迎各位留言交流以及批评指正如果文章对您有帮助或者觉得作者写的还不错可以点一下关注点赞收藏支持一下