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>

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

使用测试

localhost:8080/index

点击按钮

springboot bootcdn使用相关推荐

SpringBoot WebSocket Stomp
关注 "弋凡"(YiFan)微信公众号吧记录简单笔记做你的最爱 websocket 是什么? 是一种网络通信协议,很多高级功能都需要它为什么要使用websocket? 已经有 ...
SpringBoot+Echarts实现请求后台数据显示饼状图
场景 SpringBoot搭建后台获取数据,前端可视化使用echarts的饼状图. Echarts3官网: https://www.echartsjs.com/index.html 获取Echarts ...
基于springboot的学生管理系统
目录实现流程实现目的具体实现数据库和数据表脚本 pom文件 application.properties和application.yml配置 pojo实体类 mapper接口以及mapper. ...
`SpringBoot`+`axios`结合发送`ajax`请求
SpringBoot+axios结合发送ajax 1.搭建环境 1.1 创建表并添加数据 DROP TABLE t_posts;CREATE TABLE IF NOT EXISTS t_posts(p ...
SpringBoot整合Thymeleaf+EasyExcel实现excel文件的读取并展示，附加swagger2配置（超详细示范！）
目录 1.Springboot整合Thyemleaf+EasyExcel 步骤 1.1 pom文件引入依赖 1.2 yml文件配置 1.3 config配置类 1.3.1 Swagger2配置类 1. ...
从0到1编写个人博客项目使用springboot+vue(前后端分离) 到购买服务器上传项目到 GitHub开源项目、此过程下所遇问题及解决方法，至少你帮你少走70%弯路
个人博客编写后记 2022.12.2.4 : 30.此项目告一段落. 编撰此博客本意里除去对找工作的帮助.更多地是想帮助未走过的人去探探路.总结经验.少走弯路.知识的宝贵不在于无价.而是无私.天 ...
【十九】springboot整合ElasticSearch实战（万字篇）
本章开始学习springboot整合ElasticSearch 7.X版本并通过小demo实现基本的增删改查.实现如下案例: 1.当向数据新增一个商品信息时,同时向rabbitMQ发起消息(异步实现) ...
Springboot+poi导入导出+echart 做出树状图以及饼状图
第一步:创建springboot项目:(创建项目省略) 第二步配置:pom依赖包 <dependencies><dependency><groupId>org.sp ...
SpringBoot实战：设备唯一ID生成【雪花算法、分布式应用】
目录 SpringBoot实战:设备唯一ID生成[雪花算法.分布式应用] 背景: snowflake(雪花算法)方案: 实现: 雪花算法生成ID: 二维码打包: 多线程优化-批量插入: 二维码识别+扫 ...
springboot中引入jquery无效
公式:$(selector).action() 相关网址 https://jquery.cuishifeng.cn/ jQuery.com https://www.w3school.com.cn/jq ...

springboot bootcdn使用

springboot bootcdn使用

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

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

springboot bootcdn使用相关推荐

最新文章

热门文章