SpringBoot-4-Web开发

简介: SpringBoot-4-Web开发

SpringBoot-4-Web开发

在这里我们不过多进行SpringBoot源码分析,主要通过实例进行讲解。

创建SpringBoot项目,代码如下:

@Controllerpublic class TestController {    @GetMapping("/")    @ResponseBody    public String testIndex(){        return "test index";    }}

启动项目后结果如下:

可以看出结果没有一点修饰,就只是浏览器将结果进行了打印


1.SpringBoot静态文件配置

但是我们现在是Web开发,既然是WEB开发就需要有静态资源:HTML、CSS、JS、图像、视频、PDF/Office等不需要服务器端处理的文件等这些不需要服务器进行处理的文件。那么这些文件放在哪里呢?

"classpath:/META-INF/resources/""classpath:/resources/""classpath:/static/""classpath:/public/"“/”  自定义静态资源目录


1.1 存放静态文件的位置

查看SpringBoot源码,我们发现可以存放静态资源的位置如下:


"classpath:/META-INF/resources/""classpath:/resources/""classpath:/static/""classpath:/public/"“/”  自定义静态资源目录

1.1.1并且他们存在优先级顺序

/META-INF/resources>resources>static>public



我们按照上面的文件夹分别在文件夹中放入1.jgp,但是图片内容为文件夹名称的图片

然后运行http://localhost:8080/1.jpg查看结果为


047c3436e7476ffcd26f9daeffc5c796.png



其他优先级的结果,可以按照这个实验的结果进行操作完成,看看是不是我说的优先级的顺序。

1.2自定义资源配置


如果我们不想使用上面的静态资源文件夹,想自己创建静态资源文件夹进行放置静态资源可以?答案是可以的。

1.2.1 配置文件配置

我们在application.yml中进行配置

spring:  web:    resources:      static-locations: classpath:/testresources/


我们猜想一下现在的结果会是什么?

http://localhost:8080/1.jpg查看结果为:



98929da0615458f3e80c90d8de5b7651.png


配置了自定义文件夹以后,原有的静态资源文件夹就失效了,想要继续使用,可以把原文件夹也写入该配置中


**注:**在你刚修改过重新启动后,可能结果还是上次运行的结果,这是因为缓存导致的结果,你需要进行一下缓存清除(最简单的办法就是使用另一个浏览器进行访问就可以了)


1.2.2 代码配置

@Configurationpublic class MyWebConfig implements WebMvcConfigurer {    /**     *  addResourceHandler 这个方法是配置资源请求路径     *  addResourceLocations 这个方法是配置自定义静态资源存储位置,里边用到了file:,     *  是因为资源放置位置不在classpath下边,是自定义的,也可以写为classpath:     */     @Override    public void addResourceHandlers(ResourceHandlerRegistry registry) {        registry.addResourceHandler("/**").addResourceLocations("classpath:/resources/");    }}


运行http://localhost:8080/1.jpg的结果为:

1.2.3 logo图标的修改


只需要将ico图标放置在静态文件夹下即可,如:(记得该图标的命名是 favicon.ico)可以在阿里巴巴矢量图标库寻找合适的图标地址:https://www.iconfont.cn/

运行http://localhost:8080/结果为:


23b33a6b62cbb5f7ad8a945b38c16ad3.png



1.3  WebJars的使用

WebJars能够提供是SpringBoot  web开发的需要的一些库,例如jQuery、Bootstrap等等。

WENJARS包管理地址


9874c458f209340778271a977f760c75.png


1.3.1 添加JS和CSS库

在pom.xml添加依赖

        <dependency>            <groupId>org.webjars.npm</groupId>            <artifactId>bootstrap</artifactId>            <version>5.1.3</version>        </dependency>        <dependency>            <groupId>org.webjars.npm</groupId>            <artifactId>jquery</artifactId>            <version>3.6.0</version>        </dependency>


在application.yml添加配置设置编码为UTF-8格式

spring:  http:    encoding:      charset: utf-8      force: true      enabled: true


在静态文件夹中添加test.html

<html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <script src="/webjars/jquery/3.6.0/dist/jquery.min.js"></script>    <script src="/webjars/bootstrap/5.1.3/dist/js/bootstrap.min.js"></script>    <title>test</title>    <link rel="stylesheet" href="/webjars/bootstrap/5.1.3/scss/bootstrap.scss" /></head><body><div class="container"><br/>    <div class="alert alert-success">        <a href="#" class="close" data-dismiss="alert" aria-label="close">哈哈哈</a>        Hello, <strong>WebJars!</strong>    </div></div></body></html>



http://localhost:8080/test.html 查看结果就行了

目录
相关文章
|
1月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
100 3
|
15天前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
102 44
|
11天前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
26 1
|
13天前
|
XML 安全 PHP
PHP与SOAP Web服务开发:基础与进阶教程
本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。
|
16天前
|
安全 数据库 开发者
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第26天】本文详细介绍了如何在Django框架下进行全栈开发,包括环境安装与配置、创建项目和应用、定义模型类、运行数据库迁移、创建视图和URL映射、编写模板以及启动开发服务器等步骤,并通过示例代码展示了具体实现过程。
29 2
WK
|
16天前
|
安全 Java 编译器
C++和Java哪个更适合开发web网站
在Web开发领域,C++和Java各具优势。C++以其高性能、低级控制和跨平台性著称,适用于需要高吞吐量和低延迟的场景,如实时交易系统和在线游戏服务器。Java则凭借其跨平台性、丰富的生态系统和强大的安全性,广泛应用于企业级Web开发,如企业管理系统和电子商务平台。选择时需根据项目需求和技术储备综合考虑。
WK
19 0
|
1月前
|
设计模式 测试技术 持续交付
开发复杂Web应用程序
【10月更文挑战第3天】开发复杂Web应用程序
37 2
|
1月前
|
Java PHP
PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。理解其垃圾回收机制有助于开发高效稳定的PHP应用。
【10月更文挑战第1天】PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。其垃圾回收机制包括引用计数与循环垃圾回收,对提升应用性能和稳定性至关重要。本文通过具体案例分析,详细探讨PHP垃圾回收机制的工作原理,特别是如何解决循环引用问题。在PHP 8中,垃圾回收机制得到进一步优化,提高了效率和准确性。理解这些机制有助于开发高效稳定的PHP应用。
43 3
|
18天前
|
JavaScript 前端开发 Java
SpringBoot_web开发-webjars&静态资源映射规则
https://www.91chuli.com/ 举例:jquery前端框架
15 0
|
2月前
|
数据可视化 图形学 UED
只需四步,轻松开发三维模型Web应用
为了让用户更方便地应用三维模型,阿里云DataV提供了一套完整的三维模型Web模型开发方案,包括三维模型托管、应用开发、交互开发、应用分发等完整功能。只需69.3元/年,就能体验三维模型Web应用开发功能!
299 8
只需四步,轻松开发三维模型Web应用

热门文章

最新文章