蓝桉云顶

SpringBoot 使用 BootCDN

一、

SpringBoot 是一个基于 Java 的开源框架，旨在简化新 Spring 应用程序的初始设置和开发过程，它通过提供默认配置来减少开发人员的配置工作，同时支持快速开发生产级的独立应用。

BootCDN 是一个免费的前端开源项目 CDN 加速服务，由 Bootstrap 中文网支持与维护，它提供了大量常用的 JavaScript、CSS 和字体库，可以显著提高网页加载速度和访问性能。

二、使用方法

1、直接引用：在 HTML 文件中直接通过<script> 或<link> 标签引用 BootCDN 提供的资源链接。

2、配置属性文件：在 SpringBoot 的配置文件中设置静态资源路径，以便更好地管理和访问这些资源。

3、编写配置类：通过编写配置类来实现更灵活的静态资源管理。

三、常用静态资源

1、Layui：

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.js)

layui.min.js: [https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.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](//unpkg.com/layui@2.6.8/dist/css/layui.css)

2、jQuery：

jquery.js: [https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js](https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js)

jquery.min.js: [https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js](https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js)

3、Bootstrap：

bootstrap-grid.css: [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.css)

bootstrap-grid.min.css: [https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.min.css](https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.min.css)

4、React：

react-is.development.js: [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.js)

react-is.development.min.js: [https://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.min.js](https://cdn.bootcdn.net/ajax/libs/react-is/0.0.0-experimental-6f3fcbd6f-20210730/cjs/react-is.development.min.js)

5、Vue：

vue.cjs.js: [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.js)

vue.cjs.min.js: [https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.min.js](https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.min.js)

四、配置方法详解

1、application 设置方法：

在 application.yml 或 application.properties 中配置静态资源的路径。

   spring:
     mvc:
       static-path-pattern: /static/**
     web:
       resources:
         static-locations: classpath:/static/,classpath:/public/,classpath:/resources/,classpath:/META-INF/resources/,file:SystemData/

2、编写配置类方法：

创建一个配置类并实现WebMvcConfigurer 接口。

   @Configuration
   public class MyWebMvcConfig implements WebMvcConfigurer {
       @Override
       public void addResourceHandlers(ResourceHandlerRegistry registry) {
           registry.addResourceHandler("/static/**")
                   .addResourceLocations("classpath:/static/", "classpath:/public/", "classpath:/resources/", "classpath:/META-INF/resources/", "file:SystemData/");
       }
   }

五、优缺点分析

六、归纳

SpringBoot 结合 BootCDN 使用，可以有效地提升项目的性能和开发效率，通过合理配置静态资源，可以实现更快的页面加载速度和更好的用户体验，根据项目的具体需求选择合适的配置方法，以达到最佳的实践效果。

以上就是关于“springboot cdn”的问题，朋友们可以点击主页了解更多内容，希望可以够帮助大家!