springboot--（简单）登陆注册+（简单）过滤器---（比较繁琐）

最新推荐文章于 2024-08-10 18:22:29 发布

duzi55

最新推荐文章于 2024-08-10 18:22:29 发布

阅读量1.3k

点赞数 2

分类专栏： learn 文章标签：练手

本文链接：https://blog.csdn.net/weixin_44420571/article/details/87778389

版权

learn 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

springboot之登陆注册与简单过滤

一.注册（登陆）

1.分析层次结构：model +view +controller+service+dao（repository）

大体框架：
在这里插入图片描述

2.view层：



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>节日祝福注册(html)</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4">
<h1>注册</h1>
</div>
<div class="col-sm-4"></div>
</div>
</div>
</div>
<form class="form-horizontal" role="form" action="register" >
	<div class="form-group">
		<label for="firstname" class="col-sm-offset-1 col-sm-2 control-label">名字</label>
		<div class="col-sm-5">
			<input type="text" class="form-control" id="uname" name="name"
				   placeholder="请输入名字">
				   
		</div><div class="col-sm-4"><div id="usermessage" ></div></div>
	</div>
	<div class="form-group">
		<label for="lastname" class="col-sm-offset-1 col-sm-2 control-label">密码</label>
		<div class="col-sm-5">
			<input type="password" class="form-control" id="password" name="password"
				   placeholder="请输入密码">
		</div>
		<div class="col-sm-3">
		<div id="rss"></div>
		</div>
	</div>
	<div class="form-group">
		<label for="lastname" class="col-sm-offset-1 col-sm-2 control-label">确认密码</label>
		<div class="col-sm-5">
			<input type="password" class="form-control" id="password1" 
				   placeholder="请输入密码">
		</div>
		<div class="col-sm-3">
		<div id="rs"></div>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-offset-3 col-sm-9">
			<button type="submit" class="btn btn-primary" id="registe">注册</button>
			<a type="button" class="btn btn-success" href="index1.html">登录</a>
		</div>
	</div>
</form>
<script type="text/javascript">
//jquery 加载完成以后，才会执行ready方法
//代码写在ready方法里面，可以保证jQuery已经加载完毕
$(document).ready(function(){
	  // 在这里写你的代码...
	  //动态添加失焦事件
	  /*
	  判断用户名是否可用(此方法失效)
	  */
	  $("#uname").change(function(){
		 // alert("动态添加失焦事件");
		 var uname=$("#uname").val();
		  $.get("checkusername", { name: uname },
		          function(data){	
			  		console.log(data);
			  		$("#usermessage").html(data);
			  		
			  		if(data=="用户名已注册!"){
			  		
			  		$("#uname").focus();
			  		$('#registe').attr("disabled",true);
				}
		});
	  });
	  /*
	  判断密码长度
	  */
	  $('#registe').attr("disabled",true);
	  $("#password").change(function(){
		  var pw=$("#password").val();
		  $("#password1").val("");
		  
		  var s="";
		  if(pw.length<6){
			  s="密码太短！";
			 
			  $("#password").focus();
		  }
		  $("#rss").html(s);
		  $('#registe').attr("disabled",true);
	  });
	  /*
	  判断密码输入的是否一致
	  */
	  
		$("#password1").change(function(){
			var password=$("#password").val();
			var password1=$("#password1").val();
			
			if (password=== "" || password1 === "" || password1 !== password) {
				s="密码输入有误！";
				$('#registe').attr("disabled",true);
			}
			else if(s!="密码太短！"){
				s="ok!";
				$('#registe').attr("disabled",false);
			}
			
			$("#rs").html(s);
		});
	  
	});</script>

</body>
</html>

说明：
a.整个html页面最重要的属性分别是名字与密码
对应的代码：

名字：
在这里插入图片描述
密码：

