SpringMVC登录、注册、验证码

最新推荐文章于 2024-03-10 20:07:07 发布
最新推荐文章于 2024-03-10 20:07:07 发布
阅读量6k 收藏 27
点赞数 2
文章标签： 登录 注册 验证码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java987654/article/details/80828273
版权

想要实现以下效果：

首先jsp前台页面

<body style="margin:150px 0 0 600px">
<!-- Panel面板
	data-options   英文为：属性
	iconCls ： string 设置一个16x16图标的CSS类ID显示在面板左上角。 
	
 -->
<div id="p" class="easyui-panel" title="登录"     
        style="width:350px;height:260px;padding:10px;background:#fafafa;"   
        data-options="iconCls:'icon-man'">  
<!-- 
		Form表单
		validatebox（验证框）
		required boolean 定义为必填字段。 
		
 -->
   <form id="loginform" method="post">   
	   	<table style="padding: 20px 0 10px 30px">
	   		<tr>
	   			<td>用户名：</td>
	   			<td><input class="easyui-validatebox" type="text" name="user_name" data-options="required:true" /></td>
	   		</tr>
	   		<tr>
	   			<td>密码：</td>
	   			<td><input class="easyui-validatebox" type="text" name="password" data-options="required:true" /></td>
	   		</tr>
	   		<tr>
	   			<td>验证码：</td>
	   			<td><input type="text" class="easyui-validatebox" id="code" name="code" placeholder="验证码" maxlength="4" value="" style="width: 60px" data-options="required:true" tipPosition="top"/>
	   				 <img src="${ctx}/user/getCode.action" title="看不清，点击刷新" οnclick="reloadValidCode()"
						style="vertical-align: middle;" id="imgcode"/></td>
	   		</tr>
	   		
	   		<tr>
	   			<td></td>
	   			<td>
	   			<a id="btn" href="#" οnclick="login()" class="easyui-linkbutton c7" data-options="iconCls:'icon-ok'">登录</a> 
	   			<a id="btn" href="#" οnclick="regisger()" class="easyui-linkbutton" data-options="iconCls:'icon-add'" style="margin-left: 55px">注册</a> 
	   			</td>
	   		</tr>
	   		
	   	</table>
	</form>  

</div>  
<!-- easyui-dialog对话窗口
	modal boolean 定义是否将窗体显示为模式化窗口。 
	resizable boolean 定义是否可以改变对话框窗口大小。 
	closed boolean 定义是否可以关闭窗口。 
	buttons array,selector 对话框窗口底部按钮，可用值有
	easyui-combobox 下拉列表框
	editable boolean 定义用户是否可以直接输入文本到字段中。 
	multiple boolean 定义是否支持多选。 
	required="true"   ValidateBox（验证框）属性
 -->
<div id="user_dialog" class="easyui-dialog" title="My Dialog" style="width:400px;height:auto;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#user_dialog_bottons'">   
    <form id="user_form" method="post">  
    	<input type="hidden" name="id"> 
    	<table>
			   	<tr>
	    			<td>用户名:</td>
	    			<td><input class="easyui-validatebox" type="text" name="user_name" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	    			<td>密码:</td>
	    			<td><input class="easyui-validatebox" type="text" name="password" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	    			<td>真实姓名:</td>
	    			<td><input class="easyui-validatebox" type="text" name="name" data-options="required:true"/></td>
	    		</tr>
	    		<tr>
		   			<td>角色：</td>
		   			<td><input class="easyui-combobox" id="roles" name="roles" url='${ctx}/role/getAllList.action' 
				data-options="valueField:'id', textField:'role_name',editable:false,multiple:true,panelHeight:'auto'" required="true"></td>
		   		</tr>
			   	<tr>
	    			<td>手机号:</td>
	    			<td><input class="easyui-validatebox" type="text" name="phone" data-options="required:true"/></td>
	    		</tr>
    			<tr>
	    			<td>出生日期:</td>
	    			<td><input type="text" class="easyui-datebox" name="birthday" data-options="required:true"/></td>
	    		</tr>
    			<tr>
	    			<td>创建日期:</td>
	    			<td><input type="text" class="easyui-datebox" name="create_time" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	    			<td>创建人:</td>
	    			<td><input class="easyui-validatebox" type="text" name="create_user" data-options="required:true"/></td>
	    		</tr>
    			<tr>
	    			<td>最后修改时间:</td>
	    			<td><input type="text" class="easyui-datebox" name="update_time" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	    			<td>最后修改人:</td>
	    			<td><input class="easyui-validatebox" type="text" name="update_user" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	   			<td>性别：</td>
	   			<td  id="sextd">
		   				<input type="radio" name="sex" id="sex1" value="1" style="width:50px;" checked="checked">男</input>
						<input type="radio" name="sex" id="sex2" value="2" style="width:50px;">女</input>
		   			</td>
		   		</tr>
			   	<tr>
	    			<td>工资:</td>
	    			<td><input class="easyui-validatebox" type="text" name="salary" data-options="required:true"/></td>
	    		</tr>
			   	<tr>
	    			<td>履历:</td>
	    			<td><input class="easyui-validatebox" type="text" name="content" data-options="required:true"/></td>
	    		</tr>
    	</table>
    	 
