springboot bootcdn使用示例详解
作者：o_瓜田李下_o 发布时间：2022-01-14 21:56:46
标签：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>
*********************
来源：https://blog.csdn.net/weixin_43931625/article/details/119578346
0
投稿猜你喜欢
annotation就是注解的意思，在我们使用的 * 时，可以通过业务层添加的某个注解，对业务方法进行拦截，之前我们在进行统一方法拦截时使用- 本文实例讲述了Android实现在屏幕上移动图片的方法。分享给大家供大家参考。具体实现方法如下：1. Speed.java文件：packag
- 新建一个类继承AbstractFunction，重写以下方法：executesetParametersgetReferenceKeygetA
- 1. 实现原理将key映射到 2^32 - 1 的空间中，将这个数字的首尾相连，形成一个环计算节点（使用节点名称、编号、IP地址）的hash
- C语言学习建议1.阅读文章一本更有意义又有趣的书《C专家编程》这本书叙述了各种各样趣味的八卦，例如设计方案一个程序流程来查验过道里的自动售卖
- 本文实例为大家分享了android序列化过程Parcelable的具体代码，供大家参考，具体内容如下直接上代码：注释都写的很清楚了。publ
- 一、问题描述上周不是搭了个SpringBoot整合sharding-jdbc分库分表的架子么，组里老哥不让我把开发环境的配置文件放到reso
- 在Java中当try、finally语句中包含return语句时，执行情况到底是怎样的，finally中的代码是否执行，大家众说纷纭，有的说
- 前言做Android的这两年时间，通过研究Android源码，也会Java并发处理多线程有了自己的一些理解。那么问题来了，如何实现一个串行的
- 本文实例讲述了Android使用SharedPreferences存储数据的实现方法。分享给大家供大家参考，具体如下：编辑短信的时候，突然接
- 背景当一个项目分了很多模块，很多个服务的时候，一些公共的配置就需要统一管理了，于是就有了元数据驱动！简介什么是Calcite？是一款开源SQ
- 最近有学生做毕业设计,想使用悬浮窗这种效果,其实很简单,我们可以通过系统服务WindowManager来实现此功能,本章我们来试验一下在当前
- 本文实例为大家分享了spring mvc实现文件上传与下载功能的具体代码，供大家参考，具体内容如下文件上传在pom.xml中引入spring
- Java 使用getClass().getResourceAsStream()方法获取资源之前想获取一个资源文件做一些处理，使用getCla
- 目录前言HuTool 中的一些常用工具类日期相关 API随机工具图片工具彩色转换成黑白添加文字水印加密解密工具布隆过滤器邮件工具HTML 工
- Android activity和view判断滑动 实例代码：//手
- 1、final修饰类被final修饰的类不能被继承，因此final类的成员方法也不能被覆写，被final关键字修饰的类没有子类，因此类的实现
- 本文实例讲述了C#简单实现SNMP的方法。分享给大家供大家参考。具体如下：/**C# Network Programming by Rich
- 前言在日常的测试工作过程中，app可能会出现闪退崩溃的情况，这个时候就需要测试同学快速抓取到崩溃日志，来有效的辅助开发定位问题，快速的去解决
- 一、前言近期一项目A需实现数据同步到另一项目B数据库中，在不改变B项目的情况下，只好选择项目A中切换数据源，直接把数据写入项目B的数据库中。
