springboot bootcdn使用示例詳解
更新時(shí)間：2021年08月11日 10:02:30 作者：o_瓜田李下_o
這篇文章主要介紹了springboot bootcdn使用，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
應(yīng)用：直接使用bootcdn提供的靜態(tài)資源，不需要本地存儲(chǔ)
bootcdn 官網(wǎng)：https://www.bootcdn.cn/
staticfile cdn官網(wǎng)： http://www.staticfile.org/
常用靜態(tài)資源
# 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
***************
前端頁(yè)面
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">點(diǎn)擊一下</button>
</div>
</body>
</html>
*********************
到此這篇關(guān)于springboot bootcdn使用的文章就介紹到這了,更多相關(guān)springboot bootcdn內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Java中5種方式實(shí)現(xiàn)String反轉(zhuǎn)
下面小編就為大家?guī)?lái)一篇Java中5種方式實(shí)現(xiàn)String反轉(zhuǎn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。2016-06-06
基于Java網(wǎng)絡(luò)編程和多線程的多對(duì)多聊天系統(tǒng)
這篇文章主要介紹了基于Java網(wǎng)絡(luò)編程和多線程的多對(duì)多聊天系統(tǒng),文中有非常詳細(xì)的代碼示例,對(duì)正在學(xué)習(xí)java網(wǎng)絡(luò)編程的小伙伴們有非常好的幫助,需要的朋友可以參考下2021-04-04
這篇文章主要介紹了Java多線程Condition接口原理介紹，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
Java8新特性stream和parallelStream區(qū)別
這篇文章主要介紹了Java8新特性stream和parallelStream區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
java實(shí)現(xiàn)解析二進(jìn)制文件的方法(字符串、圖片)
本篇文章主要介紹了java實(shí)現(xiàn)解析二進(jìn)制文件的方法(字符串、圖片)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
Springboot配置Swagger2登錄密碼的實(shí)現(xiàn)
本文主要介紹了Springboot配置Swagger2登錄密碼的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了Hibernate緩存機(jī)制實(shí)例代碼解析，介紹了查詢緩存，一級(jí)二級(jí)緩存等內(nèi)容，分享了相關(guān)代碼示例，小編覺(jué)得還是挺不錯(cuò)的，具有一定借鑒價(jià)值，需要的朋友可以參考下2018-02-02
Java將RTF文檔轉(zhuǎn)換為Word/PDF/HTML/圖片
RTF文檔因其跨平臺(tái)兼容性而廣泛使用,但有時(shí)在不同的應(yīng)用場(chǎng)景可能需要特定的文檔格式,所以本文來(lái)講講如何通過(guò)Java將RTF轉(zhuǎn)換為Word/PDF/HTML和圖片格式2025-01-01
Spring?Boot?整合?FreeMarker?實(shí)例分享
這篇文章主要分享了Spring?Boot整合FreeMarker?實(shí)例FreeMarker是一款模板引擎，即一種基于模板和要改變的數(shù)據(jù)，并用來(lái)生成輸出文本，更多相關(guān)介紹需要的小伙伴可以參考下面文章內(nèi)容2022-05-05
Java aop面向切面編程(aspectJweaver)案例詳解
這篇文章主要介紹了Java aop面向切面編程(aspectJweaver)案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08