创建SpringBoot整个项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
删除一些没必要的目录结构
在这里插入图片描述

创建好项目之后 本身就有的pom文件内容:
在这里插入图片描述

写好之后:我们直接写一个Controller类 测试一下是否成功!!
在这里插入图片描述

在这里插入图片描述

添加Controller:让我们要访问一个方法的时候,首先要把这个类对象一个对象,在类上添加注解Controller
RequestMapping是为了 映射关系

点击运行!!!
在这里插入图片描述
控制台输出: 端口8080
在这里插入图片描述

打开浏览器 输入:
在这里插入图片描述
输出结果:
在这里插入图片描述

接下来,我们要做这个项目,我们可以把一些css样式,js导入进来,但是又一个问题,如果我们是web应用那么main底下有一个webapp文件夹,我们以前是把所用的css、js导入到webapp文件夹的。

但是我们看一下pom.xml文件:
在这里插入图片描述
那么打包成jar的方式,springboot能不能给我们写页面呢?
答案是可以的,但是css、js文件我们要放在哪里?
1.1 那么springboot有规定:

所有 /webjars/ ,都去 classpath:/META-INF/resources/webjars/ 找资源;==**
1.2 找依赖
webjars:以jar包的方式引入静态资源;http://www.webjars.org/
进入网址:Jquery以Maven这种依赖的方式,我们拿来用就简单的多了!

在这里插入图片描述
注意:3.3.1-1 或者3.3.1-1 报错 , 所以选择比较稳定的3.3.1

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1</version>
</dependency>

1.3 往pom文件中引入jQuery的maven jar , 让spring boot 自动下载!

在这里插入图片描述

那么自己的js、css文件往哪里放?
放到如下的5个文件中。

2)、"/**" 访问当前项目的任何资源,都去(静态资源的文件夹)找映射
2.1 静态资源的位置

"classpath:/META-INF/resources/", 
"classpath:/resources/",
"classpath:/static/", 
"classpath:/public/" 
"/":当前项目的根路径

在这里插入图片描述
我们在resources下面添加两个文件夹: public , resources

然后把我们的css,js,img放到创建好的static下面
在这里插入图片描述
asserts里面存放的内容是:
在这里插入图片描述

复制,粘贴到:
在这里插入图片描述

我们来测试访问一下:
在这里插入图片描述
打开浏览器,输入内容:
在这里插入图片描述

欢迎页;
静态资源文件夹下的所有index.html页面;被"/**"映射;
​比如我们输入:localhost:8080/ 含义:去静态资源中找index页面

新建一个HTML File文件
我们在resources文件夹下的public文件夹下新建一个HTML File文件
在这里插入图片描述
在这里插入图片描述
写入内容:
在这里插入图片描述
运行端口测试一下: 成功
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Yuz_99/article/details/90171267
今日推荐