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. OA与BPM的区别

      BPM OA 软件架构 JAVA..NET.基于SOA架构 JAVA..NET.PHP.Domino 驱动模式 流程驱动 文档驱动 交互 人与人,人与系统,系统与系统 人与人 软件功能       ...

  2. 转《trackingjs人脸检测》

    tracking.js是一个开源(BSD协议)的计算机视觉插件,在不同的浏览器中有不同的计算机视觉算法和技术,通过使用现代HTML5规范,能够实现实时颜色跟踪.人脸检测等功能,界面直观.核心文件轻量. ...

  3. 关于flask自带web应用服务器Werkzeug 使用requests请求时出现的错误。

    先说明一下当时的情况,下午遇到一个需求需要先从jd那边拿到图片然后上传到本地的cdn服务器来获取对应的ident 和地址. 于是就需要首先拿到京东的图片url,然后按照图片url去请求图片到内存然后再 ...

  4. Delphi之Exception获得错误信息（简单好理解）

    Delphi之Exception获得错误信息 相关资料: http://www.cnblogs.com/hackpig/archive/2010/02/15/1668547.html 实例代码: 1 ...

  5. python之hasattr、getattr和setattr函数

    hasattr函数使用方法 # hasattr函数使用方法 # hasattr(object,attr) # 判断一个对象里是否有某个属性或方法,返回布尔值,有为True,否则False class ...

  6. BZOJ2595 WC2008游览计划（斯坦纳树）

    斯坦纳树板子题. 考虑状压dp,设f[i][j][S]表示当前在点(i,j)考虑转移,其所在的联通块包含的关键点集(至少)为S的答案. 转移时首先枚举子集,有f[i][j][S]=min{f[i][j ...

  7. 【转】用emWin进度条控件做个表盘控件,效果不错

    @2018-08-09 用emWin进度条控件做个表盘控件,效果不错

  8. cf983E NN Country (倍增+dfs序+树状数组)

    首先可以求出从某点做$2^k$次车能到的最浅的点,这个只要dfs一下,把它的孩子能到的最浅的点更新过来就可以 然后倍增地往上跳,不能跳到lca的上面,记录坐车的次数ans 此时有三种情况(设最远能跳到 ...

  9. BloodHound官方使用指南

    0x00  概观 1.BloodHound介绍 BloodHound是一种单页的JavaScript的Web应用程序,构建在Linkurious上,用Electron编译,NEO4J数据库是Power ...

  10. Java NIO -- 直接缓冲区与非直接缓冲区

    直接缓冲区与非直接缓冲区: 非直接缓冲区:通过 allocate() 方法分配缓冲区,将缓冲区建立在 JVM 的内存中直接缓冲区:通过 allocateDirect() 方法分配直接缓冲区,将缓冲区建 ...