首页分享基于Java+Vue的网上花店系统设计与实现(源码+lw+部署+讲解)

基于Java+Vue的网上花店系统设计与实现(源码+lw+部署+讲解)

来源：花匠小妙招时间：2024-11-15 14:33

前言

博主介绍：✌CSDN特邀作者、全栈领域优质创作者、10年IT从业经验、码云/掘金/知乎/B站/华为云/阿里云等平台优质作者，计算机毕设实战导师，目前专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎高校老师/同行前辈交流合作✌
技术栈范围：SpringBoot、Vue、SSM、HLML、Nodejs、Python、PHP、爬虫、数据可视化、小程序、安卓app、大数据等设计与开发。
主要服务内容：免费功能设计、选题定题、开题报告、任务书、程序开发、论文编写和辅导、论文降重、程序讲解、答辩辅导等，欢迎咨询~
精彩专栏推荐订阅
2024-2025年最值得选的微信小程序毕业设计选题大全：200个热门选题推荐✅

2024-2025年最值得选的计算机毕业设计选题大全：500个热门选题推荐✅

Java精品实战案例《500套》

微信小程序项目精品案例《200套》
文末获取源码联系
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人~

在这里插入图片描述

技术环境

jdk版本：1.8 及以上
ide工具：Eclipse或者 IDEA
数据库: mysql5.7
编程语言: Java
java框架：ssm
maven: 3.6.1
详细技术：HTML+CSS+JAVA+SSM+MYSQL+VUE+MAVEN

功能设计

网上花店设置了管理员权限，其用例图见下图。管理员登录进入本人后台之后，主要完成订单信息管理，用户管理，鲜花管理，鲜花类型管理，鲜花订单管理等。
在这里插入图片描述

网上花店设置了用户权限，其用例图见下图。用户查看鲜花，可以收藏，购买，评论鲜花，支付订单，个人订单等。
在这里插入图片描述
设计的系统的详细功能见下图，管理员登录进入本人后台之后，主要完成花材选择管理，用户管理，鲜花管理，鲜花出入库管理，鲜花订单管理等。用户联系客服咨询问题，查看鲜花，可以收藏，购买，评论鲜花，支付订单，管理个人订单等。
在这里插入图片描述

本程序在设计结构选择上首选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; } /** * 权限(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; } }

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113

这段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 的用户才能访问受限资源。

为什么选择我们

博主此前在一家互联网大厂工作了8年，先后从事Java前后端开发、系统架构设计等方面的工作，有丰富的编程能力和水平，也在工作之余指导过别人完成过一些毕业设计的工作。2016年至今，团队已指导上万名学生顺利通过毕业答辩，目前是csdn特邀作者、CSDN全栈领域优质创作者，博客之星、掘金/华为云/B站/知乎等平台优质作者,计算机毕设实战导师，专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎打扰✌