<!--	      单选  <input type="radio" name="sex" value="0" checked="checked"/>男 <input type="radio" name="sex" value="1"/>女   
	   下拉<input id="hobby_combobox" class="easyui-combobox" name="hobby" data-options="required:true,valueField:'code',textField:'name',url:'${ctx}/dict/geByPid.action?pid=1',multiple:true" />  
-->	
</form>  
</div>
<div id="user_dialog_bottons">
<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-save'" οnclick="save()">保存</a> 
<a href="javascript:$('#user_dialog').dialog('close');" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a> 
</div>
<script type="text/javascript">
function keyEnter(){ 
	if (event.keyCode == 13) { 
		login();
	} 
} 
document.onkeydown =keyEnter;
function reloadValidCode() {
	$("#imgcode").prop('src',"${ctx}/user/getCode.action?timed="+ new Date().getMilliseconds());
}
function login(){
	$('#loginform').form('submit', {    
	    url:"${ctx}/user/login.action",   
	    onSubmit: function(){
	    	//gettips("code","验证码错误","top");
			var isValid = $(this).form('validate');
			return isValid;	// 返回false终止表单提交
		},
	    success:function(data){ 
	    	var data = eval('(' + data + ')');  
	        if(data.success){
	        	window.location.href="${ctx}/user/main.action";
	        }else{
	        	$.messager.alert('警告',data.msg,'error',function(){
	        		reloadValidCode();
	        	});
	        }
	    }    
	});  
}
function regisger(){

		$("#user_dialog").dialog("open").dialog("setTitle","注册");
		$("#hobby_combobox").combobox("clear");
		$("#user_form").form("clear");
	
}
//注册
 function save(){
	debugger;
	$('#user_form').form('submit', {    
		url:"${ctx}/user/save.action",   
	    onSubmit: function(){    
	    	return $(this).form('validate');
	    },    
	    success:function(data){  
	    	var data = eval("("+data+")");
	        if(data.success){
	        	$('#user_dialog').dialog('close');
	        	$("#user_datagrid").datagrid("reload");
	        } 
	    }    
	});  
}
</script>

</body>

在controller层编写

        @RequestMapping("login")//登录
	@ResponseBody
	public ResJson login(HttpServletRequest request , String user_name , String password , String code , HttpSession session){
		ResJson resJson = new ResJson();
		String codeValue = (String) request.getSession().getAttribute(Const.SESSION_CODE);
		if (code.equalsIgnoreCase(codeValue)) {
			User user = userService.getUserName(user_name);
			System.out.println(user);
			if (user==null) {
				resJson.setSuccess(false);
				resJson.setMsg("用户名密码错误");
			}else {
				password=Encoding.md5Encoding(password);
				System.out.println("--------------"+password.toString());
				if (password.equals(user.getPassword())) {
					request.getSession().setAttribute(Const.SESSION_USER, user);
					request.getSession().setAttribute(Const.SESSION_USER_NAME, user.getUser_name());
					resJson.setSuccess(true);
					session.setAttribute("user", user);
				}else {
					resJson.setMsg("用户名密码错误");
				}
			}
		}else {
			resJson.setMsg("验证码错误");
		}
		System.out.println(resJson);
		return resJson;
	}
	@RequestMapping("logout")//退出登录，调回登录页面
	public ModelAndView logout(HttpServletRequest request){
		HttpSession session = request.getSession();
		Object object = session.getAttribute(Const.SESSION_USER);
		if (object!=null) {
			session.invalidate();
		}
		return new ModelAndView("login/login");
	}
	/**
	 * 获取验证码
	 */
	@RequestMapping("getCode")
	@ResponseBody
	public String getCode(HttpServletRequest request , HttpServletResponse response){
		try {
			ValidCodeUtils.getImage(request, response);
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
		}
		return null;
	}

在dao.xml文件中编写

