,,springboot bootcdn使用示例详解

这篇文章主要介绍了springboot bootcdn使用，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

应用：直接使用bootcdn提供的静态资源，不需要本地存储

bootcdn官网：https://www.bootcdn.cn/

静态文件内容交付网络官网：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

//un pkg。com/layui @ 2。6 .8/dist/CSS/layui。半铸钢钢性铸铁(Cast Semi-Steel)

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

#自举

https://cdn。bootcdn。net/Ajax/libs/Twitter-bootstrap/5。0 .2/CSS/bootstrap-grid。半铸钢钢性铸铁(Cast Semi-Steel)

https://cdn。bootcdn。net/Ajax/libs/Twitter-bootstrap/5。0 .2/CSS/bootstrap-grid。量滴半铸钢钢性铸铁(Cast Semi-Steel)

#做出反应

https://cdn。bootcdn。net/Ajax/libs/react-is/0。0 .0-实验-6f 3 fcb d6f-2021 07 30/cjs/react-is。发展。射流研究…

https://cdn。bootcdn。net/Ajax/libs/react-is/0。0 .0-实验-6f 3 fcb d6f-2021 07 30/cjs/react-is。发展。量滴射流研究…

# 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-。7/vue。cjs。量滴射流研究…

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

示例

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

配置文件

属性

layui=https://cdn。bootcdn。net/Ajax/libs/layui/2。6 .8/拉伊。量滴射流研究…

jquery=https://cdn。bootcdn。net/Ajax/libs/jquery/3。6 .0/jquery。量滴射流研究…

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

前端页面

index.html

!文档类型超文本标记语言

html lang=' en ' xmlns:th=' http://www。百里香叶。'组织'

头

meta charset='UTF-8 '

标题标题/标题

脚本th:src=' $ { application。jquery } '/脚本

脚本th:src=' $ { application。layuijs } '/script

link rel=' style sheet ' th:href=' $ { application。layuicss } '

脚本

$(function (){

$('#btn ').单击(函数(){

alert(' hello world ')；

})

/脚本-

脚本

layui.use('layer '，function (){

var layer=layui.layer

$('#btn ').单击(函数(){

$('#1').html('瓜田李下br’)；

layer.msg('hello ')

})

/脚本

/头

身体

div th:align='center '

span id=' 1 ' style=' background-color:紫色；font-size: large'/spanbr

按钮id='btn' class='layui-btn '点击一下/按钮

/div

/body

/html

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

到此这篇关于springboot bootcdn使用的文章就介绍到这了，更多相关springboot bootcdn内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

相关文章阅读