【SpringMVC-005】idea创建SpringMVC项目傻瓜教程-简单注册登录

落日映苍穹つ 2022-06-10 05:09 159阅读 0赞

项目还是基于之前[【001】][001]中建立的结构，这一章，通过一个简单的demo，熟悉下注解的使用。

先看下要实现的效果。

首先是注册界面，其次是登录界面，最后是欢迎界面。

![20170814092716020][]![20170814092725832][]![20170814092735809][]

\---------------------------------------------------------【我是分界线】----------------------------------------------------

【1】首先创建一个User类，路径为src/com/test/model/User.java。结构图如下所示：

![SouthEast][]

User.java的代码如下，这个类是一个域对象，用来接收并封装前台页面传递过来的数据。通常，在构建域对象时，需要考虑该对象可能需要进行**网络传输**，**本地缓存**，因此建议实现序列化接口Serializable。

//域对象，实现序列化接口  //set get方法略 
    public class User implements Serializable{
    
        private String loginname;
    
        private String username;
    
        private String password;
    }

【2】创建UserController.java文件，路径为：src\\com\\test\\controller\\UserController.java

@Controller
    @RequestMapping(value="/user")
    public class UserController {
    
        private static List<User> userList;
    
       /* @Autowired
        private static User user;*/
    
        public UserController() {
            this.userList = new ArrayList<>();//初始化userlist
        }
    
    
        @RequestMapping(value = "/register",method = RequestMethod.GET)
        public String registerForm() {
    
            return "/user/registerForm";
        }
    
        @RequestMapping(value = "/register",method = RequestMethod.POST)
        public String register(@RequestParam("loginname") String loginname,
                               @RequestParam("username") String  username,
                               @RequestParam("password") String password) {
            User user = new User();
            user.setLoginame(loginname);
            user.setUsername(username);
            user.setPassword(password);
            //存储user信息
            userList.add(user);
            //跳转页面到登录页面
            return "/user/loginForm";
        }
    
        @RequestMapping(value = "login")
        public String login(@RequestParam("loginname") String loginname,
                            @RequestParam("password") String password,
                            Model model) {
            //到集合中查询用户是否存在
            for (User user : userList){
                if (user.getLoginame().equals(loginname)&& user.getPassword().equals(password)){
                    model.addAttribute("user",user);
                    return "/user/welcome";
                }
    
            }
            return "/user/loginForm";
        }
    
    }//end

UserController类的代码解释如下：
    1.UserController类使用@Controller注解，是一个控制器类
    2.UserController类上面使用了@RequestMapping(value="/user")的注解，表示控制器处理的所有请求都被映射到user路径下。
    3.没有使用数据库来储存用户的注册信息，所以定义了一个静态List类集合userList来代替数据库存储信息。
    4.registerForm方法使用了@RequestMapping（value=“/register”,method=RequestMethod.GET）注解，表示该方法的请求为：http://localhost:8080/user/register,并且只支持GET请求，该方法返回的字符串“registerForm”，参考dispatcher-servlet.xml中的配置信息，可以知道该方法只是跳转到registerForm.jsp注册页面。
    5.register方法使用了@RequestMapping（value=“/register”,method=RequestMethod.POST）注解，表示该方法的请求为：http://localhost:8080/user/register,并且只支持POST请求。该方法使用@requestParam注解将指定的请求参数赋值给方法中的形参，之后创建一个user对象保存用户传递的注册信息，最后将user对象存储到userList集合当中，之后的登录页面就可以到userList集合当中进行用户登录业务的逻辑判断，该方法返回字符串“loginForm”，并跳转到loginForm.jsp页面。
    6.login方法使用了@RequestMapping（“/login”）注解，表示该方法映射的请求为：http://localhost:8080/user/login，这里没有设置method属性，表示支持所有方式的请求。该方法用@RequestParam注解将指定地点请求参数赋值给方法中的形参，之后到集合中查找用户是否存在，此处用来模拟数据库验证，login方法中还有一个参数Model对象，调用该对象的addAttribute方法可以将数据添加到request中，最后，如果用户登录成功，则返回字符串“welcome”，并跳转到welcome.jsp欢迎界面，登录失败则返回字符串“loginForm”，并跳转到loginForm.jsp登录界面。
    【3】创建registerForm.jsp文件，路径为：web\WEB-INF\jsp\user\registerForm.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>注册页面</title>
    </head>
    <body>
    <form action="register" method="post">
        <table>
            <tr>
                <td><label>登录名：</label></td>
                <td><input type="text" id="loginname" name="loginname"> </td>
            </tr>
            <tr>
                <td><label>密码：</label></td>
                <td><input type="password" id="password" name="password"> </td>
            </tr>
            <tr>
                <td><label>真实姓名：</label></td>
                <td><input type="text" id="username" name="username"> </td>
            </tr>
            <tr>
                <td><input type="submit" id="submit" value="注册"> </td>
            </tr>
        </table>
    </form>
    </body>
    </html>

【4】创建loginForm.jsp文件，路径为：web\WEB-INF\jsp\user\loginForm.jsp。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>登录界面</title>
    </head>
    <body>
    <form action="login" method="post">
        <table>
            <tr>
                <td><label>登录名：</label></td>
                <td><input type="text" id="loginname" name="loginname"> </td>
            </tr>
            <tr>
                <td><label>密码：</label></td>
                <td><input type="password" id="password" name="password"> </td>
            </tr>
            <tr>
                <td><input type="submit" id="submit" value="登录"> </td>
            </tr>
        </table>
    </form>
    </body>
    </html>

【5】创建welcome.jsp文件，路径为：web\WEB-INF\jsp\user\welcome.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>欢迎界面</title>
    </head>
    <body>
        <h1>欢迎${requestScope.user.username}</h1>
    </body>
    </html>

最后，部署这个web应用，在浏览器中输入如下URL：http://localhost:8080/user/register。自行测试即可。效果将于文章开头提及的效果一样。

[001]: http://blog.csdn.net/qq_28194557/article/details/77004330
[20170814092716020]: https://img-blog.csdn.net/20170814092716020
[20170814092725832]: https://img-blog.csdn.net/20170814092725832
[20170814092735809]: /images/20220610/c5594ab2de6b42edaf17e608c0fb01e2.png
[SouthEast]: /images/20220610/444e021ccdcd451ab363b0d139d1a890.png