【SpringBoot】建立一个直接访问网页的项目

【SpringBoot】建立一个直接访问网页的项目

本篇文章是SpringBoot中前后端结合的初步入门，通过在semantic-ui和CDN网页中复制拉取一个模板网页，再新建一个Controller类去控制访问项目直接跳转到网页，来实现这个直接访问网页的SpringBoot项目。感兴趣的朋友，可以往下看：

建立项目

搞一个模板网页

如果自己准备好网页，可以完全跳过这一步。这一步是讲如何获取一个模板网页并应用的步骤。

获取网页模板的网站：Semantic UI (semantic-ui.com)

在项目src——>resources——>templates文件夹中新建网页文件，将上面复制的代码粘贴进去

需要注意的是，此时网页文件中引用的样式和脚本文件我们是没有的，必须要替换成引用在线的文件

找出所有需要引用的链接

去找semantic-ui的在线样式文件：

在线CDN网站jsDelivr - A free, fast, and reliable CDN for open source

看一下之前我们圈出的链接路径，找到相关路径，如上上张图就是dist/components，我们根据这个路径在网页里引用即可

回到项目界面

以同样的步骤替换下面的jquery

在下图网站中找到jquery，按上面的步骤一样来操作即可

至此，网页模板就已经准备好了！

新建Controller类，来跳转网页

编写如下代码

package com.example.startspringboot_web.controller;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

@RestController
public class StartController {

    @GetMapping("/")
    public ModelAndView hello(){
        return new ModelAndView("index");
    }
}

至此，所有基础工作就已完成，运行项目即可

运行项目

去浏览器，搜索框输入：localhost:端口号。端口号如上图显示，即 localhost:8080，输入回车

至此我们通过建立springboot项目，并创建网页，到成功访问的几个步骤都实现了！

项目工程文件我也提供了，有疑问或有兴趣的小伙伴可以打开导入，自己运行一下。

步骤不多，十分简单！

源工程文件

【SpringBoot】建立一个直接访问网页的项目.