基于SpringBoot+Vue的电影分享平台

浏览 8 次

Movie Sharing System Based on SpringBoot and Vue

基于SpringBoot和Vue的电影分享平台是一个集电影信息管理、用户互动分享于一体的Web系统。系统提供电影分类浏览、评分评论、个性化推荐等核心功能，支持用户上传和分享影评内容。该项目适合作为毕业设计或系统开发实践，实现了前后端分离的现代化信息管理平台。

SpringBootVue前后端分离PC端

项目简介

项目基础信息

适合专业计算机科学与技术 / 软件工程 / 信息管理

技术栈SpringBoot + Vue + MySQL + Redis

系统架构前后端分离

项目类型内容分享平台 / 社交应用

运行环境JDK1.8、MySQL5.7+、Node14+

开发工具IntelliJ IDEA、VSCode、Git

项目包含内容

前后端完整源码
数据库完整脚本
参考论文(如有)
部署软件及部署说明
项目介绍文档(如有)

项目详细介绍

一、项目背景介绍：

您好，电影网站建设之项目背景与概要市网上电影订票服务平台将在地区范围内建立一个基于互联网的信息传播和便民服务平台，可通过互联网访问本系统实现网上查询、支付、订票等功能，免去市民排队购票的烦恼，减轻市民办理的复杂度。在为市民电影购票办理提供优质的技术支持服务的同时也为各大影院建立一个方便的、快捷的、安全的现代化的服务窗口。

二、项目技术简介：

JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建，是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。
Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

三、系统功能模块介绍：

功能模块图

四、数据库设计：

1：collect（collect）

| 字段名 | 类型 | 默认值 | 列注释 |

| -------- | ------ | ------ | ------ |

2：'管理员表'（manage）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------- | ------ | ----------------------------------- |

| id | bigint | NULL | ID |

3：'电影留言表'（messages）

| 字段名 | 类型 | 默认值 | 列注释 |

| ------------ | -------- | ------ | ------------------------------------------ |

4：'电影分类表'（types）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------- |

5：'用户表'（users）

| 字段名 | 类型 | 默认值 | 列注释 |

| ----------- | -------- | ------ | -------- |

6：'电影评论表'（video_comment）

| 字段名 | 类型 | 默认值 | 列注释 |

| -------------- | -------- | ------ | ------------------------------------------ |

7：video_score（video_score）

| 字段名 | 类型 | 默认值 | 列注释 |

| -------- | ------ | ------ | ------ |

| num | int | NULL | 分数 |

8：'电影表'（videos）

| 字段名 | 类型 | 默认值 | 列注释 |

| ------------------ | ------- | ------ | ------------------- |

五、功能模块：

电影管理：电影管理主要是对电影信息进行管理，包括图，视频等
用户首页：为用户推荐合适的电影
分类：通过不同的条件检索不同的电影
电影评论：用户可以在不同的电影下面进行评论，并对观看之后的电影进行评分
排行榜：根据电影评分的一个排行榜数据
评论审核：用户对电影的评论信息，在经过管理员审核以后在网站中便可以查看
电影分类管理：
登录注册：

六、代码示例：

电影管理


 @PostMapping(/page)

    public ReturnMsg page(@RequestBody VideosDTO videosDTO) {

        return ReturnMsg.ok(baseService.basePage(videosDTO));

    }



    @GetMapping(/all/types)

    public ReturnMsg allTypes() {

        List<BaseSelectEntity> list = new ArrayList<>();

        List<TypesDTO> dtos = typesService.list();

        for (TypesDTO dto : dtos) {

            BaseSelectEntity baseSelectEntity = new BaseSelectEntity();

            baseSelectEntity.setKey(dto.getId());

            baseSelectEntity.setValue(dto.getTypeName());

            list.add(baseSelectEntity);

        }

        return ReturnMsg.ok(list);

    }

用户首页


 @GetMapping(/banner)

    public ReturnMsg banner() {

        LambdaQueryWrapper<VideosDTO> queryWrapper = new LambdaQueryWrapper<>();

        queryWrapper.eq(VideosDTO::getIsTop, 0);

        return ReturnMsg.ok(baseService.list(queryWrapper));

    }





    @GetMapping(/random)

    public ReturnMsg random() {

        List<VideosDTO> videosDTOS = baseService.list();

        Collections.shuffle(videosDTOS);

        return ReturnMsg.ok(videosDTOS.subList(0, 8));

    }

分类


 @PostMapping(/page)

    public ReturnMsg page(@RequestBody TypesDTO typesDTO) {

        return ReturnMsg.ok(baseService.basePage(typesDTO));

    }

电影评论


@PostMapping(/add/score)

    public ReturnMsg addScore(@RequestBody VideoScoreDTO videoScore) {

        VideoScoreDTO videoScore1 = new VideoScoreDTO();

        videoScore1.setUserId(videoScore.getUserId());

        videoScore1.setVideoId(videoScore.getVideoId());

        VideoScoreDTO one = videoScoreService.getOne(new QueryWrapper<>(videoScore1));

        if (one == null) {

            videoScoreService.save(videoScore);

            LambdaQueryWrapper<VideoScoreDTO> queryWrapper = new LambdaQueryWrapper<>();

            queryWrapper.eq(VideoScoreDTO::getVideoId, videoScore.getVideoId());

            List<VideoScoreDTO> scoreDTOS = videoScoreService.list(queryWrapper);

            int num = 0;

            for (VideoScoreDTO scoreDTO : scoreDTOS) {

                num += scoreDTO.getNum();

            }

            int i = num / scoreDTOS.size();

            VideosDTO videosDTO = new VideosDTO();

            videosDTO.setId(videoScore.getVideoId());

            videosDTO.setScore(i + );

            baseService.updateById(videosDTO);

        }

        return ReturnMsg.ok();

    }

