需求介绍—账号设置

账号设置里面的上传头像(文件)

首先请求必须是一个 POST 请求,其次表单的属性 enctype = “multipart/form-data”

然后就是利用 MultipartFile 处理上传文件。

然后就是访问账号设置页面,上传头像,获取头像。

代码实现

我们的头像上传之后是存放到我们的服务器硬盘之上,所以我们需要在 application.properties配置一下我们的资源上传之后是存放到了哪里

# community
community.path.domain=http://localhost:8080
community.path.upload=f:/nowcoder/data/upload

  

我们上传完文件最终是需要更新用户的 HeaderUrl,所以 Service 就需要提供一个方法改变这个 URL,然后上传文件的事情我们就在 Controller 里面解决掉,业务层只解决更新路径的这个业务就可以了。

那么在 UserService 里面追加一个方法更新用户的 URL

public int updateHeader(int userId, String headerUrl) {
return userMapper.updateHeader(userId, headerUrl);
} // 重置密码
public Map<String, Object> resetPassword(String email, String password) {
Map<String, Object> map = new HashMap<>(); // 空值处理
if (StringUtils.isBlank(email)) {
map.put("emailMsg", "邮箱不能为空!");
return map;
}
if (StringUtils.isBlank(password)) {
map.put("passwordMsg", "密码不能为空!");
return map;
} // 验证邮箱
User user = userMapper.selectByEmail(email);
if (user == null) {
map.put("emailMsg", "该邮箱尚未注册!");
return map;
} // 重置密码
password = CommunityUtil.md5(password + user.getSalt());
userMapper.updatePassword(user.getId(), password); map.put("user", user);
return map;
} // 修改密码
public Map<String, Object> updatePassword(int userId, String oldPassword, String newPassword) {
Map<String, Object> map = new HashMap<>(); // 空值处理
if (StringUtils.isBlank(oldPassword)) {
map.put("oldPasswordMsg", "原密码不能为空!");
return map;
}
if (StringUtils.isBlank(newPassword)) {
map.put("newPasswordMsg", "新密码不能为空!");
return map;
} // 验证原始密码
User user = userMapper.selectById(userId);
oldPassword = CommunityUtil.md5(oldPassword + user.getSalt());
if (!user.getPassword().equals(oldPassword)) {
map.put("oldPasswordMsg", "原密码输入有误!");
return map;
} // 更新密码
newPassword = CommunityUtil.md5(newPassword + user.getSalt());
userMapper.updatePassword(userId, newPassword); return map;
}

  

  

首先新建一个 UserController 实现对于用户的一些请求

  

package com.nowcoder.community.controller;

import com.nowcoder.community.annotation.LoginRequired;
import com.nowcoder.community.entity.User;
import com.nowcoder.community.service.UserService;
import com.nowcoder.community.util.CommunityUtil;
import com.nowcoder.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.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.multipart.MultipartFile; import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Map; @Controller
@RequestMapping("/user")
public class UserController { private static final Logger logger = LoggerFactory.getLogger(UserController.class); @Value("${community.path.upload}")
private String uploadPath; @Value("${community.path.domain}")
private String domain; @Value("${server.servlet.context-path}")
private String contextPath; @Autowired
private UserService userService; @Autowired
private HostHolder hostHolder; @LoginRequired
@RequestMapping(path = "/setting", method = RequestMethod.GET)
public String getSettingPage() {
return "/site/setting";
} @LoginRequired
@RequestMapping(path = "/upload", method = RequestMethod.POST)
public String uploadHeader(MultipartFile headerImage, Model model) {
if (headerImage == null) {
model.addAttribute("error", "您还没有选择图片!");
return "/site/setting";
} String fileName = headerImage.getOriginalFilename();
String suffix = fileName.substring(fileName.lastIndexOf("."));
if (StringUtils.isBlank(suffix)) {
model.addAttribute("error", "文件的格式不正确!");
return "/site/setting";
} // 生成随机文件名
fileName = CommunityUtil.generateUUID() + suffix;
// 确定文件存放的路径
File dest = new File(uploadPath + "/" + fileName);
try {
// 存储文件
headerImage.transferTo(dest);
} catch (IOException e) {
logger.error("上传文件失败: " + e.getMessage());
throw new RuntimeException("上传文件失败,服务器发生异常!", e);
} // 更新当前用户的头像的路径(web访问路径)
// http://localhost:8080/community/user/header/xxx.png
User user = hostHolder.getUser();
String headerUrl = domain + contextPath + "/user/header/" + fileName;
userService.updateHeader(user.getId(), headerUrl); return "redirect:/index";
} @RequestMapping(path = "/header/{fileName}", method = RequestMethod.GET)
public void getHeader(@PathVariable("fileName") String fileName, HttpServletResponse response) {
// 服务器存放路径
fileName = uploadPath + "/" + fileName;
// 文件后缀
String suffix = fileName.substring(fileName.lastIndexOf("."));
// 响应图片
response.setContentType("image/" + suffix);
try (
FileInputStream fis = new FileInputStream(fileName);
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());
}
} // 修改密码
@LoginRequired
@RequestMapping(path = "/updatePassword", method = RequestMethod.POST)
public String updatePassword(String oldPassword, String newPassword, Model model) {
User user = hostHolder.getUser();
Map<String, Object> map = userService.updatePassword(user.getId(), oldPassword, newPassword);
if (map == null || map.isEmpty()) {
return "redirect:/logout";
} else {
model.addAttribute("oldPasswordMsg", map.get("oldPasswordMsg"));
model.addAttribute("newPasswordMsg", map.get("newPasswordMsg"));
return "/site/setting";
}
}
}

  

最后就是处理页面的逻辑了。

最新文章

  1. angular-ui-bootstrap-modal必须要说的几个点(转)
  2. 【002:ESP8266 移植 Mqtt 】
  3. IDEA工具使用说明
  4. Reset CSS:只选对的,不选&quot;贵&quot;的
  5. C语言基本点初探
  6. ajax基本用法
  7. oracle desc 表结构
  8. 第一个ServiceStack程序
  9. CSS实现元素居中原理解析
  10. (一一四)使用FMDB操作SQLite数据库
  11. Linux journalctl命令
  12. Web应用安全测试
  13. C++ 使用Lambda
  14. python第二十天
  15. jquery插件artTxtCount输入字数限制,并提示剩余字数
  16. if else的使用以及如何从键盘获取数值
  17. oracle not in minus 取到的结果集不同
  18. BZOJ3155:Preprefix sum——题解
  19. sublime 字体设置
  20. Docker_network相关指令

热门文章

  1. Mybatis学习(1)开发环境搭建
  2. 1、springboot2新建web项目
  3. python 元组推导式
  4. LeetCode解题记录(双指针专题)
  5. Python语言的技术领域
  6. python + mysql 实现表删除数据
  7. my.ini修改后启动失败
  8. Gos Log每次查询响应后自动清理临时文件,优化磁盘空间
  9. Qt Creator 入门
  10. mysql 占用90%多的CPU,解决思路