应用：直接使用bootcdn提供的静态资源，不需要本地存储
bootcdn 官网：https://HdhCmsTestbootcdn.cn/
staticfile cdn官网： http://HdhCmsTeststaticfile.org/
常用静态资源
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
# 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测试数据/layui@2.6.8/dist/css/layui.css https: //HdhCmsTestlayuicdn测试数据/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
|
1 2 |
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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<!DOCTYPE html> <html lang= "en" xmlns:th= "http://HdhCmsTestthymeleaf.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内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
原文链接：https://blog.csdn.net/weixin_43931625/article/details/119578346
查看更多关于springboot bootcdn使用示例详解的详细内容...