ssm框架整合并实现简单验证登陆功能

- 日理万妓 2022-02-09 09:51 482阅读 0赞

## ssm框架整合 ##

*  [ssm整合要用到的jar包和配置文件][ssm_jar]
 *  新建动态web项目，
 *  在web-inf/lib中添加资源中给的所有jar包，并右键依赖项目
 *  添加以下配置文件到src下  
    ![在这里插入图片描述][20190502131647919.png]
 *  将配置文件中的web.xml中的内容粘贴进去。
 *  修改jdbc.properties中的数据库连接信息（此处连接数据库用的c3p0）。
 *  [逆向工程][Link 1]生成mapper和entity实体类，或者自己写。（此处所有配置文件中的包名统一为com.xx开头）,可以自己改。  
    **完成上述步骤ssm就已经配置好了。**

--------------------

**下面我们写一个登陆验证的功能**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70]

*  1.先写一个login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <html>
    	<head>
    	  <style type="text/css"> body{ text-align:center;} span{ color:red; font-size:200% } hr{ margin-bottom:30px } </style>	
    	</head>
      <body>
        <span> 登录 </span>
        <hr color="red"/>
        <form action="login" method="post">
        	<table border="1" bordercolor="blue" width="40%" cellspacing="0" align="center">
        	  <tr>
        	    <td>请输入用户名：</td>
        	    <td><input type="text" name="code"/></td>	
        	  </tr>	
        	  <tr>
        	    <td>请输入密码：</td>
        	    <td><input type="password" name="password"/></td>	
        	  </tr>
        	  <tr align="center">
        	    <td colspan="2">
        	    	<input type="submit" value="登陆"/> <input type="reset" value="重置"/>
        	    	<a href="RegistView.html">注册</a>  <span style="font-size: 15px">${error}</span>
        	    </td>	
        	  </tr>
        	</table>
      </form>
      </body>	
    </html>

*  2.再写一个登陆成功的跳转index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <center><h2>登陆成功！</h2></center>
    </body>
    </html>

*  3.写UserController，并加注解

package com.xx.controller;
    
    import javax.servlet.http.HttpSession;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import com.xx.entity.TUser;
    import com.xx.service.UserService;
    
    @Controller
    public class UserController { 
    	@Autowired
    	private UserService userService;
    
    	@RequestMapping("login")
    	public String login(TUser user,Model model,HttpSession session) { 
    		TUser user2 = userService.loginByCode(user.getCode());
    		if(user2!=null){ 
    			if (user.getPassword().equals(user2.getPassword())) { 
    				session.setAttribute("user", user);
    				return "redirect:index.jsp";
    			} else { 
    				model.addAttribute("error", "密码错误");
    				return "forward:login.jsp";
    			}
    		}else { 
    			model.addAttribute("error", "用户名不存在");
    			return "forward:login.jsp";
    		}
    	
    		
    	}
    }

*  4.写UserService,实现访问数据库

package com.xx.service;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Service;
    
    import com.xx.entity.TUser;
    import com.xx.mapper.TUserMapper;
    
    @Service
    public class UserService { 
    	@Autowired
    	private TUserMapper userMapper;
    
    	public TUser loginByCode(String code) { 
    		TUser user=userMapper.loginByCode(code);
    		return user;
    	}
    }

*  5.在TUserMapper.java中写实现方法

TUser loginByCode(String code);

*  6.在TUserMapper.xml中写sql语句

<select id="loginByCode" parameterType="String" resultType="com.xx.entity.TUser">
      select * from t_user where code=#{code}
      </select>

*  7.完成之后，启动服务器，在浏览器中访问  
    启动正常：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70 1]  
    访问：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70 2]

--------------------

谢谢！

[ssm_jar]: https://download.csdn.net/download/qq_43371004/11150128
[20190502131647919.png]: /images/20220206/38d09eec267b48f6a15c2a875cfc8603.png
[Link 1]: https://blog.csdn.net/qq_43371004/article/details/89759786
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70]: /images/20220206/228b4e93ed1241c2b27c1270aad9ddaa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70 1]: /images/20220206/0c60ab94ed294028b36251aa56c42e57.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzcxMDA0_size_16_color_FFFFFF_t_70 2]: /images/20220206/3bd9057f70224ab79cac914d2f6a52fd.png