问题描述:提交完表单以后,不做其他操作,直接刷新页面,表单会提交多次。
产生原因:
解决方案:
解决方案:
registry.addInterceptor(new LoginHanlderIntercept()).
//拦截任意多层路径下的所有请求,某些请求不进行拦截
addPathPatterns("/**").excludePathPatterns("/","/login")
//将静态资源文件夹的资源放行
.excludePathPatterns("/css/**","/fonts/**","/images/**","/js/**");
具体实施步骤:
public class LoginHanlderIntercept implements HandlerInterceptor
{
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
Object user=request.getSession().getAttribute("loginUser");
if(user==null)
{
//未登陆,返回登陆页面
request.setAttribute("msg","没有权限请先登陆");
//转发到登录页
request.getRequestDispatcher("/").forward(request,response);
//重定向到登录页,但是这样是两次请求,那么登录页面就无法获取到request域中的值
//response.sendRedirect("/");
return false;
}
else
{
//已登陆,放行请求
return true;
}
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
}
}
@Controller
public class IndexController
{
//get方式的请求,来到登录页面
@GetMapping({"/","/login"})
public String ToLoginPage()
{
//到达登录页面
return "login";
}
//post方式的请求来到主页面
@PostMapping("/login")
public String main(User user, HttpSession session, Model model)
{
//如果用户名和密码不为空,就放到session域中保存起来
if(!StringUtils.isEmpty(user.getUsername())&&!StringUtils.isEmpty(user.getPassword()))
{
//登录成功后,将登录用户的信息放入到session域中
session.setAttribute("loginUser",user);
//防止表单重复提交建议使用重定向
//登录成功重定向到main.html
return "redirect:main.html";
}
else
{
model.addAttribute("msg","账号密码错误");
//回到主页
return "login";
}
}
//去main页面
@GetMapping("/main.html")
public String mainPage()
{
return "main";
}
}
@Configuration
public class WebConfig implements WebMvcConfigurer
{
@Override
public void addInterceptors(InterceptorRegistry registry)
{
registry.addInterceptor(new LoginHanlderIntercept()).
//拦截任意多层路径下的所有请求,某些请求不进行拦截
addPathPatterns("/**").excludePathPatterns("/","/login")
//将静态资源文件夹的资源放行
.excludePathPatterns("/css/**","/fonts/**","/images/**","/js/**");
}
}
Thymeleaf 模板布局 th:fragment、th:replace、th:insert、th:remove
//MultipartFile---自动封装上传过来的文件
@PostMapping("/upload")
public String upload(@RequestParam("name")String name,
//单个文件上传
@RequestPart("hs") MultipartFile headImage,
//多文件上传--数组形式
@RequestPart("ls")MultipartFile[] photos) throws IOException {
//日志调试,{}是占位符,{}有几个,后面对应跟着的参数就需要有几个
log.info("上传的信息: username={},headImage={},photos={}",
name,headImage.getSize(),photos.length);
//下面展示将上传的文件,保存到电脑的对应磁盘路径
//上传的文件不为空,才保存到磁盘中
if(!headImage.isEmpty()){
//下面是获取上传文件的原始文件名
String originalFilename = headImage.getOriginalFilename();
headImage.transferTo(new File("D:\\resource\\"+originalFilename));
}
//多文件上传,如果文件数组不为空,才进行保存操作
if(photos.length > 0){
for (MultipartFile photo : photos) {
if(!photo.isEmpty()){
String originalFilename = photo.getOriginalFilename();
photo.transferTo(new File("D:\\resource\\"+originalFilename));
}
}
}
return "main";
}
<form role="form" th:action="@{/upload}" method="post" enctype="multipart/form-data">
...
<div class="form-group">
<label for="exampleInputFile">头像</label>
<input type="file" name="hs" id="exampleInputFile">
</div>
<div class="form-group">
<label for="exampleInputFile">生活照片</label>
<!--这里multiple表示是多文件上传,可以选择多个文件同时上传-->
<input type="file" name="ls" id="photos" multiple>
</div>
...
</form>
spring.servlet.multipart.max-file-size=10MB
spring.servlet.multipart.max-request-size=100MB