当前位置：首页 > news >正文

视频点播系统扩展示例

news 2025/7/8 1:44:06

更多的前端页面（如视频详情页、用户注册页等）。
更复杂的业务逻辑（如视频评论、搜索功能等）。
安全性和权限管理（如用户角色管理、权限控制等）。
其他技术细节（如文件上传、分页查询等）。

1. 视频详情页

创建一个视频详情页面，显示视频的详细信息和评论。

`videoView.html`

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Video Details</title>
</head>
<body>
<h1>Video Details</h1>
<div><h2 th:text="${video.title}"></h2><p th:text="${video.description}"></p><video width="320" height="240" controls><source th:src="@{${video.file_path}}" type="video/mp4">Your browser does not support the video tag.</video><p>Category: <span th:text="${video.category.name}"></span></p><p>Uploaded by: <span th:text="${video.uploadUser.username}"></span></p><p>Upload Time: <span th:text="${video.upload_time}"></span></p>
</div><h2>Comments</h2>
<ul><li th:each="comment : ${video.comments}"><p th:text="${comment.content}"></p><p>By: <span th:text="${comment.user.username}"></span></p><p>At: <span th:text="${comment.created_at}"></span></p></li>
</ul><form th:action="@{/video/comment/{id}(id=${video.id})}" method="post"><label>Comment:</label><textarea name="content"></textarea><br/><button type="submit">Submit Comment</button>
</form>
</body>
</html>

2. 视频评论功能

在VideoController中添加处理评论的逻辑。

`VideoController.java`

package com.video.controller;import com.video.entity.Comment;
import com.video.entity.Video;
import com.video.service.CommentService;
import com.video.service.VideoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;import java.util.List;@Controller
@RequestMapping("/video")
public class VideoController {@Autowiredprivate VideoService videoService;@Autowiredprivate CommentService commentService;@GetMapping("/list")public String listVideos(Model model) {List<Video> videos = videoService.getAllVideos();model.addAttribute("videos", videos);return "videoList";}@GetMapping("/view/{id}")public String viewVideo(@PathVariable("id") int id, Model model) {Video video = videoService.getVideoById(id);video.setComments(commentService.getCommentsByVideoId(id));model.addAttribute("video", video);return "videoView";}@PostMapping("/comment/{id}")public String addComment(@PathVariable("id") int id, @RequestParam("content") String content, Model model) {// 假设已经通过 session 获取到当前用户User currentUser = (User) model.getAttribute("currentUser");Comment comment = new Comment();comment.setContent(content);comment.setUser(currentUser);comment.setVideo(videoService.getVideoById(id));commentService.addComment(comment);return "redirect:/video/view/" + id;}// 其他方法...
}

3. 用户注册页

创建一个用户注册页面。

`register.html`

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Register Page</title>
</head>
<body>
<h1>Register</h1>
<form th:action="@{/user/register}" method="post"><label>Username:</label><input type="text" name="username"/><br/><label>Password:</label><input type="password" name="password"/><br/><label>Email:</label><input type="email" name="email"/><br/><label>Phone:</label><input type="text" name="phone"/><br/><button type="submit">Register</button>
</form>
</body>
</html>

4. 文件上传功能

在VideoController中添加文件上传的逻辑。

`VideoController.java`

package com.video.controller;import com.video.entity.Video;
import com.video.service.VideoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;import java.io.File;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.util.UUID;@Controller
@RequestMapping("/video")
public class VideoController {@Autowiredprivate VideoService videoService;private final Path rootLocation = Paths.get("uploads");@PostMapping("/add")public String addVideo(@ModelAttribute Video video, @RequestParam("file") MultipartFile file) {try {// 保存文件到指定路径String uniqueFileName = UUID.randomUUID().toString() + "_" + file.getOriginalFilename();File dest = new File(rootLocation.toString(), uniqueFileName);Files.copy(file.getInputStream(), dest.toPath());// 设置文件路径video.setFile_path(uniqueFileName);videoService.addVideo(video);} catch (IOException e) {e.printStackTrace();}return "redirect:/video/list";}// 其他方法...
}

5. 分页查询

在VideoService中添加分页查询的功能。

`VideoService.java`

package com.video.service;import com.video.entity.Video;
import com.video.mapper.VideoMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;@Service
public class VideoService {@Autowiredprivate VideoMapper videoMapper;public List<Video> getAllVideos() {return videoMapper.findAll();}public List<Video> getVideosByPage(int page, int size) {int offset = (page - 1) * size;return videoMapper.findVideosByPage(offset, size);}// 其他方法...
}

`VideoMapper.java`

package com.video.mapper;import com.video.entity.Video;
import org.apache.ibatis.annotations.*;import java.util.List;@Mapper
public interface VideoMapper {@Select("SELECT * FROM video")List<Video> findAll();@Select("SELECT * FROM video LIMIT #{offset}, #{size}")List<Video> findVideosByPage(@Param("offset") int offset, @Param("size") int size);// 其他方法...
}

6. 视频列表页的分页功能

在videoList.html中添加分页功能。

`videoList.html`

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Video List</title>
</head>
<body>
<h1>Video List</h1>
<table border="1"><tr><th>ID</th><th>Title</th><th>Description</th><th>File Path</th><th>Category</th><th>Upload User</th><th>Upload Time</th><th>Actions</th></tr><tr th:each="video : ${videos}"><td th:text="${video.id}"></td><td th:text="${video.title}"></td><td th:text="${video.description}"></td><td th:text="${video.file_path}"></td><td th:text="${video.category_id}"></td><td th:text="${video.upload_user_id}"></td><td th:text="${video.upload_time}"></td><td><a th:href="@{/video/view/{id}(id=${video.id})}">View</a><a th:href="@{/video/edit/{id}(id=${video.id})}">Edit</a><a th:href="@{/video/delete/{id}(id=${video.id})}">Delete</a></td></tr>
</table><div><a th:if="${currentPage > 1}" th:href="@{/video/list(page=${currentPage - 1})}">Previous</a><a th:if="${currentPage < totalPages}" th:href="@{/video/list(page=${currentPage + 1})}">Next</a>
</div><a href="/video/add">Add New Video</a>
</body>
</html>

7. 视频列表控制器的分页支持

在VideoController中添加分页支持。

`VideoController.java`

package com.video.controller;import com.video.entity.Video;
import com.video.service.VideoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;import java.util.List;@Controller
@RequestMapping("/video")
public class VideoController {@Autowiredprivate VideoService videoService;@GetMapping("/list")public String listVideos(@RequestParam(defaultValue = "1") int page, Model model) {int pageSize = 10; // 每页显示的记录数List<Video> videos = videoService.getVideosByPage(page, pageSize);int totalVideos = videoService.getAllVideos().size();int totalPages = (int) Math.ceil((double) totalVideos / pageSize);model.addAttribute("videos", videos);model.addAttribute("currentPage", page);model.addAttribute("totalPages", totalPages);return "videoList";}// 其他方法...
}