springboot bootcdn使用示例详解

更新时间：2021年08月11日 10:02:30 作者：o_瓜田李下_o

这篇文章主要介绍了springboot bootcdn使用，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

应用：直接使用bootcdn提供的静态资源，不需要本地存储

bootcdn 官网：https://www.bootcdn.cn/

staticfile cdn官网： http://www.staticfile.org/

常用静态资源

# layui.js
https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.js
https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js
 
# layui.css
//unpkg.com/layui@2.6.8/dist/css/layui.css
https://www.layuicdn.com/layui-v2.6.8/css/layui.css
 
# jquery
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js
 
# bootstrap
https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.css
https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.min.css
 
# react
https://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.js
https://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.min.js
 
# vue
https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.js
https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.min.js

*********************

示例

***************

配置文件

cdn.properties

layui=https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js
jquery=https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js

***************

前端页面

index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="${application.jquery}"></script>
    <script th:src="${application.layuijs}"></script>
    <link rel="stylesheet" th:href="${application.layuicss}">
    <!--
    <script>
        $(function (){
            $("#btn").click(function (){
                alert("hello world");
            })
        })
    </script>-->
    <script>
        layui.use('layer',function (){
            var layer=layui.layer;
 
            $("#btn").click(function (){
                $("#1").html("瓜田李下<br>");
 
                layer.msg('hello')
            })
        })
    </script>
</head>
<body>
<div th:align="center">
    <span id="1" style="background-color: purple;font-size: large"></span><br>
    <button id="btn" class="layui-btn">点击一下</button>
</div>
</body>
</html>

*********************

到此这篇关于springboot bootcdn使用的文章就介绍到这了,更多相关springboot bootcdn内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Springmvc数据格式化原理及代码案例
这篇文章主要介绍了Springmvc数据格式化原理及代码案例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
SpringBoot实现定时任务和异步调用
这篇文章主要为大家详细介绍了SpringBoot实现定时任务和异步调用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-04-04
javascript最新2020经典面试题
这篇文章主要介绍了javascript最新2020经典面试题的相关内容，有需要的朋友们可以学习下。
2020-02-02
有关ServletConfig与ServletContext的访问
下面小编就为大家带来一篇有关ServletConfig与ServletContext的访问。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
Java基础篇之分布式版本控制工具Git
Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件
2021-10-10
学习Java之IO流的基础概念详解
这篇文章主要给大家介绍了Java中的IO流,我们首先要搞清楚一件事,就是为什么需要IO流这个东西,但在正式学习IO流的使用之前,小编有必要带大家先了解一下IO流的基本概念,需要的朋友可以参考下
2023-09-09
Java8中的lambda表达式入门教程
lambda表达式，即带有参数的表达式，为了更清晰地理解lambda表达式，下面通过示例代码给大家介绍java8 lambda 表达式入门教程，感兴趣的朋友一起看看吧
2017-08-08
java实现轻量型http代理服务器示例
这篇文章主要介绍了java实现轻量型http代理服务器示例,需要的朋友可以参考下
2014-04-04
ConcurrentModificationException日志关键字报警思考分析
本文将记录和分析日志中的ConcurrentModificationException关键字报警,还有一些我的思考,有需要的朋友可以借鉴参考下,希望能够有所帮助
2023-12-12
详解Java8新特性之interface中的static方法和default方法
这篇文章主要介绍了Java8新特性之interface中的static方法和default方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08