springboot bootcdn使用示例詳解
應(yīng)用：直接使用bootcdn提供的靜態(tài)資源，不需要本地存儲(chǔ)
bootcdn 官網(wǎng)：https://www.bootcdn.cn/
staticfile cdn官網(wǎng)： http://www.staticfile.org/
常用靜態(tài)資源
# layui.jshttps://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.jshttps://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js # layui.css//unpkg.com/layui@2.6.8/dist/css/layui.csshttps://www.layuicdn.com/layui-v2.6.8/css/layui.css # jqueryhttps://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.jshttps://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js # bootstraphttps://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.csshttps://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.min.css # reacthttps://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.jshttps://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.min.js # vuehttps://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.jshttps://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.jsjquery=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='http://www.gepszalag.com/bcjs/${application.jquery}'></script> <script th:src='http://www.gepszalag.com/bcjs/${application.layuijs}'></script> <link rel='stylesheet' th:href='http://www.gepszalag.com/bcjs/${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 style='background-color: purple;font-size: large'></span><br> <button class='layui-btn'>點(diǎn)擊一下</button></div></body></html>
*********************
到此這篇關(guān)于springboot bootcdn使用的文章就介紹到這了,更多相關(guān)springboot bootcdn內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！
相關(guān)文章：
1. jsp網(wǎng)頁(yè)實(shí)現(xiàn)貪吃蛇小游戲2. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能（保存目錄改進(jìn)）3. JavaScript實(shí)現(xiàn)組件化和模塊化方法詳解4. ASP.NET MVC遍歷驗(yàn)證ModelState的錯(cuò)誤信息5. HTML5 Canvas繪制圖形從入門到精通6. .Net Core和RabbitMQ限制循環(huán)消費(fèi)的方法7. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式8. SpringMVC+Jquery實(shí)現(xiàn)Ajax功能9. ASP中if語(yǔ)句、select 、while循環(huán)的使用方法10. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說(shuō)明
網(wǎng)公網(wǎng)安備