1、首先使用Idea创建一个Spring Boot项目。

2、在application.properties文件下加入以下代码，进行DEBUG日志输出，配置pom.xml文件：

#logging日志配置

logging.level.root=WARN

logging.level.org.springframework.web=DEBUG

4.0.0

com.example

demo

0.0.1-SNAPSHOT

jar

demo

Demo project for Spring Boot

org.springframework.boot

spring-boot-starter-parent

2.0.2.RELEASE

UTF-8

UTF-8

1.8

org.springframework.boot

spring-boot-starter-web

org.springframework.boot

spring-boot-starter-test

test

com.alibaba

fastjson

1.2.31

org.springframework.boot

spring-boot-maven-plugin

3、在resources/static文件夹下加入jquery-3.3.1.min.js和flvplayer.swf文件，当项目启动后，可以直接访问static文件下文件，例如http://localhost:8080/jquery-3.3.1.min.js可直接访问jquery文件。flvplayer.swf是播放flv格式视频的插件，在这先不详细介绍。

4、创建一个视频目录html页面：

因为项目采用前后端分离方案，不经过spring mvc转换访问页面，有兴趣的了解spring mvc的请看https://www.yiibai.com/spring_mvc/。

在

标签内加onload表示当页面加载时会自动调用js方法。

getPath()方法请求向后台获取所有的视频目录，ajax是异步请求，可将获取的数据添加到已有的html页面中，$("#view")为div的id，

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

video menu

functiongetPath() {

$.ajax({

url:"http://localhost:8080/VideoPath",

type:"get",

success:function(path) {

$("#view").append("

$("#view").append("

"+JsonPath[i]+"");

}

$("#view").append("

");

}

})

}