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

源码客栈

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

简介 & 技术栈

展示效果:PC网页
源码类型:其他,社团/通讯/论坛
后端框架:SpringBoot
前端框架:ElementUI
视图技术:Vue
其他技术:Maven
开发工具:IDEA,Eclipse

部署安装

部署文档

SpringBoot+Vue的部署教程

软件下载（点击下方软件名称即可下载）

源码_获取

项目完整源码

项目完整源码+远程部署调试

总价

89.99 / 元

项目推荐

基于SpringBoot+Vue前后端分离的学校心理健康测试系统

azhou

部署文档

1,736

2023-09-10

基于SSM的教务管理系统

azhou

部署文档

1,058

2022-06-29

> ### 一、项目背景介绍：

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

> ### 二、项目技术简介：

1. JAVA：Java是一门**面向对象编程语言**，不仅**吸收了C++语言的各种优点**，还摒弃了C++里难以理解的**多继承、指针**等概念，因此Java语言具有**功能强大和简单易用**两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
2. Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。
   Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。
3. Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
4. SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来[简化](https://baike.baidu.com/item/简化/3374416?fromModule=lemma_inlink)新[Spring](https://baike.baidu.com/item/Spring/85061?fromModule=lemma_inlink)应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

> ### 三、系统功能模块介绍：

![功能模块图](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-06-04/2d540e3a-3f18-4c2a-8d0b-d9f9dafb6717_module.png)

> ### 四、数据库设计：

1：collect（collect）

| 字段名   | 类型   | 默认值 | 列注释 |
| -------- | ------ | ------ | ------ |
| id       | bigint | NULL   | 收藏ID |
| user_id  | bigint | NULL   | 用户ID |
| video_id | bigint | NULL   | 电影ID |

2：'管理员表'（manage）

| 字段名    | 类型    | 默认值 | 列注释                              |
| --------- | ------- | ------ | ----------------------------------- |
| id        | bigint  | NULL   | ID                                  |
| user_name | varchar | NULL   | 用户名                              |
| pass_word | varchar | NULL   | 密码                                |
| photo_img | varchar | NULL   | 图片                                |
| name      | varchar | NULL   | 名称                                |
| status    | int     | NULL   | 用户类型[0:超级管理员,1:普通管理员] |

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

| 字段名       | 类型     | 默认值 | 列注释                                     |
| ------------ | -------- | ------ | ------------------------------------------ |
| id           | bigint   | NULL   | 主键ID                                     |
| message_info | text     | NULL   | 留言内容                                   |
| user_id      | bigint   | NULL   | 用户ID                                     |
| create_time  | datetime | NULL   | 创建时间                                   |
| msg_status   | int      | NULL   | 留言状态[0:未审核,1:审核通过,2:审核不通过] |
| video_id     | bigint   | NULL   | 电影ID                                     |

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

| 字段名      | 类型     | 默认值 | 列注释   |
| ----------- | -------- | ------ | -------- |
| id          | bigint   | NULL   | 主键ID   |
| type_name   | varchar  | NULL   | 分类名称 |
| create_time | datetime | NULL   | 创建时间 |

5：'用户表'（users）

| 字段名      | 类型     | 默认值 | 列注释   |
| ----------- | -------- | ------ | -------- |
| id          | bigint   | NULL   | 主键ID   |
| account     | varchar  | NULL   | 账号     |
| password    | varchar  | NULL   | 密码     |
| nick_name   | varchar  | NULL   | 姓名     |
| tel         | varchar  | NULL   | 联系方式 |
| head_img    | varchar  | NULL   | 头像     |
| create_time | datetime | NULL   | 创建时间 |

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

| 字段名         | 类型     | 默认值 | 列注释                                     |
| -------------- | -------- | ------ | ------------------------------------------ |
| id             | bigint   | NULL   | 主键ID                                     |
| user_id        | bigint   | NULL   | 用户ID                                     |
| comment_info   | text     | NULL   | 评论内容                                   |
| comment_status | int      | NULL   | 评论状态[0:未审核,1:审核通过,2:审核不通过] |
| create_time    | datetime | NULL   | 创建时间                                   |
| video_id       | bigint   | NULL   | 电影ID                                     |

7：video_score（video_score）

| 字段名   | 类型   | 默认值 | 列注释 |
| -------- | ------ | ------ | ------ |
| id       | bigint | NULL   | 主键ID |
| video_id | bigint | NULL   | 电影ID |
| user_id  | bigint | NULL   | 用户ID |
| num      | int    | NULL   | 分数   |

8：'电影表'（videos）

| 字段名             | 类型    | 默认值 | 列注释              |
| ------------------ | ------- | ------ | ------------------- |
| id                 | bigint  | NULL   | 主键ID              |
| video_name         | varchar | NULL   | 电影名称            |
| video_img          | varchar | NULL   | 电影封面图片        |
| video_url          | varchar | NULL   | 视频链接            |
| video_download_url | varchar | NULL   | 下载链接            |
| is_top             | int     | NULL   | 是否推荐[0:是,1:否] |
| type_id            | bigint  | NULL   | 分类ID              |
| score              | varchar | NULL   | 电影分数            |
| info               | text    | NULL   | 电影介绍            |
| detail             | text    | NULL   | 详情                |

> ### 五、功能模块：

1. 电影管理：电影管理主要是对电影信息进行管理，包括图，视频等

![电影管理](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-03-30/34de9c27-20a7-4e07-8b90-c6dfeaf3c150_efc2c946421b3531fe0893379f64613.png)

1. 用户首页：为用户推荐合适的电影

![用户首页](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-03-30/2f3029b9-a1bb-40bf-89c0-7ad0d9affad8_b9c27639e5390b14d8cbb60661a2baf.png)

1. 分类：通过不同的条件检索不同的电影

![分类](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-03-30/01cc0de3-464d-478f-816e-beb078313fc4_12ab4f31c1a1be2a8257ca8a0f48bfe.png)

1. 电影评论：用户可以在不同的电影下面进行评论，并对观看之后的电影进行评分

![电影评论](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-03-30/e4f6bfdf-9d58-48e4-838c-116790798131_fa3a02ffa828f915f9e49a69cf9c7a2.png)

1. 排行榜：根据电影评分的一个排行榜数据

![排行榜](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-03-30/3ba809e7-1444-4715-899e-d5ab8e7af19b_438f6df2b0d09b0b83c4768ba06411f.png)

1. 评论审核：用户对电影的评论信息，在经过管理员审核以后在网站中便可以查看

![评论审核](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-06-04/1c87633d-8022-4e46-8db2-f3908b81cbbe_4.1.png)

1. 电影分类管理：

![电影分类管理](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-06-04/126dbc30-ce2c-404e-840b-280468f6b352_1.png)

1. 登录注册：

![登录注册](https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-06-04/f25767a8-0cfd-4771-8e13-83dba083e930_10.png)

> ### 六、代码示例：

##### 电影管理

```java
 @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);
    }
```

##### 用户首页

```java
 @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));
    }
```

##### 分类

```java
 @PostMapping("/page")
    public ReturnMsg page(@RequestBody TypesDTO typesDTO) {
        return ReturnMsg.ok(baseService.basePage(typesDTO));
    }
```

##### 电影评论

```java
@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();
    }
```

##### 排行榜

```java
@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));
    }

```

```java
    /**
     * 生成验证码
     */
    @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服务器上，最后用户可以选择浏览器打开网址使用本系统。本系统使用性能稳定可靠，在功能设计上，基本上达到预期的设计目标，并且根据系统测试结果可以得知，本系统现在是可以正常的被投入使用。

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