Question

我目前正在尝试对Spring应用程序进行CDN后备，并且我有很多问题。

这是我的Head.html

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org" th:remove="tag">


<head th:fragment="head">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script>window.jQuery || document.write('<link rel="stylesheet" href="/css/bootstrap.min.css">')</script>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
    <script>window.jQuery || document.write('<link rel="stylesheet" href="/css/all.css">')</script>

    <link rel="stylesheet" href="css/style.css">

    <script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-3.3.1.slim.min.js">\x3C/script>')</script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/popper.min.js">\x3C/script>')</script>

    <script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script>if(typeof($.fn.modal) === 'undefined') {document.write('<script src="bootstrap/4.1.3/js/bootstrap.min.js"><\/script>')}</script>


    <title>Routines......</title>

</head>
</html>

我的代码设置为每个HTML文件都使用该头。例如这样。

<!DOCTYPE html>    

<html th:lang="#{language_code}" xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragments/Head :: head">

<body>

<nav th:replace="fragments/Navigation :: navigation"></nav>

<div class="container margin-tb">
    <h3 th:text="#{about_us}">></h3>
    <a th:text="#{about_us_text}"></a>
</div>

</body>
</html>

现在我的问题。这样行是否还好，还是应该在每个HTML中编写链接和脚本？正确完成了吗？它是如何工作的？我是否必须手动将这些CSS和JS文件放入我的项目文件夹？最重要的是：我该如何测试？我只是试图删除有CDN的行，并在localhost中查看它是否回退。但这似乎根本不起作用，而且非常愚蠢。

JS和CSS的CDN后备

0 个答案: