基于SpringBoot+Vue的健康菜谱推荐系统设计与实现(源码+lw+部署+讲解)

发布时间：2024-12-16 21:53

《四季养生菜谱》：实用健康食谱推荐 #生活技巧# #健康生活方式# #健康生活方式书籍# #养生指南#

技术环境

jdk版本：1.8 及以上

ide工具：Eclipse或者 IDEA

数据库: mysql5.7

编程语言: Java

java框架：SpringBoot

maven: 3.6.1

详细技术：HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN

功能设计

菜谱推荐系统综合网络空间开发设计要求。目的是将传统管理方式转换为在网上管理，完成智能菜谱推荐管理的方便快捷、安全性高、交易规范做了保障，目标明确。智能菜谱推荐系统可以将功能划分为管理员功能和用户功能。

（1）、管理员关键功能包含个人中心、用户管理、类型管理、菜谱信息管理、评分信息管理、留言信息、系统管理等进行管理。管理员用例如下：

（2）、用户登录进入系统可以实现对首页、菜谱信息、公告信息、留言信息、个人中心等进行管理。用户用例如下：

系统总体功能结构图如下所示：

本程序在设计结构选择上首选B/S，也是为了满足程序今后升级便利，以及程序低维护成本的要求。本程序的网络拓扑设计也会在下图展示，通过图形的方式来描述更容易理解。

系统实现效果系统前台功能模块

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图所示：

菜谱信息：在菜谱信息页面的输入菜谱名称、口味、烹饪方式和选择类型进行查询菜谱详细信息；并根据需要对菜谱详细信息进行评分、评论或收藏操作；菜谱详细信息页面如图所示：

留言板：在留言板页面通过输入留言内容，上传图片并立即提交进行在线留言，还可以对留言内容进行回复操作；留言板页面如图所示：

个人中心；在个人中心页面可以输入个人详细信息进行信息更新操作，还可以对我的收藏进行详细操作；如图所示：

管理员功能模块

管理员登录，在登录页面正确输入用户名和密码后，点击登录进入操作系统进行操作；如图所示。

管理员进入主页面，主要功能包括对个人中心、用户管理、类型管理、菜谱信息管理、评分信息管理、留言信息、系统管理等进行操作。管理员主页面如图所示：

管理员点击菜谱信息管理。进入菜谱信息页面输入菜谱名称、口味、烹饪方式和选择类型进行查询、菜谱分类统计、菜谱评分统计、新增或删除菜谱信息列表，并根据需要对菜谱详细信息进行详情、评分、查看评论、修改或删除操作；如图所示：

管理员点击评分信息管理。进入评分信息页面输入菜谱名称和类型进行查询、每日评分人数统计或删除评分信息列表，并根据需要对评分详细信息进行详情或删除操作；如图所示：

管理员点击留言信息管理。进入留言信息页面输入用户名进行查询和删除留言信息列表，并根据需要对留言详细信息进行详情、回复或删除操作；如图所示：

管理员点击系统管理可以对关于我们、系统简介和轮播图管理进行查看详情或修改操作，在公告信息页面输入标题进行查询，新增或删除公告信息列表，并根据需要对公告详细信息进行详情，修改和删除操作；如图所示：

海量实战案例

所有实战项目源码均为博主收集和开发，亲测可用，质量保障，大家可以放心使用，当然也可根据需求定制开发。

代码参考

// 忽略权限验证的注解

@IgnoreAuth

@PostMapping(value = "/login")

public R login(String username, String password, String captcha, HttpServletRequest request) {

// 查询用户信息

UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));

// 判断用户是否存在或密码是否正确

if(user==null || !user.getPassword().equals(password)) {

return R.error("账号或密码不正确");

}

// 生成token

String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());

return R.ok().put("token", token);

}

// 生成token

@Override

public String generateToken(Long userid,String username, String tableName, String role) {

// 查询是否存在已有token

TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));

// 生成随机token字符串

String token = CommonUtil.getRandomString(32);

// 设置token过期时间为1小时后

Calendar cal = Calendar.getInstance();

cal.setTime(new Date());

cal.add(Calendar.HOUR_OF_DAY, 1);

