目录

• • 一 显示登录信息
  • 二 账号设置
  • • 修改用户图片

一 显示登录信息

实现思路

1. 书写一个拦截器 loginTicketInterceptor
   • 在 preHandle 方法中获取用户发送请求时携带的 cookie
   • 书写一个专门获取cookie的工具类 CookieUtil
   • 查数据库,数据库是否存在该 ticket,判断该凭证是否有效,-凭证是否过期
   • 将查询出来的用户的信息存在 LocalThread 对象中
   • 在 postHandle 方法中将 通过 localThread的 get 方法获取 user 用户通过modelAndView对象并将用户放入到模板中,这样在界面中就可以使用 user 的用户的信息了
   • 在 index.html 的导航栏中的选项根据 modelAndView对象是否存在该用户,确定需要展示的导航,比如不存在用户时展示登录和注册按钮,而存在用户的时候就不需要展示登录和注册按钮而是展示首页,消息和个人。

具体实现步骤

1. 拦截器的实现

   拦截器,主要作为判断是否放行用户的请求。对于用户的请求进行判断和加工。起到保护的作用。

package com.wjiangquan.community.controller.interceptor;import com.wjiangquan.community.entity.LoginTicket;
import com.wjiangquan.community.entity.User;
import com.wjiangquan.community.service.UserService;
import com.wjiangquan.community.util.CookieUtil;
import com.wjiangquan.community.util.HostHolder;
import javafx.geometry.Pos;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Date;/*** @author weijiangquan* @date 2022/10/6 -17:46* @Description*/@Component
public class LoginTicketInterceptor implements HandlerInterceptor {@Autowiredprivate UserService userService;@Autowiredprivate HostHolder hostHolder;@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {//从cookie中获取凭证String ticket = CookieUtil.getValue(request, "ticket");if (ticket != null) {LoginTicket loginTicket = userService.finLoginTicket(ticket);//检查凭证是否有效if (loginTicket != null && loginTicket.getStatus() == 0 && loginTicket.getExpired().after(new Date())) {// 根据凭证查询用户User userById = userService.getUserById(loginTicket.getUserId());//在本次请求中持有用户hostHolder.setUser(userById);}}return true;}@Overridepublic void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {User user = hostHolder.getUser();if (user != null && modelAndView != null) {modelAndView.addObject("loginUser", user);}}@Overridepublic void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {hostHolder.clear();}
}

获取cookie的工具类

/*** @author weijiangquan* @date 2022/10/6 -13:46* @Description 用户获取cookie的值*/
public class CookieUtil {public static String getValue(HttpServletRequest request,String name){if(request==null||name==null){throw new IllegalStateException("参数为空");}Cookie[] cookies = request.getCookies();for (Cookie cook:cookies){if(cook.getName().equals(name)){return cook.getValue();}}return null;}
}

2. 编写配置类,注册拦截器,使拦截器起作用

package com.wjiangquan.community.config;import com.wjiangquan.community.controller.interceptor.InterceptorTest;
import com.wjiangquan.community.controller.interceptor.LoginTicketInterceptor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;/*** @author weijiangquan* @date 2022/10/6 -13:40* @Description*/@Configuration
public class WebMvcConfig implements WebMvcConfigurer {@Autowiredprivate LoginTicketInterceptor loginTicketInterceptor;@Overridepublic void addInterceptors(InterceptorRegistry registry) {//拦截所有的请求registry.addInterceptor(loginTicketInterceptor).excludePathPatterns("/**/*.css","/**/*.js","/**/*.png","/**/*.jpg","/**/*.jpeg");  //不需要拦截的资源}
}

3. 页面根据拦截器的结果做出对对应的展示 index.html

	
首页
消息12
注册
登录
个人主页账号设置退出登录
nowcoder

二 账号设置

本节需要实现的功能

修改用户图片

主要代码

controller

package com.wjiangquan.community.controller;import com.wjiangquan.community.service.UserService;
import com.wjiangquan.community.util.CommunityUtil;
import com.wjiangquan.community.util.HostHolder;
import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;import javax.servlet.http.HttpServletResponse;
import java.io.*;/*** @author weijiangquan* @date 2022/10/6 -19:16* @Description*/@Controller
@RequestMapping("/user")
public class UserController {private static final Logger logger = LoggerFactory.getLogger(UserController.class);@Value("${server.servlet.context-path}")private String contextPath;@Value("${community.path.domain}")private String domain;  //图片通过 项目启动时的访问路径@Value("${community.path.imageLocation}")private String imageLocation;  //图片硬盘所在位置@Autowiredprivate HostHolder hostHolder;@Autowiredprivate UserService userService;/*** 前端用户设置界面** @return 前往的界面*/@GetMapping("/setting")public String getUserSettingPage() {return "/site/setting";}/*** 上传图片** @param headerImage 上传的文件的名字* @param model*/@PostMapping("/uploadImage")public String uploadImage(MultipartFile headerImage, Model model) {//获取文件的名字if (headerImage == null) {model.addAttribute("error", "没有选择任何图片,请选择图片");return "/site/setting";}String originalFilename = headerImage.getOriginalFilename();//得到图片的后缀assert originalFilename != null;String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));if (StringUtils.isBlank(suffix)) {model.addAttribute("error", "传入图片的格式不正确");return "/site/setting";}// 给图片随机生成一个名字String fileName = CommunityUtil.generateUUID() + suffix;String newFileName = imageLocation + fileName;// 将图片存到硬盘中File file = new File(newFileName);try {headerImage.transferTo(file);} catch (IOException e) {logger.error("文件上传失败:" + e.getMessage());throw new RuntimeException("上传文件失败,服务器发生异常!" + e);}//将图片的路径放入到数据库中(用于web请求时的响应)// http://www.localhost:8081/community/user/header/xxx.jpgString imageUrl = domain + contextPath + "/user/header/" + fileName;userService.updateHeaderUrl(hostHolder.getUser().getId(), imageUrl);return "redirect:/index"; //返回首页}/*** 向页面响应图片* 页面通过请求的方式获取图片 http://localhost:8081/community/user/header/xxx.jpg(图片发送的请求)** @param fileName 文件名*/@GetMapping("/header/{fileName}")public void showHeadImage(@PathVariable("fileName") String fileName, HttpServletResponse response) {// 图片的路径(在服务起中的路径 在本机中存在d盘中)String imgUrl = imageLocation + fileName;// 获取文件的后缀String suffix = fileName.substring(fileName.lastIndexOf("."));response.setContentType("image/" + suffix);try (FileInputStream fis = new FileInputStream(imgUrl); //读文件OutputStream os = response.getOutputStream();  //向浏览器写文件) {byte[] buffer = new byte[1024];int b = 0;while ((b = fis.read(buffer)) != -1) {os.write(buffer, 0, b);}} catch (IOException e) {logger.error("读取头像失败:" + e.getMessage());}}
}

server:port: 8081servlet:context-path: /community
# community	
community:path:domain: http://localhost:8081#存放上传图片存放的的路径imageLocation: D:/imageData/communityImg/

页面代码

	
上传头像
选择头像:
选择一张图片
请选择图片
立即上传

需要注意的地方 — 红框中 name要和controller中的MultipartFile的名字对应上