脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → java → springboot bootcdn

springboot bootcdn使用示例详解

 更新时间：2021年08月11日 10:02:30   作者：o_瓜田李下_o  
这篇文章主要介绍了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>

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

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

您可能感兴趣的文章:

相关文章

  • Java中5种方式实现String反转

    Java中5种方式实现String反转

    下面小编就为大家带来一篇Java中5种方式实现String反转。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。
    2016-06-06
  • 基于Java网络编程和多线程的多对多聊天系统

    基于Java网络编程和多线程的多对多聊天系统

    这篇文章主要介绍了基于Java网络编程和多线程的多对多聊天系统,文中有非常详细的代码示例,对正在学习java网络编程的小伙伴们有非常好的帮助,需要的朋友可以参考下
    2021-04-04
  • Java多线程Condition接口原理介绍

    Java多线程Condition接口原理介绍

    这篇文章主要介绍了Java多线程Condition接口原理介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • Java8新特性stream和parallelStream区别

    Java8新特性stream和parallelStream区别

    这篇文章主要介绍了Java8新特性stream和parallelStream区别,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • java实现解析二进制文件的方法(字符串、图片)

    java实现解析二进制文件的方法(字符串、图片)

    本篇文章主要介绍了java实现解析二进制文件的方法(字符串、图片)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Springboot配置Swagger2登录密码的实现

    Springboot配置Swagger2登录密码的实现

    本文主要介绍了Springboot配置Swagger2登录密码的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Hibernate缓存机制实例代码解析

    Hibernate缓存机制实例代码解析

    这篇文章主要介绍了Hibernate缓存机制实例代码解析，介绍了查询缓存，一级二级缓存等内容，分享了相关代码示例，小编觉得还是挺不错的，具有一定借鉴价值，需要的朋友可以参考下
    2018-02-02
  • Java将RTF文档转换为Word/PDF/HTML/图片

    Java将RTF文档转换为Word/PDF/HTML/图片

    RTF文档因其跨平台兼容性而广泛使用,但有时在不同的应用场景可能需要特定的文档格式,所以本文来讲讲如何通过Java将RTF转换为Word/PDF/HTML和图片格式
    2025-01-01
  • Spring Boot 整合 FreeMarker 实例分享

    Spring Boot 整合 FreeMarker 实例分享

    这篇文章主要分享了Spring Boot整合FreeMarker 实例FreeMarker是一款模板引擎，即一种基于模板和要改变的数据，并用来生成输出文本，更多相关介绍需要的小伙伴可以参考下面文章内容
    2022-05-05
  • Java aop面向切面编程(aspectJweaver)案例详解

    Java aop面向切面编程(aspectJweaver)案例详解

    这篇文章主要介绍了Java aop面向切面编程(aspectJweaver)案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08

最新评论