if(tokenEntity!=null) {

// 更新token信息

tokenEntity.setToken(token);

tokenEntity.setExpiratedtime(cal.getTime());

this.updateById(tokenEntity);

} else {

// 新建token记录

this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));

}

return token;

}

/**

@Component

public class AuthorizationInterceptor implements HandlerInterceptor {

// 定义Token在请求Header中的键名

public static final String LOGIN_TOKEN_KEY = "Token";

@Autowired

private TokenService tokenService;

@Override

public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

// 支持跨域请求

response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");

response.setHeader("Access-Control-Max-Age", "3600");

response.setHeader("Access-Control-Allow-Credentials", "true");

response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");

response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));

// 跨域时会首先发送一个OPTIONS请求，这里我们给OPTIONS请求直接返回正常状态

if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {

response.setStatus(HttpStatus.OK.value());

return false;

}

// 获取HandlerMethod注解

IgnoreAuth annotation;

if (handler instanceof HandlerMethod) {

annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);

} else {

return true;

}

// 从header中获取token

String token = request.getHeader(LOGIN_TOKEN_KEY);

/**

* 不需要验证权限的方法直接放过

if(annotation!=null) {

return true;

}

// 根据token获取token实体

TokenEntity tokenEntity = null;

if(StringUtils.isNotBlank(token)) {

tokenEntity = tokenService.getTokenEntity(token);

}

if(tokenEntity != null) {

// 将用户信息存入session

request.getSession().setAttribute("userId", tokenEntity.getUserid());

request.getSession().setAttribute("role", tokenEntity.getRole());

request.getSession().setAttribute("tableName", tokenEntity.getTablename());

request.getSession().setAttribute("username", tokenEntity.getUsername());

return true;

}

// 验证失败，返回401错误和提示信息

PrintWriter writer = null;

response.setCharacterEncoding("UTF-8");

response.setContentType("application/json; charset=utf-8");

try {

writer = response.getWriter();

writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));

} finally {

if(writer != null){

writer.close();

}

return false;

}

这段Java代码主要是一个登录功能的实现，涉及到生成Token和权限验证的拦截器。

@IgnoreAuth 注解：这是一个自定义的注解，用于标识不需要进行权限验证的方法。

@PostMapping(value = “/login”)：这是一个使用POST请求方式的登录接口。

login 方法：该方法接收用户名、密码和验证码作为参数，并返回一个包含生成的Token的响应对象。首先通过用户名查询用户信息，然后判断用户是否存在并验证密码是否正确。如果验证失败，则返回错误提示；如果验证成功，则调用 generateToken 方法生成Token，并将其添加到响应对象中返回。

generateToken 方法：该方法用于生成Token。首先查询是否存在已有的Token实体，然后生成一个随机的Token字符串。接下来，设置Token的过期时间为当前时间加上1小时，并根据情况进行更新或插入Token记录。最后返回生成的Token字符串。

AuthorizationInterceptor 类：这是一个权限验证拦截器实现类。它实现了 HandlerInterceptor 接口，用于在请求处理之前进行权限验证。在 preHandle 方法中，首先设置支持跨域请求的相关头信息，并处理跨域时的 OPTIONS 请求。然后，通过反射获取请求处理方法上的 @IgnoreAuth 注解，如果存在该注解，则直接放过。接着，从请求头中获取 Token，并根据 Token 获取对应的 Token 实体。如果 Token 实体存在，则将用户信息存入session，并放行请求。如果验证失败，则返回401错误和相应的提示信息。

总结，这段代码实现了一个基本的登录功能，并加入了对权限的验证拦截，确保只有拥有有效 Token 的用户才能访问受限资源。

源码及文档获取

README.md · yuanmadd/HuoQuYuanMa - Gitee.com

网址：基于SpringBoot+Vue的健康菜谱推荐系统设计与实现(源码+lw+部署+讲解) https://www.yuejiaxmz.com/news/view/491610

上一篇：减肥为何如此困难？推荐8款初秋健

下一篇：基于Web的健康食谱管理系统的设

基于SpringBoot+Vue的健康菜谱推荐系统设计与实现(源码+lw+部署+讲解)

相关内容

随便看看

最新动态分享

热点动态分享

专题

推荐动态分享