电影网站增删改查-4 spring boots/MVC/neo4j/thymeleaf 源码分析实现View 新增过程

最新推荐文章于 2023-11-01 16:47:34 发布

原创

最新推荐文章于 2023-11-01 16:47:34 发布 · 977 阅读

2 ·

CC 4.0 BY-SA版权

本文以电影管理为例，详细介绍了如何使用Spring Boot、MVC、Neo4j数据库和Thymeleaf模板引擎实现View层面的新增功能。通过创建layout.html作为基础布局，并在template目录下创建movie相关的HTML文件，引用布局并定义content区域。同时，将静态资源如JS和CSS放在相应目录下。在HTML中添加新增操作的逻辑，并定义create方法和处理提交的controller方法，以及数据库操作的相关代码。

以movie新增为例，使用thymeleaf 框架，预先定义好layout.html：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-store"/>
    <meta http-equiv="Expires" content="0" />
    <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">UI演示</title>
    <link th:href="@{/styles/global.css}"  rel="stylesheet" type="text/css"/>
    <script th:src="@{/scripts/jquery.min.js}"></script>
    <script th:src="@{/scripts/artDialog/artDialog.js}" />
    <script th:src="@{/scripts/common.js}"></script>
    <script th:src="@{/scripts/public/public.js}"></script>
    <script th:src="@{/scripts/public/json2.js}"></script>
    <script type="text/javascript" th:src="@{/scripts/validate/jquery.validate.min.js}"></script>
   <script type="text/javascript" th:src="@{/scripts/validate/chinese.js}"></script>
</head>
<body>
<div class="headerBox">
    <div class="topBox">
        <div class="topLogo f-left">
            <a href="#"><img th:src="@{/images/logo.png}"/></a>
        </div>
        <div class="new-nav">
            <h3>电影频道</h3>
        </div>