b.此处的名字与密码的name属性应该与model层的实体属性对应（特别注意）
c.因为比较简单，我们依旧是通过表单提交的方式传输数据，所以action的拦截路径要与controller层的拦截路径一致

view层：
在这里插入图片描述
controller层
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019022010202385.png

3.model层

package com.gzq.model;

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
@Entity
public class User {
	@Id
	@GeneratedValue(strategy=GenerationType.IDENTITY)

	private Long id;
	private String name;
	private String password;
	public User(){
		
	}
	public User(String name,String password){
		this.name=name;
		this.password=password;
	}
	public Long getId() {
		return id;
	}
	public void setId(Long id) {
		this.id = id;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	
}

说明
a.@Entity是注明这是实体类
b. @Id
@GeneratedValue(strategy=GenerationType.IDENTITY)
是以id为唯一主键，且自动增加

4.dao（repository）层

package com.gzq.dao;

import org.springframework.data.repository.CrudRepository;
import org.springframework.stereotype.Repository;

import com.gzq.model.User;
@Repository
public interface UserRepository extends CrudRepository<User, Long>{
	//遵循spring data jpa命名标准
	public User findByNameAndPassword(String name,String password);
	public User findByName(String name);
}

说明：
a.@Repository声明注解
b.这是一个接口类，继承springboot的jpa（十分方便）–>CrudRepository
c.要声明实体类，要声明主键的类型CrudRepository<User, Long>
d.注意自定义数据库操作要遵循jpa的命名规范

5.service层

package com.gzq.service;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;

import com.gzq.dao.UserDao;
import com.gzq.dao.UserRepository;
import com.gzq.model.User;

@Service
public class UserService {
	@Resource
	private UserDao userdao;
	@Resource
	private UserRepository userRepository;
	public void save(User user) {
		userRepository.save(user);
	}
	public User FindById(long id) {
		//userRepository.findOne(id);//在demoRepository可以直接使用findOne进行获取. 
		return userdao.FindById(id);
		
	}
	public User findByNameAndPassword(User user) {
		return userRepository.findByNameAndPassword(user.getName(), user.getPassword());
	}
}

说明
a.要声明这是一个service：@Service

6.controller层

package com.gzq.controller;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.Mapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.bind.annotation.SessionAttribute;
import org.springframework.web.servlet.ModelAndView;

import com.gzq.dao.UserRepository;
import com.gzq.model.User;
@RestController
public class UserController {
	@Autowired