排行榜


@GetMapping(/rank/{num})

    public ReturnMsg rank(@PathVariable(num) Integer num) {

        LambdaQueryWrapper<VideosDTO> queryWrapper = new LambdaQueryWrapper<>();

        queryWrapper.orderByDesc(VideosDTO::getScore).last(limit  + num);

        return ReturnMsg.ok(baseService.list(queryWrapper));

    }


    /**

     * 生成验证码

     */

    @GetMapping(/captchaImage)

    public AjaxResult getCode(HttpServletResponse response) throws IOException

    {

        AjaxResult ajax = AjaxResult.success();

        boolean captchaEnabled = configService.selectCaptchaEnabled();

        ajax.put(captchaEnabled, captchaEnabled);

        if (!captchaEnabled)

        {

            return ajax;

        }



        // 保存验证码信息

        String uuid = IdUtils.simpleUUID();

        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;



        String capStr = null, code = null;

        BufferedImage image = null;



        // 生成验证码

        String captchaType = RuoYiConfig.getCaptchaType();

        if (math.equals(captchaType))

        {

            String capText = captchaProducerMath.createText();

            capStr = capText.substring(0, capText.lastIndexOf(@));

            code = capText.substring(capText.lastIndexOf(@) + 1);

            image = captchaProducerMath.createImage(capStr);

        }

        else if (char.equals(captchaType))

        {

            capStr = code = captchaProducer.createText();

            image = captchaProducer.createImage(capStr);

        }



        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

        // 转换流信息写出

        FastByteArrayOutputStream os = new FastByteArrayOutputStream();

        try

        {

            ImageIO.write(image, jpg, os);

        }

        catch (IOException e)

        {

            return AjaxResult.error(e.getMessage());

        }



        ajax.put(uuid, uuid);

        ajax.put(img, Base64.encode(os.toByteArray()));

        return ajax;

    }

    /**

     * 通用的本地文件上传

     *

     * @param multipartFile 文件对象

     * @return 文件访问链接URL

     */

    @PostMapping(/file)

    public SimpleResponse uploadImg(@RequestParam(file) MultipartFile file) {

        // 文件后缀

        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(.) + 1);

        File savePathFile = new File(newTomcatFolder);

        if (!savePathFile.exists()) {

            // 若不存在该目录，则创建目录

            savePathFile.mkdir();

        }

        // 通过UUID生成唯一文件名

        String filename = UUID.randomUUID() + . + suffix;

        try {

            // 将文件保存指定目录

            file.transferTo(new File(newTomcatFolder + filename));

        } catch (Exception e) {

            e.printStackTrace();

            return SimpleResponse.error(保存文件异常);

        }

        // 返回访问链接

        return SimpleResponse.success(newTomcatHost + filename);

    }

    @PostMapping(/login)

    public ReturnMsg manageLogin(@RequestBody Map<String, String> param) {

        if (StrUtil.isEmpty(param.get(username)) || StrUtil.isEmpty(param.get(password))) {

            return ReturnMsg.error(用户名或密码错误!);

        }

        ManageDTO manageDTO = new ManageDTO();

        manageDTO.setUserName(param.get(username));

        manageDTO.setPassWord(param.get(password));

        QueryWrapper<ManageDTO> manageDTOQueryWrapper = new QueryWrapper<>(manageDTO);

        manageDTOQueryWrapper.last(limit 1);

        ManageDTO adminDTOS = manageService.getOne(manageDTOQueryWrapper);

        if (adminDTOS == null) return ReturnMsg.error(用户名或密码错误!);

        Map<String, Object> map = new HashMap<>();

        map.put(avatar, StrUtil.isNotBlank(adminDTOS.getPhotoImg()) ? adminDTOS.getPhotoImg() : https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif);

        map.put(introduction, adminDTOS.getName() + ,你好!);

        map.put(name, adminDTOS.getName());

        map.put(roles, Arrays.asList(admin));

        map.put(type, adminDTOS.getStatus());

        Map<String, String> returnMap = new HashMap<>();

        String uuid = UUID.randomUUID().toString();

        returnMap.put(token, uuid);

        userInfoMap.put(uuid, JSON.toJSONString(map));

        return ReturnMsg.ok(returnMap);

    }

七、项目总结：

本系统是以B/S模式为网络结构模式，在IDEA开发环境中，首先使用Java语言设计系统功能，使用MySQL数据库存储数据信息，然后使用连接语言实现前端Java语言与后台MySQL数据库的交互，再通过平台提供的Tomcat插件，将系统发布到Tomcat服务器上，最后用户可以选择浏览器打开网址使用本系统。本系统使用性能稳定可靠，在功能设计上，基本上达到预期的设计目标，并且根据系统测试结果可以得知，本系统现在是可以正常的被投入使用。

    如今是信息化的社会，随着大数据技术、人工智能、深度学习等新一代科学技术力量的出现，大大加快了各行业信息化建设的进程。我们应该努力学习新一代科学技术以及相关知识，不断提高自己的专业能力水平，设计和实现出一款能够顺应时代变化的，功能强大的信息管理系统。

联系咨询区

可沟通项目方向、预算、交付周期与答辩时间安排，支持按学校要求定制交付内容。

立即咨询继续浏览项目

项目简介

项目基础信息

项目包含内容

项目详细介绍

一、项目背景介绍：

二、项目技术简介：

三、系统功能模块介绍：

四、数据库设计：

五、功能模块：

六、代码示例：

电影管理

用户首页

分类

电影评论

排行榜

七、项目总结：

联系咨询区

为你推荐