【coding加油站】java，vue，mysql视频播放网站毕设

1、引言

设计结课作业,课程设计无处下手，网页要求的总数量太多？没有合适的模板？数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。你想要解决的问题，联系我都可以解决

2、作品介绍

2.1、作品简介方面

java,vue视频播放网站系统采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选

2.2、作品二次开发工具

此作品代码相对简单，基本使用课堂中所学知识点来完成，只需要修改相关的介绍文字，一些图片，就可以改为自己独一无二的代码，网页作品下载后可使用任意编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用），java，python等相关作业使用自己常使用的工具亦可完成相关二次开发。

2.3、作品技术介绍

vue作品技术方面：使用vue技术开发的网站，涉及常见的vue指令，如v-for，v-if，v-show，v-html等的使用，包含watch，计算属性等常见功能的开发，以及组件的使用，使用vue相关全家桶的使用，运用了v-router来作为路由，完全符合常见的网站开发技术。

springboot：本项目使用springboot框架完成整体的开发，springboot是由Pivotal团队提供的全新框架。spring的出现是为了解决企业级开发应用的复杂性，spring的通过注册bean的方式来管理类，但是随着业务的增加，使用xml配置bean的方式也显得相当繁琐，所以springboot就是为了解决spring配置繁琐的问题而诞生的，并且近几年来非常流行。完全符合相关设计的技术要求。

MySQL：同时使用后mysql，是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

3、作品演示

java，vue模仿视频播放网站

3.1、功能页1

首页为视频播放界面，可以上传视频之后就播放，效果图如下:

视频分类界面是使用视频分类的功能，能够根据不同的标签来区分不同的视频，相关代码如下：

<div class="ListContent">
        <div class="unData" v-if="videoList.length===0">
          <el-empty description="暂无数据"></el-empty>
        </div>
        <template v-if="videoList.length>0">
          <div class="ListContent-list">
            <div class="ListContent-liItem" v-for="video in videoList" @click="toVideoDetails(video)">
              <div class="ListContent-listItem">
                <div class="ListContent-itemImg">
                  <div class="playIcon">
                    <i class="el-icon-video-play"></i>
                  </div>
                  <div class="video-icon-label">
                    <div class="icon">
                      <div class="iconfont icon-tuya-"></div>
                      <div>{{ video.views | numberFilter }}</div>
                    </div>
                    <div class="icon">
                      <div class="iconfont icon-dianzan_kuai"></div>
                      <div>{{ video.likes | numberFilter }}</div>
                    </div>
                  </div>
                  <img :src="video.coverPath|imgSrcFormat" alt=""/>
                </div>
                <div class="ListContent-itemDetail">
                  {{ video.title }}
                </div>
              </div>
            </div>
          </div>
        </template>
      </div>

总结

以上就是本次项目的全部内容，获取地址公众号：coding加油站获取

使用技术为java，vue，mysql，springboot