SpringBoot入门 ----基础Web环境搭建

一、基本环境(没有的自己去下载,不同版本影响不大)
java JDK1.8
IntelliJ IDEA 2019.2.2 x64
maven-3.6.0
二、配置maven环境变量(基本和JDK配置一样)
找到 此电脑→单击右键选择属性→高级系统设置→环境变量
maven文件的所在路径bin目录路径加到系统环境变量里即可
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
检测maven环境是否配置成功,打开Windows PowerShell终端,输入

mvn -version

得到如下结果及配置成功
在这里插入图片描述
三、开始搭建Web环境
打开IDEA选择新建项目(Create New Project)

选择Spring Initializr, JDK版本根据自己电脑上的版本自行选择,点next在这里插入图片描述
起好名字后点next
在这里插入图片描述
选择Web并勾选右边的Spring Web或者Web,点next
在这里插入图片描述
填写自己的项目名,保存路径,点finish,创建好后会在本地下载相关jar包,根据个人情况等一段时间即可
在这里插入图片描述
创建好后我们的项目资源文件如下:其中java文件放在com.example.demo的包目录下,web文件放在rescorses目录下,其中static放静态资源文件,templates放web模板页面在这里插入图片描述
下面我们来写一个java文件运行测试一下:
在我们的com.example.demo目录下创建一个controller包,在包里创建一个名为HelloController的java类,代码如下:

package com.example.demo.Controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HelloController {
    @RequestMapping("/hello")
    public String hello(){
        return  "Hello World!";
    }
}

运行我们的程序入口文件DemoApplication,在浏览器访问http://localhost:8080/hello
看到如下结果就说明我们成功了一半
在这里插入图片描述
接下来我们来实现页面的跳转,在我们刚刚新建的controller包下再建一个名为HiController的java类,代码如下:

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HiController {
    @RequestMapping("hi")
    public String hi(){
        return "index";
    }
}

之后在我们的templates文件下建立一个index.html文件,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Hi World</h1>
</body>
</html>

由于springboot并不推荐我们使用jsp开发,所以我们需要在pom.xml添加thymeleaf依赖,使用thymeleaf模板引擎进行Web页面开发,添加后右下角可能提示你导入修改,选import change等待修改完成即可,代码如下:

 <dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-starter-thymeleaf</artifactId>
 </dependency>

然后打开springboot配置文件application.properties,添加下面两个配置信息,用来指定跳转页面的存放路径和页面的格式信息,代码如下:

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

最后再次运行我们的程序入口文件DemoApplication,在浏览器输入http://localhost:8080/hi
可以看到我们成功的跳转到了Web页面
在这里插入图片描述
总结:
1.端口8080为tomcat默认端口,如果你的tomcat正在使用中,则会出现端口被占用的情况,这时候只需要在我们的配置文件中修改一下端口号即可,配置文件相关配置请根据个人情况进行配置
2.如果使用的时eclipse编译器,则需要安装一个Spring Tool插件(这里我已经安装过了所以时Installed)
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值