<!--登录-->
  <select id="login" parameterType="com.model.user.User" resultType="com.model.user.User">
  	select
			   a.user_name,
			   a.password
		from 
				ztl_user a
		where a.user_name=#{user_name}
  </select>

在spring-mvc.xml配置文件中加入拦截器地址

<!-- 拦截器  -->
        <mvc:interceptors>
               <bean class="//SystemInterceptor配置文件的地址" />
        </mvc:interceptors>

配置SystemInterceptor拦截器

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

public class Systemlnterceptor implements HandlerInterceptor{

	@Override
	public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object arg2, Exception arg3)
			throws Exception {
		// TODO Auto-generated method stub
		
	}

	@Override
	public void postHandle(HttpServletRequest request, HttpServletResponse response, Object arg2, ModelAndView arg3)
			throws Exception {
		// TODO Auto-generated method stub
		
	}

	@Override
	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object arg2) throws Exception {
		// TODO Auto-generated method stub
		//获取请求地址
		String requestURI = request.getRequestURI();
		//不需要拦截的请求
		String No=".*/((tologin)|(loginOpt)).*";
		//判断请求
		if (requestURI.matches(No)) {
			return true;
		}
		String id=(String)request.getSession().getAttribute("id");
		if (id!=null) {
			return true;
		}
		request.getRequestDispatcher("/WEB-INF/login.jsp").forward(request, response);
		return false;
	}

}

