SpringBoot静态页路径,可直接通过URL访问的：
  1. /META-INF/resources
  2. /resources
  3. /static
  4. /public

而    5. /template 只和模板引擎有关，加载了模板引擎才能用

welcome页面的设置默认为index.html

按照1，2，3，4，5的顺序寻找index.html，先找到的先解析，但是一般都放到templates目录下。

　　

SpringBoot CRUD开发

1.将页面文件和类文件：SpringBoot_crud_页面.tar  加入到项目相应路径下：

实现方式

1. 只在/templates目录下创建index.html页面，什么也不配智，根据SpringBoot的自动配置自动匹配上

2. 在Controller中指定，但是此时Controller的类上不能配置@RequestMapping("/somePath")，因为页面引用的静态文件默认是在当前路径下，也会被加上/somePath，以至于找不到静态资源文件而无法渲染

  • @RequestMapping("/hello")
    
@Controller
    
public class HelloWorldController
    
{
    
    /**
    
     * 这里会被模板引擎解析而走/templates/index.html
    
     * @return
    
     */
    
    @RequestMapping({"/","/index","/index.html"})
    
    public String index() {
    
      return "index";
    
    }
    
}

　　

3. 自定义配置SpringBoot web的配置类

@Configuration

public class MyConfig implements WebMvcConfigurer {

    /**

     * 浏览器发送addViewTest请求，来到success页面

     * 发请求到页面，就没有必要在Controller里写空方法了，直接来做视图映射

     */

    @Override

    public void addViewControllers(ViewControllerRegistry registry) {

        registry.addViewController("/addViewTest").setViewName("success");

        registry.addViewController("/").setViewName("index");

    }

}

即等同于SpringMvc的如下配置

<mvc:view-controller path="/" view-name="success"/><!-- 配置文件设置页面跳转,发一个请求到页面，就没必要写空方法了，配一下即可 -->

4. 配置文件类中@Bean注册WebMvcConfigurer对象实例

@Configuration

public class MyConfig implements WebMvcConfigurer {

    @Bean

    public WebMvcConfigurer webMvcConfigurer() {

        WebMvcConfigurer configurer = new WebMvcConfigurer() {

            @Override

            public void addViewControllers(ViewControllerRegistry registry) {

                registry.addViewController("/").setViewName("index");

            }

        };

        return configurer;

    }

}

二、引入BootStrap的webjars取代本地文件

1.maven依赖

<dependency>

       <groupId>org.webjars</groupId>

       <artifactId>bootstrap</artifactId>

       <version>4.1.3</version>

</dependency>

2. 在yml文件中加入配种：

server:

  servlet:

    context-path: /crud  //注意，值前面必须带斜杠

3.在页面源码中加入thymeleaf模板元素

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <meta name="description" content="">

        <meta name="author" content="">

        <title>Signin Template for Bootstrap</title>

        <!-- Bootstrap core CSS -->

        <!--

             1.原生的href标签

                 引用值前面不能加斜杠："/",表示相对路径，以下路径皆可识别

                     1）项目的/resources/static/路径

                     2）webjars的jar包中的/META-INF/resources/ 路径下，

              2.thymeleaf模板引擎标签

                  2.1 值前面不➕斜杠，效果与原生的href无异，都是取相对路径

                2.2 值前面➕斜杠，thymeleaf会在斜杠前自动加上系统的根路径

                          即配置文件中：server.servlet.context-path=/crud3 指定的值，不指定则默认为空

         -->

        <link href="webjars/bootstrap/4.1.3/css/bootstrap.css" th:href="@{/webjars/bootstrap/4.1.3/css/bootstrap.css}"  rel="stylesheet">

        <!-- Custom styles for this template -->

        <link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">

    </head>

    <body class="text-center">

        <form class="form-signin" action="dashboard.html">

            <img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.svg}" src="asserts/img/bootstrap-solid.svg" alt="" width="72" height="72">

            <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>

            <label class="sr-only">Username</label>

            <input type="text" class="form-control" placeholder="Username" required="" autofocus="">

            <label class="sr-only">Password</label>

            <input type="password" class="form-control" placeholder="Password" required="">

            <div class="checkbox mb-3">

                <label>

          <input type="checkbox" value="remember-me"> Remember me

        </label>

            </div>

            <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

            <p class="mt-5 mb-3 text-muted">© 2017-2018</p>

            <a class="btn btn-sm">中文</a>

            <a class="btn btn-sm">English</a>

        </form>

    </body>

</html>

