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月前
|
数据库 开发者 Python
web应用开发
【9月更文挑战第1天】web应用开发
40 1
|
22天前
|
数据可视化 图形学 UED
只需四步,轻松开发三维模型Web应用
为了让用户更方便地应用三维模型,阿里云DataV提供了一套完整的三维模型Web模型开发方案,包括三维模型托管、应用开发、交互开发、应用分发等完整功能。只需69.3元/年,就能体验三维模型Web应用开发功能!
42 8
只需四步,轻松开发三维模型Web应用
|
12天前
|
安全 API 开发者
Web 开发新风尚!Python RESTful API 设计与实现,让你的接口更懂开发者心!
在当前的Web开发中,Python因能构建高效简洁的RESTful API而备受青睐,大大提升了开发效率和用户体验。本文将介绍RESTful API的基本原则及其在Python中的实现方法。以Flask为例,演示了如何通过不同的HTTP方法(如GET、POST、PUT、DELETE)来创建、读取、更新和删除用户信息。此示例还包括了基本的路由设置及操作,为开发者提供了清晰的API交互指南。
55 6
|
11天前
|
存储 JSON API
实战派教程!Python Web开发中RESTful API的设计哲学与实现技巧,一网打尽!
在数字化时代,Web API成为连接前后端及构建复杂应用的关键。RESTful API因简洁直观而广受欢迎。本文通过实战案例,介绍Python Web开发中的RESTful API设计哲学与技巧,包括使用Flask框架构建一个图书管理系统的API,涵盖资源定义、请求响应设计及实现示例。通过准确使用HTTP状态码、版本控制、错误处理及文档化等技巧,帮助你深入理解RESTful API的设计与实现。希望本文能助力你的API设计之旅。
36 3
|
12天前
|
JSON API 数据库
从零到英雄?一篇文章带你搞定Python Web开发中的RESTful API实现!
在Python的Web开发领域中,RESTful API是核心技能之一。本教程将从零开始,通过实战案例教你如何使用Flask框架搭建RESTful API。首先确保已安装Python和Flask,接着通过创建一个简单的用户管理系统,逐步实现用户信息的增删改查(CRUD)操作。我们将定义路由并处理HTTP请求,最终构建出功能完整的Web服务。无论是初学者还是有经验的开发者,都能从中受益,迈出成为Web开发高手的重要一步。
36 4
|
10天前
|
开发框架 JSON 缓存
震撼发布!Python Web开发框架下的RESTful API设计全攻略,让数据交互更自由!
在数字化浪潮推动下,RESTful API成为Web开发中不可或缺的部分。本文详细介绍了在Python环境下如何设计并实现高效、可扩展的RESTful API,涵盖框架选择、资源定义、HTTP方法应用及响应格式设计等内容,并提供了基于Flask的示例代码。此外,还讨论了版本控制、文档化、安全性和性能优化等最佳实践,帮助开发者实现更流畅的数据交互体验。
31 1
|
12天前
|
JSON API 开发者
惊!Python Web开发新纪元,RESTful API设计竟能如此性感撩人?
在这个Python Web开发的新纪元里,RESTful API的设计已经超越了简单的技术实现,成为了一种追求极致用户体验和开发者友好的艺术表达。通过优雅的URL设计、合理的HTTP状态码使用、清晰的错误处理、灵活的版本控制以及严格的安全性措施,我们能够让RESTful API变得更加“性感撩人”,为Web应用注入新的活力与魅力。
30 3
|
12天前
|
SQL 安全 Go
SQL注入不可怕,XSS也不难防!Python Web安全进阶教程,让你安心做开发!
在Web开发中,安全至关重要,尤其要警惕SQL注入和XSS攻击。SQL注入通过在数据库查询中插入恶意代码来窃取或篡改数据,而XSS攻击则通过注入恶意脚本来窃取用户敏感信息。本文将带你深入了解这两种威胁,并提供Python实战技巧,包括使用参数化查询和ORM框架防御SQL注入,以及利用模板引擎自动转义和内容安全策略(CSP)防范XSS攻击。通过掌握这些方法,你将能够更加自信地应对Web安全挑战,确保应用程序的安全性。
43 3
|
14天前
|
JSON API 数据格式
深度剖析!Python Web 开发中 RESTful API 的每一个细节,你不可不知的秘密!
在 Python Web 开发中,RESTful API 是构建强大应用的关键,基于 Representational State Transfer 架构风格,利用 HTTP 卞性能。通过 GET、POST、PUT 和 DELETE 方法分别实现资源的读取、创建、更新和删除操作。示例代码展示了如何使用 Flask 路由处理这些请求,并强调了状态码的正确使用,如 200 表示成功,404 表示未找到资源等。
37 5
|
1月前
|
数据采集 Java 数据挖掘
Java IO异常处理:在Web爬虫开发中的实践
Java IO异常处理:在Web爬虫开发中的实践
下一篇
无影云桌面