• 1024程序员节|基于Vue+Nodejs+Springboot实现冬奥滑雪场地管理系统

    作者主页：编程千纸鹤

    作者简介：Java、前端、Pythone开发多年，做过高程，项目经理，架构师

    主要内容：Java项目开发、毕业设计开发、面试技术整理、最新技术分享

    在即将到来的1024程序员节，谨以此文献给CSDN和亲爱的同行们。

    一，项目简介

    鉴于 2022 北京冬奥会的成功举行，我国人民对于冰雪运动的热爱达到了前所未有的一

    个高度，国内各大滑雪场的人流量日益增大，而国内疫情形式依旧严峻，固为减少人们线下

    购票带来的密接影响，我们小组便开发了一个 online 的滑雪场信息网站.供用户以及滑雪场

    工作人员进行使用，旨在提升服务效率与用户体验。

    序号

    名称

    功能模块

    1

    首页信息展示

    首页信息展示，主要包括了导航栏的展示，以及最新的雪具推荐列表的展示，场地列表的推荐，同时首页还包括站内的最新公告，以及当地的天气情况。

    2

    登录与注册

    用户可在首页点击登录注册按钮进入登录注册页面，通过手机号进行注册，同时在注册后跳转至登录界面，登录成功后重新进入首页。

    3

    在线订票

    已登录的用户可通过点击首页的推荐票或者导航栏的购买，进入场地票的详情列表页，可通过点击用户喜欢的场地票进行订票。未登录用户请求会被拦截。

    4

    在线评论及查看

    游客（未登录的用户）可查看网站的所有评论信息（包括评论内容、评论者、日期），但不能在线评论，而已登录的用户除查看外，可进行在线评论。

    5

    场地信息详情

    用户通过点击首页的场地推荐中的更多可进入场地的详情列表页，在此页面中，用户可清晰的看见场地的有关简介，以及人气值，和场地票的余数

    6

    雪具租赁

    在进行场地票的预定时，旁边有雪具租赁的选项界面，对于有需求的用户可选择适合自己的品牌和尺寸的雪具进行租借，该界面会显示价格以及雪具的余量，当余量为0时，不可选取对应雪具

    7

    场地搜索

    在页面的左上角有对应的搜索框，用户可通过搜索框进行场地的搜索。

    8

    后台管理

    管理员在进行登录注册后，可进入后台，进行有关的管理，包括（用户管理、评论（留言）管理、雪具管理、订单管理、公告管理）

    9

    个人信息管理

    已登录的用户可点击页面上的头像进入个人信息页面，在此页面用户可查看个人基本信息以及个人的订单查看，同时可进行有关的信息更改，例如头像的更换、密码的修改、会员的充值（默认的注册用户为普通用户）。

    根据当前对本系统改版需求的理解，本章对用户角色进行分析，对系统将要支持的核心业务流程进行描述，说明系统的子系统或功能模块的组成，并展示部分用户界面的示意图。

    本方案的其它内容都是基于对业务需求的理解。随着对需求理解越来越深入和清晰，技术方案和工作量估算等将会发生变化。

    以下为本系统的整体架构:

    二，环境介绍

    语言环境：Java:  jdk1.8

    数据库：Mysql: mysql5.7

    应用服务器：Tomcat:  tomcat8.5.31

    开发工具：IDEA或eclipse

    开发技术后台：Springboot+Mybatis

    开发技术前台：Vue+Nodejs+ElementUI

    三，系统展示

    前端展示：

     

    前端用户登陆

    留言

    个人中心

    最新资讯

    后台管理系统

    用户管理

    公告管理

    留言管理

    雪具管理

    订单管理

    四，核心代码展示

    1. package com.cupk.controller;
    2.  
    3. import cn.hutool.core.lang.Assert;
    4. import cn.hutool.core.map.MapUtil;
    5. import cn.hutool.crypto.SecureUtil;
    6. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    7. import com.cupk.common.dto.UserDto;
    8. import com.cupk.common.lang.Result;
    9. import com.cupk.entity.User;
    10. import com.cupk.service.UserService;
    11. import com.cupk.util.JwtUtils;
    12. import org.apache.shiro.SecurityUtils;
    13. import org.apache.shiro.authz.annotation.RequiresAuthentication;
    14. import org.springframework.beans.factory.annotation.Autowired;
    15. import org.springframework.validation.annotation.Validated;
    16. import org.springframework.web.bind.annotation.*;
    17.  
    18. import javax.servlet.http.HttpServletResponse;
    19.  
    20. @RestController
    21. public class AccountController {
    22.  
    23.     @Autowired
    24.     UserService userService;
    25.  
    26.     @Autowired
    27.     JwtUtils jwtUtils;
    28.  
    29.     private String salt = "2000.10.22";
    30.  
    31.     /**
    32.      * 用户登陆
    33.      * @param userDto
    34.      * @param response
    35.      * @return
    36.      */
    37.     @PostMapping("/login")
    38.     public Result login(@Validated @RequestBody UserDto userDto, HttpServletResponse response){
    39.         User user = userService.getOne(new QueryWrapper().eq("phone", userDto.getPhone()));
    40.         Assert.notNull(user,"用户不存在");//断言拦截
    41.         //判断账号密码是否错误 因为是md5加密所以这里md5判断
    42.         if(!user.getPassword().equals(SecureUtil.md5(userDto.getPassword()+salt))){
    43.             //密码不同则抛出异常
    44.             return Result.fail("密码不正确");
    45.         }
    46.         String jwt = jwtUtils.generateToken(user.getId());
    47.  
    48.         userDto.setImg(user.getImg());
    49.         userDto.setToken(jwt);
    50.         //将token 放在入header里面
    51.         response.setHeader("Authorization",jwt);
    52.         response.setHeader("Access-control-Expose-Headers","Authorization");
    53.  
    54.         return Result.succ(200,"登录成功",userDto);
    55.     }
    56.  
    57.     /**
    58.      * 退出登录
    59.      * @return
    60.      */
    61.     //需要认证权限才能退出登录
    62.     @RequiresAuthentication
    63.     @RequestMapping("/logout")
    64.     public Result logout() {
    65.         //退出登录
    66.         SecurityUtils.getSubject().logout();
    67.         return Result.succ("退出成功");
    68.     }
    69. }
    70.  

    1. package com.cupk.controller;
    2.  
    3.  
    4. import cn.hutool.core.lang.Assert;
    5. import cn.hutool.core.map.MapUtil;
    6. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    7. import com.cupk.common.dto.AdminDto;
    8. import com.cupk.common.lang.Result;
    9. import com.cupk.entity.Admin;
    10. import com.cupk.service.AdminService;
    11. import com.cupk.util.JwtUtils;
    12. import org.apache.shiro.SecurityUtils;
    13. import org.apache.shiro.authz.AuthorizationInfo;
    14. import org.apache.shiro.authz.annotation.RequiresAuthentication;
    15. import org.springframework.beans.factory.annotation.Autowired;
    16. import org.springframework.validation.annotation.Validated;
    17. import org.springframework.web.bind.annotation.*;
    18.  
    19. import javax.servlet.http.HttpServletResponse;
    20.  
    21. @RestController
    22. @RequestMapping("/admin")
    23. public class AdminController {
    24.     @Autowired
    25.     AdminService adminService;
    26.  
    27.     @Autowired
    28.     JwtUtils jwtUtils;
    29.  
    30.     /**
    31.      * 管理员登陆
    32.      * @param adminDto
    33.      * @param response
    34.      * @return
    35.      */
    36.     @PostMapping("/adminLogin")
    37.     public Result adminLogin(@Validated @RequestBody AdminDto adminDto, HttpServletResponse response){
    38.         Admin admin = adminService.getOne(new QueryWrapper().eq("admin_name", adminDto.getAdminName()));
    39.         Assert.notNull(admin,"管理员不存在");//断言拦截
    40.         if(!adminDto.getAdminPwd().equals(admin.getAdminPwd())){
    41.             //密码不同则抛出异常
    42.             return Result.fail("密码不正确");
    43.         }
    44.         String jwt = jwtUtils.generateToken(admin.getId());
    45.         adminDto.setToken(jwt);
    46.  
    47.         //将token 放在我们的header里面
    48.         response.setHeader("Authorization",jwt);
    49.         response.setHeader("Access-control-Expose-Headers","Authorization");
    50.         return Result.succ(200,"success",adminDto);
    51.     }
    52.  
    53.     //需要认证权限才能退出登录
    54.  
    55.     /**
    56.      * 管理员退出登陆
    57.      * @return
    58.      */
    59.     @RequiresAuthentication
    60.     @RequestMapping("/adminLogout")
    61.     public Result adminLogout() {
    62.         //退出登录
    63.         SecurityUtils.getSubject().logout();
    64.         return Result.succ("退出成功");
    65.     }
    66.     @GetMapping("/adminInfo")
    67.     public Result findAdminInfoByName(@RequestParam String adminName){
    68.         Admin admin = adminService.getOne(new QueryWrapper().eq("admin_name",adminName));
    69.         return Result.succ(200,"查询成功", admin);
    70.     }
    71. }

    1. package com.cupk.controller;
    2.  
    3.  
    4. import cn.hutool.core.bean.BeanUtil;
    5. import cn.hutool.core.lang.Assert;
    6. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    7. import com.baomidou.mybatisplus.core.metadata.IPage;
    8. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
    9. import com.cupk.common.lang.Result;
    10. import com.cupk.entity.Evaluate;
    11. import com.cupk.entity.Notice;
    12. import com.cupk.service.EvaluateService;
    13. import com.cupk.util.ShiroUtil;
    14. import org.apache.shiro.authz.annotation.RequiresAuthentication;
    15. import org.springframework.beans.factory.annotation.Autowired;
    16. import org.springframework.validation.annotation.Validated;
    17. import org.springframework.web.bind.annotation.*;
    18.  
    19. import java.util.List;
    20. @RequestMapping("/evaluate")
    21. @RestController
    22. public class EvaluateController {
    23.     @Autowired
    24.     EvaluateService evaluateService;
    25.  
    26.     /**
    27.      * 评论列表
    28.      * @return
    29.      */
    30.     @GetMapping("/evaluates")
    31.     public Result evaList(@RequestParam(defaultValue = "1") Integer currentPage) {
    32.         if(currentPage == null || currentPage < 1) currentPage = 1;
    33.         Page page = new Page(currentPage, 50000);
    34.         QueryWrapper queryWrapper = new QueryWrapper<>();
    35.         queryWrapper.like("uid","");
    36.         queryWrapper.orderByDesc("e_time");
    37.         IPage pageData = evaluateService.page(page,queryWrapper.orderByDesc("e_time"));
    38.         return Result.succ(pageData);
    39.     }
    40.  
    41.     /**
    42.      * 根据评论id查询
    43.      * @param id
    44.      * @return
    45.      */
    46.     @GetMapping("/evaluate/{id}")
    47.     public Result findEva(@PathVariable Integer id) {
    48.         Evaluate evaluate = evaluateService.getById(id);
    49.         //判断是否为空 为空则断言异常
    50.         Assert.notNull(evaluate, "该评价不存在");
    51.         return Result.succ(evaluate);
    52.     }
    53.  
    54.     /**
    55.      *
    56.      * @param currentPage
    57.      * @param uid
    58.      * @return
    59.      */
    60.     @GetMapping("/findEva")
    61.     public Result evaLists(@RequestParam(defaultValue = "1") Integer currentPage,
    62.                             @RequestParam(defaultValue = "") Integer uid){
    63.         if(currentPage == null || currentPage < 1) currentPage = 1;
    64.         Page page = new Page(currentPage, 50000);
    65.         QueryWrapper queryWrapper = new QueryWrapper();
    66.  
    67.         queryWrapper.eq("uid",uid);
    68.  
    69.         IPage pageData = evaluateService.page(page,queryWrapper.orderByDesc("e_time"));
    70.         return Result.succ(pageData);
    71.     }
    72.     /**
    73.      * 评论分页
    74.      */
    75.     @GetMapping("/evaluateList")
    76.     public Result evalueList(@RequestParam(defaultValue = "1") Integer pageNum,
    77.                            @RequestParam(defaultValue = "5") Integer pageSize,
    78.                            @RequestParam(defaultValue = "") Integer uid) {
    79.  
    80.         if (pageNum == null || pageNum < 1) pageNum = 1;
    81.         Page page = new Page(pageNum, pageSize);
    82.         QueryWrapper queryWrapper = new QueryWrapper();
    83.         if (uid!=null) {
    84.             queryWrapper.like("uid", uid);
    85.         }
    86.         IPage pageData = evaluateService.page(page, queryWrapper.orderByAsc("e_time"));
    87.         return Result.succ(pageData);
    88.     }
    89.  
    90.  
    91.     /**
    92.      * 添加评论
    93.      * @param evaluate
    94.      * @return
    95.      */
    96.     @RequiresAuthentication
    97.     @PostMapping("/evaluate/addEva")
    98.     public Result edit(@Validated @RequestBody Evaluate evaluate) {
    99.  
    100.         //一个空对象用于赋值
    101.         Evaluate temp = new Evaluate();
    102.         if (evaluate.getId() != null) {
    103.             temp = evaluateService.getById(evaluate.getId());//将数据库的内容传递给temp
    104.         } else {
    105.             temp.setUid(ShiroUtil.getProfile().getId());
    106.             temp.setUname(ShiroUtil.getProfile().getNickname());
    107.             temp.setUImg(ShiroUtil.getProfile().getImg());
    108.             temp.setContent(evaluate.getContent());
    109.             temp.setETime(evaluate.getETime());
    110.         }
    111.         BeanUtil.copyProperties(evaluate, temp);
    112.         evaluateService.save(temp);
    113.  
    114.         return Result.succ("成功发表评价");
    115.     }
    116.  
    117.     /**
    118.      * 单个删除
    119.      * @param id
    120.      * @return
    121.      */
    122.     @DeleteMapping("/delEva")
    123.     public boolean delEvaList(@RequestParam Integer id){
    124.         return evaluateService.removeById(id);
    125.     }
    126.  
    127.     /**
    128.      * 批量删除
    129.      * @param ids
    130.      * @return
    131.      */
    132.     @PostMapping("/delEvas")
    133.     public boolean delEvaList(@RequestBody(required = false) List ids){
    134.         return evaluateService.removeByIds (ids);
    135.     }
    136.  
    137. }

    1. package com.cupk.controller;
    2.  
    3.  
    4.  
    5. import cn.hutool.core.bean.BeanUtil;
    6. import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    7. import com.baomidou.mybatisplus.core.metadata.IPage;
    8. import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
    9. import com.cupk.common.lang.Result;
    10. import com.cupk.entity.Gear;
    11. import com.cupk.service.GearService;
    12. import org.springframework.beans.factory.annotation.Autowired;
    13. import org.springframework.validation.annotation.Validated;
    14. import org.springframework.web.bind.annotation.*;
    15.  
    16. import java.util.List;
    17.  
    18. /**
    19.  * 雪具相关接口
    20.  */
    21.  
    22. @RestController
    23. @RequestMapping("/gear")
    24. public class GearController {
    25.     @Autowired
    26.     GearService gearService;
    27.  
    28.     /**
    29.      * 雪具列表
    30.      * @param pageNum
    31.      * @param brand
    32.      * @param category
    33.      * @return
    34.      */
    35.     @GetMapping("/gears")
    36.     public Result gearList(@RequestParam(defaultValue = "1") Integer pageNum,
    37.                            @RequestParam(defaultValue = "2") Integer pageSize,
    38.                            @RequestParam(defaultValue = "") String brand,
    39.                            @RequestParam(defaultValue = "") String category,
    40.                            @RequestParam(defaultValue = "") String size){
    41.         if(pageNum == null || pageNum < 1) pageNum = 1;
    42.         Page page = new Page(pageNum,  pageSize);
    43.         QueryWrapper queryWrapper = new QueryWrapper();
    44.         if (!"".equals(brand)){
    45.             queryWrapper.like("brand",brand);
    46.         }
    47.         if (!"".equals(category)){
    48.             queryWrapper.like("category",category);
    49.         }
    50.         if(!"".equals(size)){
    51.             queryWrapper.like("size",size);
    52.         }
    53.         IPage pageData = gearService.page(page,queryWrapper.orderByAsc("brand"));
    54.         return Result.succ(pageData);
    55.     }
    56.     /**
    57.      * 编辑雪具信息
    58.      * @param gear
    59.      * @return
    60.      */
    61.     @PostMapping("/edit")
    62.     public Result edit(@Validated @RequestBody Gear gear) {
    63.         //一个空对象用于赋值
    64.         Gear temp = null;
    65.         //如果有id则是编辑
    66.         if (gear.getId() != null) {
    67.             temp = gearService.getById(gear.getId());//将数据库的内容传递给temp
    68.         } else {
    69.             temp = new Gear();
    70.             temp.setBrand(gear.getBrand());
    71.             temp.setCategory(gear.getCategory());
    72.             temp.setDeposit(gear.getDeposit());
    73.             temp.setGImg(gear.getGImg());
    74.             temp.setSize(gear.getSize());
    75.             temp.setStock(gear.getStock());
    76.             temp.setRent(gear.getRent()) ;
    77.         }
    78.         BeanUtil.copyProperties(gear, temp);
    79.         gearService.saveOrUpdate(temp);
    80.  
    81.         return Result.succ("修改成功");
    82.     }
    83.     /**
    84.      * 单个删除
    85.      * @param id
    86.      * @return
    87.      */
    88.     @DeleteMapping("/delGear")
    89.     public boolean delEvaList(@RequestParam Integer id){
    90.         return gearService.removeById(id);
    91.     }
    92.  
    93.     /**
    94.      * 批量删除
    95.      * @param ids
    96.      * @return
    97.      */
    98.     @PostMapping ("/delGears")
    99.     public boolean delEvaList(@RequestBody(required = false) List ids){
    100.         return gearService.removeByIds (ids);
    101.     }
    102.  
    103.  
    104. }

    五，项目总结

    项目基本功能完整，立意新颖，前后端分离开发的模式也是现在主流的开发方式，适合做毕业设计使用

  • 相关阅读:
    你的数据库到底应该如何存储密码？
    【21-业务开发-基础业务-商品模块-分类管理-商品系统三级分类的新增类别前后端代码实现-商品系统三级分类的更新类别前后端代码实现-之前错误的Bug修正】
    生态系统NPP及碳源、碳汇模拟实践技术应用
    制作一个模板三
    Gitlab-Runner安装并注册
    excel函数公式
    找不到msvcr110.dll丢失的解决方法-常见修复方法分享
    【高等数学】微分中值定理
    栈的应用：括号匹配，递归
    MySQL统计近12个月的数据，如果某个月份没有数据则用0填充
  • 原文地址：https://blog.csdn.net/BS009/article/details/127457873