	UserRepository userrepository;
	@RequestMapping("index")
	public ModelAndView index(){
		return new ModelAndView("index1.html");	
	}
	@RequestMapping("register")
	public ModelAndView userRegister(User u) {
		userrepository.save(u);	
		return new ModelAndView("index1.html");	
	}
	

	
	@RequestMapping("checkusername")
	public String checkUserName(@RequestParam("name") String name) {

		User user=userrepository.findByName(name);
		System.out.println("check:"+name);
		
		System.out.println("check3:"+(user!=null));
		String str="111";
		if(user!=null) {
			str="用户名已注册!";
		
		}else {
			str="用户名可用!";
		}
		System.out.println("check4:"+str);
		return str;
	}
	@RequestMapping("login")
	public ModelAndView userLogin(HttpServletRequest request, User user) {
		User u=userrepository.findByNameAndPassword(user.getName(), user.getPassword());
		HttpSession session=request.getSession();
		
//		System.out.println(user.getName()+"----------"+user.getPassword()+"---------"+u);
		
		if(u==null) {
			System.out.println("controller中的测试："+session.getAttribute("user"));
			return new ModelAndView("index1.html");
		}else {
			session.setAttribute("user", user.getName());
			System.out.println("controller中的测试："+session.getAttribute("user"));
			return new ModelAndView("hello.html");
		}
		
	}

}

说明：
a.controller层一样要声明这是controller，此处我选择的是@Controller（另外还有@RestController）
b.@RequestMapping(“register”)是声明拦截路径在注解下就可以写拦截方法了，相当于取代servlet

7.其它说明

（1）此项目是maven项目，需要自行配置pom依赖
（2）springboot需要application.properties这样的配置文件，里面有比较重要的配置信息，如数据库的连接，以及表格的创建规则，此处不再赘述。

application.properties代码：


#配置mysql/datasource
spring.datasource.url=jdbc:mysql://localhost:3306/learn?serverTimezone=UTC&characterEncoding=utf8&useSSL=false
spring.datasource.username=root
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
#JPA
spring.jpa.database = MYSQL
spring.jpa.show-sql=true
spring.jpa.hibernate.ddl-auto=update
#修改端口号 
#server.port=4399
#访问路径前要加spring-boot才能访问
#server.context-path=/spring-boot

二.过滤器

1.创建过滤器（Filter）

在这里插入图片描述

关于过滤器的使用详见：过滤器的使用

2.session的存取name（user的name属性）

（1）在controller中将name（user的name属性）对象存放到session中：

@RequestMapping("login")
	public ModelAndView userLogin(HttpServletRequest request, User user) {
		User u=userrepository.findByNameAndPassword(user.getName(), user.getPassword());
		HttpSession session=request.getSession();
		
//		System.out.println(user.getName()+"----------"+user.getPassword()+"---------"+u);
		
		if(u==null) {
			System.out.println("controller中的测试："+session.getAttribute("user"));
			return new ModelAndView("index1.html");
		}else {
			session.setAttribute("user", user.getName());
			System.out.println("controller中的测试："+session.getAttribute("user"));
			return new ModelAndView("hello.html");
		}
		
	}

说明：
a.当表单提交数据的时候，将请求发送到对应的拦截路径中

@RequestMapping("login")

b.获取session：

HttpSession session=request.getSession();

c.存放数据：（只有从数据库里找到了User才存放那么属性）

	session.setAttribute("user", user.getName());

（2）在过滤器中取出session中的name属性

package com.gzq.util;

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.gzq.model.User;
/**
 * filterName 给过滤器取一个外号
 * urlPatterns 配置过滤器的拦截地址
 * @author GAN
 *
 */
@WebFilter(filterName="filter",urlPatterns="/hello.html")
public class MyFilter implements Filter{

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
		System.out.println("Filter初始化");
		
	}

	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
			throws IOException, ServletException {
		HttpServletRequest req=(HttpServletRequest) request;
		HttpServletResponse resp=(HttpServletResponse) response;
	//	System.out.println("Filter被执行"+req.getRequestURL());
	//	String requrl=req.getRequestURL().toString();
		Object o= req.getSession().getAttribute("user");

		//如果后面还有过滤器就表示                                      执行下一个过滤器， 如果没有，就表示过滤完成
		//		chain.doFilter(request, response);
		
//		System.out.println(u.getName());
//		System.out.println("o的名字："+o);
		if(o==null) {
				resp.sendRedirect("/showimg.html");
			//	System.out.println("过滤器中的测试"+o);
		}else {
		//	System.out.println("o的名字："+o);
			chain.doFilter(req, resp);
		}
		
	}

	@Override
	public void destroy() {
		System.out.println("Filter被销毁");

		
	}

}

说明
a.request 与response的类型是ServletRequest需要转换成HttpServletRequest类型

	HttpServletRequest req=(HttpServletRequest) request;
	HttpServletResponse resp=(HttpServletResponse) response;

b.获取session中name属性返回值是String类型，也可以用String类型来接收，我使用的是Object类型接收。

Object o= req.getSession().getAttribute("user");

c.通过判断就可以设置是否放行还是重定向（为空重定向）

		if(o==null) {
				resp.sendRedirect("/showimg.html");
			//	System.out.println("过滤器中的测试"+o);
		}else {
		//	System.out.println("o的名字："+o);
			chain.doFilter(req, resp);
		}

到此简单的过滤器就完成了。