使用SpringMVC实现功能

目录

一、计算器

1、前端页面

2、服务器处理请求

3、效果

二、用户登陆系统

1、前端页面

（1）登陆页面

（2）欢迎页面

2、前端页面发送请求--服务器处理请求

3、效果

三、留言板

1、前端页面

2、前端页面发送请求

（1）获取之前的页面留言

（2）发送填写的留言

3、服务器处理请求

（1）针对获取之前留言的请求

（2）针对发送留言的请求

4、前端页面处理服务器的响应

（1）处理获取到全部留言的响应

（2）处理发表留言后的响应

5、效果

---

一、计算器

1、前端页面

  
  
  



  
计算器
  数字1：

  数字2：

  

发送的是form请求，请求路径为：calc/sum，请求方法为：post。

页面效果：

2、服务器处理请求

3、效果

二、用户登陆系统

1、前端页面

前端有两个页面：登录页面和欢迎页面。登陆成功可以跳转欢迎页面。

（1）登陆页面

    
    



用户登录
用户名：

密码：

    

（2）欢迎页面

    
    
    
    



登录人: 

效果：

2、前端页面发送请求--服务器处理请求

在登陆页面发送json请求，url为login/check：，参数有：username和password，请求方法为post。

服务器处理上面请求：

登陆页面处理来着服务器的响应：

登陆成功跳转到欢迎页面：

欢迎页面发送json请求，url："/login/index"，请求方式：get，请求内容为空。

服务器处理上面请求：

欢迎页面处理来自服务器的响应：

3、效果

三、留言板

1、前端页面

    
    
    
    



    

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

            谁: 
        
        

            对谁: 
        
        

            说什么: 
        
        
        
    

    
    

效果：

2、前端页面发送请求

在进入页面的时候，该页面希望获取到之前的页面留言；在填写完留言内容后，希望页面能显示出内容。虽然目前前端已经可以显示，但是浏览器刷新后就没了。

（1）获取之前的页面留言

请求类型：json，请求方式为get，请求数据为空，url：/message/getList

（2）发送填写的留言

请求类型：json，请求方式：post，请求数据：留言内容，url：/message/postList

3、服务器处理请求

定义留言对象

（1）针对获取之前留言的请求

（2）针对发送留言的请求

4、前端页面处理服务器的响应

（1）处理获取到全部留言的响应

（2）处理发表留言后的响应

5、效果