个人主页：兜里有颗棉花糖

欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 兜里有颗棉花糖 原创

收录于专栏【Spring MVC】

本专栏旨在分享学习Spring MVC的一点学习心得，欢迎大家在评论区交流讨论💌

目录

• 一、加法计算器
• 二、登录页面
• • login.html
  • index.html
  • 三、留言板

    一、加法计算器

    前端代码：

    
    
    
        
        
        
    
    
         
    
            
    计算器
            数字1：
    
            数字2：
    
            
        
    
    
    

    后端代码：

    package org.example.demo1.demos.web.controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    @RequestMapping("/calc")
    @RestController
    public class CalcController {
        @RequestMapping("/sum")
        public String sum(Integer num1,Integer num2) {
            Integer sum = num1 + num2;
            return "计算结果为:" + sum;
        }
    }
    

    运行结果：

    

    

    二、登录页面

    前端两个文件（login.html、index.html），后端一个文件（UserController.java）。

    后端代码如下：

    package org.example.demo1.demos.web.controller;
    import org.springframework.util.StringUtils;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    import javax.servlet.http.HttpSession;
    @RequestMapping("/user")
    @RestController
    public class UserController {
        @RequestMapping("/login")
        public Boolean login(String userName, String password, HttpSession session) {
            // 校验参数的合法性
            if(!StringUtils.hasLength(userName) || !StringUtils.hasLength(password))
                return false;
            // 进行用户名和密码的校验
            if("admin".equals(userName) && "admin".equals(password)) {
                session.setAttribute("username","admin");
                return true;
            }
            return false;
        }
        @RequestMapping("/getUserInfo")
        public String getUserInfo(HttpSession session) {
            // 从session中获取session用户
            String userName = (String) session.getAttribute("username");
            return userName;
        }
    }
    

    login.html

    
    
    
        
        
    
    
    用户登录
    用户名：
    
    密码：
    
    
    
    
    

    index.html

    
    
    
        
        
        
        
    
    
    登录人: 
    
    
    

    三、留言板

    后端接口定义：

    1.提交留言（/message/publish）：

    参数：MessageInfo(from,to,message)

    返回结果：true/false

    2.查看所有留言（/message/getMessageList）：

    参数：无

    返回结果：List

    前端代码：

    
    
    
        
        
        
        
    
    
    
        
    留言板
        
    输入后点击提交, 会将信息显示下方空白处
        
    
            谁: 
        
        
    
            对谁: 
        
        
    
            说什么: 
        
        
        
    
    
    
    

    后端代码：

    package org.example.demo1.demos.web.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 publicMessage(MessageInfo messageInfo){
            if(!StringUtils.hasLength(messageInfo.getMessage())
                || !StringUtils.hasLength(messageInfo.getFrom())
                || !StringUtils.hasLength((messageInfo.getTo()))) {
                return false;
            }
            messageInfos.add(messageInfo);
            return true;
        }
        @RequestMapping("/getMessageInfo")
        public List getMessageInfo(){
            return messageInfos;
        }
    }
    

    效果演示：

    

    好了，以上就是本文的全部内容了。希望各位友友可以一键三连哈！！！

    

     
     网站建设与制作教程  松原网站建设  企业网站有哪些功能  长沙网页制作  好的网站建设  宁波网站制作方案定制