java987654
关注
  • 2
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Maven+spring+springMVC+mybatis登陆注册demo
03-10
本项目使用Maven+spring+springMVC+mybatis框架，环境为jdk1.8.0_31 apache-tomcat-8.5.8，功能上实现了简单的登陆注册功能，登陆时有类似于12306网站那种图片验证码
spring mvc 登陆验证
07-14
最简单的Spring MVC 架构的登陆验证系统。
Spring学习笔记（八）基于Spring mvc技术的简单后台登录验证系统
weixin_72154059的博客
03-10 500
本项目主要是对用户登录状态的验证，只有登录成功的用户才可以访问系统中的资源。为了保证后台系统的页面不能被客户直接请求访问，本案例中所有的页面都存放在项目的WEB-INF文件夹下，客户需要访问相关页面时，需要在服务器端转发到相关页面。如果没有登录系统而直接访问系统首页，拦截器会将请求拦截，并转发到登录页面，同时在登录页面中给出提示信息。如果用户登录时提交的用户名或密码错误，也会在登录页面给出相应的提示信息。当已登录的用户在系统页面中单击“退出”链接时，系统同样会回到登录页面。
SpringMVC+hibernate+Spring
02-19
SpringMVC技术实现登录，注册，退出，验证码，以及登录后对页面上对数据库的增删改查操作，页面是简单写的，适合练手用。还有一个暂时没有设计完成，不过可以练练手，增加下新手知识
springMVC+hibernate
02-24
SpringMVC技术实现登录，注册，退出，验证码及其分页功能 以及登录后对页面上对数据库的增删改查操作，页面是简单写的，适合练手用。还有一个暂时没有设计完成，不过可以练练手，增加下新手知识
spring mvc实现验证码登录注册功能
04-20
用spring mvc实现带有验证码的登录注册功能模块，代码比较完整详细，适合于毕业设计的登录注册功能，可以根据自己的需要进行修改。 个人环境为：eclipse2019、mysql、和tomcat8.5
Spring MVC实现带有验证码的登录注册模块
qq_38938670的博客
04-20 2056
记：最近两天在完善毕业设计和论文终稿，完善毕业设计时想要在登录注册模块添加一个验证码功能，在网上找了很多参考资料，但是在实现的时候都不是很尽如人意。后来找了一个在前端直接生成的验证码代码，根据自己的毕设项目进行了修改，已经可以完美运行（姑且认为是完美吧~）并且符合我的要求。 1、我的毕设项目结构图如下 ...
SpringMvc简单使用——用户登录注册
qq_54000767的博客
03-14 3664
SpringMvc简单使用——用户登录注册
SpringMVC案例 - 简单登录
高冷的上官梓芸的博客
04-09 5280
springmvc 的简单登陆
springmvc实现登录功能
weixin_62262335的博客
10-21 887
springmvc实现简单的登录（小菜鸡练习）
基于Spring MVC框架下的登录项目
weixin_52867888的博客
05-21 589
​ 由于本人技术水平问题，该项目还有许多不足之处，还请各位大佬提供解决方案。例如：前端页面的籍贯可以做成夜歌地址级联选择器等。欢迎大家在评论区讨论，共同学习。
springmvc框架的用户登录注册的简单实现
06-06
spring初学这可以参考的用户登录注册简单的例子，mvc设计模式的spring框架，适合初学者，比较简单，容易理解和入门
springmvc拦截器实现登录验证
05-15
springmvc拦截器实现登录验证
springMVC实现用户注册及登陆
03-01
Java+tomcat+springMVC;实现用户注册及登陆 .没有Service与dao
springmvc-注册页面发送手机验证码
07-11
通过使用网易云平台的短信发送验证码，在后台进行对比后达到手机号注册的效果 通过使用网易云平台的短信发送验证码，在后台进行对比后达到手机号注册的效果
使用SSM（SpringMVC Spring Mybatis）创建的注册登录系统.zip
最新发布
04-04
验证码使用jcaptcha，发送邮件使用JEmail 毕业设计是高等教育阶段学生在完成学业前所进行的一项重要学术任务，旨在检验学生通过学习所获得的知识、技能以及对特定领域的深刻理解能力。这项任务通常要求学生运用所学...
搭建springmvc项目(模拟登录功能)
qq_54660143的博客
04-07 2596
前言 通过老师搭建springmvc项目演示的模拟注册功能，要求完成模拟登录，首先搭建springmvc项目，后而分析登录功能的逻辑，从而实现模拟登录功能。 一：搭建SpringMCV项目 1.创建一个动态的Web项目 File===>New===>Dynamic Web Project Project name:创建项目的名称 Target runtime:服务 ，教学用的是8.0或者8.5版本的，由于我自己用的是9.0版本的Tomcat因此，选择 Apache Tomcat
Spring MVC——登入功能的实现
kwai_lm的博客
07-02 765
Spring MVC——登入功能的实现 基本思路： 利用前端的post方式传送数据给后台，后台根据收到的数据，调用数据库，根据用户名进行数据查询，接收查询结果以后，与前端传送来的数据进行匹配，若用户名不存在，则弹出“不存在该用户”，若密码错误则弹出“密码错误”，若用户名密码都与数据库信息匹配，则登入成功。 代码： 在dao层添加函数，根据用户名查询数据库中对应用户的信息。 User getUser...
使用springmvc框架完成登录
wangzhigang0926的博客
05-23 347
GoodsController类。UserController类。index.jsp页面。login.jsp页面。zhuye.jsp页面。error.jsp页面。
springmvc登录注册
05-05
好的，下面是一个简单的SpringMVC登录注册示例： 首先，创建一个Maven项目，添加以下依赖： ```xml <dependencies> <!-- Spring MVC --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.3.5</version> </dependency> <!-- Spring JDBC --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>5.3.5</version> </dependency> <!-- MySQL JDBC driver --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.23</version> </dependency> </dependencies> ``` 接下来，创建一个数据表，用于存储用户的账号和密码： ```sql CREATE TABLE `user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(50) NOT NULL, `password` varchar(50) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; ``` 然后，创建一个User类，用于封装用户信息： ```java public class User { private int id; private String username; private String password; // 省略 getter 和 setter 方法 } ``` 接下来，创建一个UserService类，用于处理用户登录和注册的业务逻辑： ```java @Service public class UserService { @Autowired private JdbcTemplate jdbcTemplate; public boolean login(String username, String password) { String sql = "SELECT COUNT(*) FROM user WHERE username = ? AND password = ?"; int count = jdbcTemplate.queryForObject(sql, Integer.class, username, password); return count > 0; } public boolean register(String username, String password) { String sql = "INSERT INTO user(username, password) VALUES (?, ?)"; int result = jdbcTemplate.update(sql, username, password); return result > 0; } } ``` 最后，创建一个UserController类，用于处理登录和注册的请求： ```java @Controller public class UserController { @Autowired private UserService userService; @GetMapping("/login") public String login() { return "login"; } @PostMapping("/login") public String login(String username, String password, Model model) { if (userService.login(username, password)) { return "redirect:/index"; } else { model.addAttribute("error", "用户名或密码错误"); return "login"; } } @GetMapping("/register") public String register() { return "register"; } @PostMapping("/register") public String register(String username, String password, Model model) { if (userService.register(username, password)) { return "redirect:/login"; } else { model.addAttribute("error", "注册失败"); return "register"; } } } ``` 在上面的代码中，`@GetMapping`和`@PostMapping`用于处理GET和POST请求，`@Autowired`用于自动注入`UserService`实例，`Model`用于传递数据给视图。 最后，创建login.jsp和register.jsp页面，用于显示登录和注册界面。 这样，一个简单的SpringMVC登录注册示例就完成了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值