大家好，又见面了，我是你们的朋友全栈君。
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(“
“);
}
})
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/190711.html原文链接：https://javaforall.cn