11. SpringBoot 之CRUD实例的更多相关文章

  1. springboot + mybatisPlus 入门实例 入门demo

    springboot + mybatisPlus 入门实例 入门demo 使用mybatisPlus的优势 集成mybatisplus后,简单的CRUD就不用写了,如果没有特别的sql,就可以不用ma ...

  2. springboot + kafka 入门实例 入门demo

    springboot + kafka 入门实例 入门demo 版本说明 springboot版本:2.3.3.RELEASE kakfa服务端版本:kafka_2.12-2.6.0.tgz zooke ...

  3. Springboot+Mybatis+MySQL实例练习时踩坑记录

    最近刚开始学习后端,直接让上手学习Springboot+Mybatis+MySQL对CRUD的实例,虽然实例不难,但是上面的三个知识我都不懂,就有点为难我了 所以经常遇到一个点卡自己很久的情况,这里列 ...

  4. 【SpringBoot】11.Springboot整合SpringMVC+Mybatis（上）

    Springboot整合SpringMVC+Mybatis 需求分析:通过使用Springboot+SpringMVC+Mybatis 整合实现一个对数据库表users表的CRUD操作. 1.创建项目 ...

  5. IDEA上创建 Maven SpringBoot + zookeeper +dubbo 实例

    概述 首先声明,本文是学习总结类型的博客内容,如有雷同纯属学习.本位主要结合zookeeper和dubbo做个简单实例.目前来说,一般网站架构随着业务的发展,逻辑越来越复杂,数据量越来越大,交互越来越 ...

  6. SpringBoot+Mybatis整合实例

    前言 大家都知道springboot有几大特点:能创建独立的Spring应用程序:能嵌入Tomcat,无需部署WAR文件:简化Maven配置:自动配置Spring等等.这里整合mybatis,创建一个 ...

  7. 11个rsync使用实例

    rsync表示 remote sync,其用于在本地或与远程主机间进行文件或目录备份.相比较scp等工具,rsync有以下优点: 速度:除首次全拷贝外,其他时候实现增量拷贝,加快传输速度 安全:传输数 ...

  8. SpringBoot Restful Crud

    一个简单的Restful Crud实验 默认首页的访问设置: // 注册 自定义的mvc组件,所有的WebMvcConfigurer组件都会一起起作用 @Bean public WebMvcConfi ...

  9. 补习系列(11)-springboot 文件上传原理

    目录 一.文件上传原理 二.springboot 文件机制 临时文件 定制配置 三.示例代码 A. 单文件上传 B. 多文件上传 C. 文件上传异常 D. Bean 配置 四.文件下载 小结 一.文件 ...

随机推荐

  1. Jquery 事件冒泡、元素的默认行为的阻止、获取事件类型、触发事件

    $(function(){// 事件冒泡 $('').bind("click",function(event){ //事件内容 //停止事件冒泡 event.stopPropaga ...

  2. FICO模块

  3. TF版本的Word2Vec和余弦相似度的计算

    前几天一个同学在看一段代码,内容是使用gensim包提供的Word2Vec方法训练得到词向量,里面有几个变量code.count.index.point看不懂,就向我求助,我大概给他讲了下code是哈 ...

  4. IDEA Maven 项目默认编译项目为JDK 1.5

    昨天晚上遇到一个问题,我在idea中创建了有个maven项目,想使用jdk1.8的lambda表达式,结果提示我错误,是1.8才可以.当时我想我的jdk就是1.8啊.经过各种搜索,才知道maven默认 ...

  5. html 佈局

    html常見佈局方式有以下幾種: 1.使用div的html 利用div可以為html實現多列佈局. 2.使用html5的網站佈局, 利用html新增的header.footer.nav.section ...

  6. jdk1.8 HashMap红黑树操作详解-putTreeVal()

    以前也看过hashMap源码不过是看的jdk1.7的,由于时间问题看的也不是太深入,只是大概的了解了一下他的基本原理:这几天通过假期的时间就对jdk1.8的hashMap深入了解了下,相信大家都是对红 ...

  7. Luogu2264 树上游戏（点分治）

    要统计所有路径的信息,那我们考虑点分治,每次算经过分治中心的路径的贡献.然而路径的颜色数量实在是不好统计,既然只需要求从每个点出发的所有路径的颜色数量之和,那换一种思路,改为求从每个点出发包含某种颜色 ...

  8. VMware vCenter 6.0 安装及群集配置介绍

    一.介绍 VMware vCenter Server 提供了一个可伸缩.可扩展的平台,为虚拟化管理奠定了基础.可集中管理VMware vSphere环境,与其他管理平台相比,极大地提高了 IT 管理员 ...

  9. HUD 1024 Max Sum Plus Plus （滚动数组）

    题意:从一个序列中选出分成不交叉的m段 的最大和 解析 : 题目中 1 <= n <=1000000 所以二维数组是不能用了  所以 要想到简化为一维 dp[i][j]表示以i结尾的前i个 ...

  10. 【 Gym - 101138J 】Valentina and the Gift Tree(树链剖分)

    BUPT2017 wintertraining(15) 4 D Gym - 101138J 数据 题意 n个节点的一棵树,每个节点的权值为g,q个询问,树上的节点U-V,求U到V的路径的最大子段和. ...