SpringBoot的web開發(fā)

使用SpringBoot鼓黔;

1)茉继、創(chuàng)建SpringBoot應用,選中我們需要的模塊纹烹;

2)页滚、SpringBoot已經(jīng)默認將這些場景配置好了,只需要在配置文件中指定少量配置就可以運行起來

3)铺呵、自己編寫業(yè)務代碼裹驰;

自動配置原理?

這個場景SpringBoot幫我們配置了什么片挂?能不能修改幻林?能修改哪些配置?能不能擴展音念?xxx

xxxxAutoConfiguration:幫我們給容器中自動配置組件沪饺;
xxxxProperties:配置類來封裝配置文件的內(nèi)容;

2闷愤、SpringBoot對靜態(tài)資源的映射規(guī)則整葡;

@ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false)
public class ResourceProperties implements ResourceLoaderAware {
  //可以設置和靜態(tài)資源有關的參數(shù),緩存時間等
    WebMvcAuotConfiguration:
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
            if (!this.resourceProperties.isAddMappings()) {
                logger.debug("Default resource handling disabled");
                return;
            }
            Integer cachePeriod = this.resourceProperties.getCachePeriod();
            if (!registry.hasMappingForPattern("/webjars/**")) {
                customizeResourceHandlerRegistration(
                        registry.addResourceHandler("/webjars/**")
                                .addResourceLocations(
                                        "classpath:/META-INF/resources/webjars/")
                        .setCachePeriod(cachePeriod));
            }
            String staticPathPattern = this.mvcProperties.getStaticPathPattern();
            //靜態(tài)資源文件夾映射
            if (!registry.hasMappingForPattern(staticPathPattern)) {
                customizeResourceHandlerRegistration(
                        registry.addResourceHandler(staticPathPattern)
                                .addResourceLocations(
                                        this.resourceProperties.getStaticLocations())
                        .setCachePeriod(cachePeriod));
            }
        }

        //配置歡迎頁映射
        @Bean
        public WelcomePageHandlerMapping welcomePageHandlerMapping(
                ResourceProperties resourceProperties) {
            return new WelcomePageHandlerMapping(resourceProperties.getWelcomePage(),
                    this.mvcProperties.getStaticPathPattern());
        }

       //配置喜歡的圖標
        @Configuration
        @ConditionalOnProperty(value = "spring.mvc.favicon.enabled", matchIfMissing = true)
        public static class FaviconConfiguration {

            private final ResourceProperties resourceProperties;

            public FaviconConfiguration(ResourceProperties resourceProperties) {
                this.resourceProperties = resourceProperties;
            }

            @Bean
            public SimpleUrlHandlerMapping faviconHandlerMapping() {
                SimpleUrlHandlerMapping mapping = new SimpleUrlHandlerMapping();
                mapping.setOrder(Ordered.HIGHEST_PRECEDENCE + 1);
                //所有  **/favicon.ico 
                mapping.setUrlMap(Collections.singletonMap("**/favicon.ico",
                        faviconRequestHandler()));
                return mapping;
            }

            @Bean
            public ResourceHttpRequestHandler faviconRequestHandler() {
                ResourceHttpRequestHandler requestHandler = new ResourceHttpRequestHandler();
                requestHandler
                        .setLocations(this.resourceProperties.getFaviconLocations());
                return requestHandler;
            }

        }

1)讥脐、所有 /webjars/** 遭居,都去 classpath:/META-INF/resources/webjars/ 找資源;

? webjars:以jar包的方式引入靜態(tài)資源旬渠;

http://www.webjars.org/

搜狗截圖20180203181751.png

localhost:8080/webjars/jquery/3.3.1/jquery.js

<!--引入jquery-webjar-->在訪問的時候只需要寫webjars下面資源的名稱即可
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.3.1</version>
        </dependency>

2)俱萍、 "/" 訪問當前項目的任何資源,都去(靜態(tài)資源的文件夾)找映射

"classpath:/META-INF/resources/", 
"classpath:/resources/",
"classpath:/static/", 
"classpath:/public/" 
"/":當前項目的根路徑

localhost:8080/abc === 去靜態(tài)資源文件夾里面找abc

3)告丢、歡迎頁鼠次; 靜態(tài)資源文件夾下的所有index.html頁面;被"/"映射芋齿;

? localhost:8080/ 找index頁面

4)腥寇、** 所有的 /favicon.ico 都是在靜態(tài)資源文件下找;

3觅捆、模板引擎

JSP赦役、Velocity、Freemarker栅炒、Thymeleaf


template-engine.png

SpringBoot推薦的Thymeleaf掂摔;

語法更簡單术羔,功能更強大;

1乙漓、引入thymeleaf级历;

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
            2.1.6
        </dependency>
切換thymeleaf版本
<properties>
        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
        <!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
        <!-- thymeleaf2   layout1-->
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
  </properties>

2、Thymeleaf使用

@ConfigurationProperties(prefix = "spring.thymeleaf")
public class ThymeleafProperties {

    private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");

    private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");

    public static final String DEFAULT_PREFIX = "classpath:/templates/";

    public static final String DEFAULT_SUFFIX = ".html";
    //

只要我們把HTML頁面放在classpath:/templates/叭披,thymeleaf就能自動渲染寥殖;

使用:

1、導入thymeleaf的名稱空間

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

2涩蜘、使用thymeleaf語法嚼贡;

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>成功!</h1>
    <!--th:text 將div里面的文本內(nèi)容設置為 -->
    <div th:text="${hello}">這是顯示歡迎信息</div>
</body>
</html>

3同诫、語法規(guī)則

1)粤策、th:text;改變當前元素里面的文本內(nèi)容误窖;

? th:任意html屬性叮盘;來替換原生屬性的值

2018-02-04_123955.png

expressions:(表達式語法)

          1)、獲取對象的屬性霹俺、調(diào)用方法
          2)柔吼、使用內(nèi)置的基本對象:
              #ctx : the context object.
              #vars: the context variables.
              #locale : the context locale.
              #request : (only in Web Contexts) the HttpServletRequest object.
              #response : (only in Web Contexts) the HttpServletResponse object.
              #session : (only in Web Contexts) the HttpSession object.
              #servletContext : (only in Web Contexts) the ServletContext object.
              
              ${session.foo}

3)、內(nèi)置的一些工具對象:

#execInfo : information about the template being processed.
#messages : methods for obtaining externalized messages inside variables expressions, in the same way as they would be obtained using #{…} syntax.
#uris : methods for escaping parts of URLs/URIs
#conversions : methods for executing the configured conversion service (if any).
#dates : methods for java.util.Date objects: formatting, component extraction, etc.
#calendars : analogous to #dates , but for java.util.Calendar objects.
#numbers : methods for formatting numeric objects.
#strings : methods for String objects: contains, startsWith, prepending/appending, etc.
#objects : methods for objects in general.
#bools : methods for boolean evaluation.
#arrays : methods for arrays.
#lists : methods for lists.
#sets : methods for sets.
#maps : methods for maps.
#aggregates : methods for creating aggregates on arrays or collections.
#ids : methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).

    Selection Variable Expressions: *{...}:選擇表達式:和${}在功能上是一樣吭服;
        補充:配合 th:object="${session.user}:
   <div th:object="${session.user}">
    <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
    <p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>
    <p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
    </div>
    
    Message Expressions: #{...}:獲取國際化內(nèi)容
    Link URL Expressions: @{...}:定義URL;
            @{/order/process(execId=${execId},execType='FAST')}
    Fragment Expressions: ~{...}:片段引用表達式
            <div th:insert="~{commons :: main}">...</div>
            
Literals(字面量)
      Text literals: 'one text' , 'Another one!' ,…
      Number literals: 0 , 34 , 3.0 , 12.3 ,…
      Boolean literals: true , false
      Null literal: null
      Literal tokens: one , sometext , main ,…
Text operations:(文本操作)
    String concatenation: +
    Literal substitutions: |The name is ${name}|
Arithmetic operations:(數(shù)學運算)
    Binary operators: + , - , * , / , %
    Minus sign (unary operator): -
Boolean operations:(布爾運算)
    Binary operators: and , or
    Boolean negation (unary operator): ! , not
Comparisons and equality:(比較運算)
    Comparators: > , < , >= , <= ( gt , lt , ge , le )
    Equality operators: == , != ( eq , ne )
Conditional operators:條件運算(三元運算符)
    If-then: (if) ? (then)
    If-then-else: (if) ? (then) : (else)
    Default: (value) ?: (defaultvalue)
Special tokens:
    No-Operation: _ 

4蝗罗、SpringMVC自動配置

https://docs.spring.io/spring-boot/docs/1.5.10.RELEASE/reference/htmlsingle/#boot-features-developing-web-applications

1. Spring MVC auto-configuration

Spring Boot 自動配置好了SpringMVC

以下是SpringBoot對SpringMVC的默認配置:==(WebMvcAutoConfiguration)==

  • Inclusion of ContentNegotiatingViewResolver and BeanNameViewResolver beans.

    • 自動配置了ViewResolver(視圖解析器:根據(jù)方法的返回值得到視圖對象(View)艇棕,視圖對象決定如何渲染(轉發(fā)?重定向串塑?))
    • ContentNegotiatingViewResolver:組合所有的視圖解析器的沼琉;
    • ==如何定制:我們可以自己給容器中添加一個視圖解析器;自動的將其組合進來桩匪;==
  • Support for serving static resources, including support for WebJars (see below).靜態(tài)資源文件夾路徑,webjars

  • Static index.html support. 靜態(tài)首頁訪問

  • Custom Favicon support (see below). favicon.ico

    ?

  • 自動注冊了 of Converter, GenericConverter, Formatter beans.

    • Converter:轉換器打瘪; public String hello(User user):類型轉換使用Converter
    • Formatter 格式化器; 2017.12.17===Date傻昙;
        @Bean
        @ConditionalOnProperty(prefix = "spring.mvc", name = "date-format")//在文件中配置日期格式化的規(guī)則
        public Formatter<Date> dateFormatter() {
            return new DateFormatter(this.mvcProperties.getDateFormat());//日期格式化組件
        }

? ==自己添加的格式化器轉換器闺骚,我們只需要放在容器中即可==

  • Support for HttpMessageConverters (see below).

    • HttpMessageConverter:SpringMVC用來轉換Http請求和響應的;User---Json妆档;

    • HttpMessageConverters 是從容器中確定僻爽;獲取所有的HttpMessageConverter;

      ==自己給容器中添加HttpMessageConverter贾惦,只需要將自己的組件注冊容器中(@Bean,@Component)==

      ?

  • Automatic registration of MessageCodesResolver (see below).定義錯誤代碼生成規(guī)則

  • Automatic use of a ConfigurableWebBindingInitializer bean (see below).

    ==我們可以配置一個ConfigurableWebBindingInitializer來替換默認的胸梆;(添加到容器)==

    初始化WebDataBinder敦捧;
    請求數(shù)據(jù)=====JavaBean;
    

org.springframework.boot.autoconfigure.web:web的所有自動場景碰镜;

If you want to keep Spring Boot MVC features, and you just want to add additional MVC configuration (interceptors, formatters, view controllers etc.) you can add your own @Configuration class of type WebMvcConfigurerAdapter, but without @EnableWebMvc. If you wish to provide custom instances of RequestMappingHandlerMapping, RequestMappingHandlerAdapter or ExceptionHandlerExceptionResolver you can declare a WebMvcRegistrationsAdapter instance providing such components.

If you want to take complete control of Spring MVC, you can add your own @Configuration annotated with @EnableWebMvc.

2兢卵、擴展SpringMVC

    <mvc:view-controller path="/hello" view-name="success"/>
    <mvc:interceptors>
        <mvc:interceptor>
            <mvc:mapping path="/hello"/>
            <bean></bean>
        </mvc:interceptor>
    </mvc:interceptors>

==編寫一個配置類(@Configuration),是WebMvcConfigurerAdapter類型绪颖;不能標注@EnableWebMvc==;

既保留了所有的自動配置秽荤,也能用我們擴展的配置;

//使用WebMvcConfigurerAdapter可以來擴展SpringMVC的功能
@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
       // super.addViewControllers(registry);
        //瀏覽器發(fā)送 /atguigu 請求來到 success
        registry.addViewController("/atguigu").setViewName("success");
    }
}

原理:

? 1)菠发、WebMvcAutoConfiguration是SpringMVC的自動配置類

? 2)王滤、在做其他自動配置時會導入;@Import(EnableWebMvcConfiguration.class)

    @Configuration
    public static class EnableWebMvcConfiguration extends DelegatingWebMvcConfiguration {
      private final WebMvcConfigurerComposite configurers = new WebMvcConfigurerComposite();

     //從容器中獲取所有的WebMvcConfigurer
      @Autowired(required = false)
      public void setConfigurers(List<WebMvcConfigurer> configurers) {
          if (!CollectionUtils.isEmpty(configurers)) {
              this.configurers.addWebMvcConfigurers(configurers);
                //一個參考實現(xiàn)滓鸠;將所有的WebMvcConfigurer相關配置都來一起調(diào)用雁乡;  
                @Override
             // public void addViewControllers(ViewControllerRegistry registry) {
              //    for (WebMvcConfigurer delegate : this.delegates) {
               //       delegate.addViewControllers(registry);
               //   }
              }
          }
    }

? 3)、容器中所有的WebMvcConfigurer都會一起起作用糜俗;

? 4)踱稍、我們的配置類也會被調(diào)用;

? 效果:SpringMVC的自動配置和我們的擴展配置都會起作用悠抹;

3珠月、全面接管SpringMVC;

SpringBoot對SpringMVC的自動配置不需要了楔敌,所有都是我們自己配置啤挎;所有的SpringMVC的自動配置都失效了

我們需要在配置類中添加@EnableWebMvc即可;

//使用WebMvcConfigurerAdapter可以來擴展SpringMVC的功能
@EnableWebMvc
@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
       // super.addViewControllers(registry);
        //瀏覽器發(fā)送 /atguigu 請求來到 success
        registry.addViewController("/atguigu").setViewName("success");
    }
}

原理:

為什么@EnableWebMvc自動配置就失效了卵凑;

1)@EnableWebMvc的核心

@Import(DelegatingWebMvcConfiguration.class)
public @interface EnableWebMvc {

2)庆聘、

@Configuration
public class DelegatingWebMvcConfiguration extends WebMvcConfigurationSupport {

3)、

@Configuration
@ConditionalOnWebApplication
@ConditionalOnClass({ Servlet.class, DispatcherServlet.class,
        WebMvcConfigurerAdapter.class })
//容器中沒有這個組件的時候勺卢,這個自動配置類才生效
@ConditionalOnMissingBean(WebMvcConfigurationSupport.class)
@AutoConfigureOrder(Ordered.HIGHEST_PRECEDENCE + 10)
@AutoConfigureAfter({ DispatcherServletAutoConfiguration.class,
        ValidationAutoConfiguration.class })
public class WebMvcAutoConfiguration {

4)伙判、@EnableWebMvc將WebMvcConfigurationSupport組件導入進來;

5)黑忱、導入的WebMvcConfigurationSupport只是SpringMVC最基本的功能宴抚;

5、如何修改SpringBoot的默認配置

模式:

? 1)甫煞、SpringBoot在自動配置很多組件的時候菇曲,先看容器中有沒有用戶自己配置的(@Bean、@Component)如果有就用用戶配置的抚吠,如果沒有羊娃,才自動配置;如果有些組件可以有多個(ViewResolver)將用戶配置的和自己默認的組合起來埃跷;

? 2)蕊玷、在SpringBoot中會有非常多的xxxConfigurer幫助我們進行擴展配置

? 3)邮利、在SpringBoot中會有很多的xxxCustomizer幫助我們進行定制配置

6、RestfulCRUD

1)垃帅、默認訪問首頁


//使用WebMvcConfigurerAdapter可以來擴展SpringMVC的功能
//@EnableWebMvc   不要接管SpringMVC
@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
       // super.addViewControllers(registry);
        //瀏覽器發(fā)送 /atguigu 請求來到 success
        registry.addViewController("/atguigu").setViewName("success");
    }

    //所有的WebMvcConfigurerAdapter組件都會一起起作用
    @Bean //將組件注冊在容器
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("login");
                registry.addViewController("/index.html").setViewName("login");
            }
        };
        return adapter;
    }
}

2)延届、國際化

1)、編寫國際化配置文件贸诚;(以前的SpringMVC)

2)方庭、使用ResourceBundleMessageSource管理國際化資源文件

3)、在頁面使用fmt:message取出國際化內(nèi)容

步驟(SpringBoot):

1)酱固、編寫國際化配置文件械念,抽取頁面需要顯示的國際化消息


搜狗截圖20180211130721.png

2)、SpringBoot自動配置好了管理國際化資源文件的組件运悲;

@ConfigurationProperties(prefix = "spring.messages")
public class MessageSourceAutoConfiguration {
    
    /**
     * Comma-separated list of basenames (essentially a fully-qualified classpath
     * location), each following the ResourceBundle convention with relaxed support for
     * slash based locations. If it doesn't contain a package qualifier (such as
     * "org.mypackage"), it will be resolved from the classpath root.
     */
    private String basename = "messages";  
    //我們的配置文件可以直接放在類路徑下叫messages.properties龄减;
    
    @Bean
    public MessageSource messageSource() {
        ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
        if (StringUtils.hasText(this.basename)) {
            //設置國際化資源文件的基礎名(去掉語言國家代碼的)
            messageSource.setBasenames(StringUtils.commaDelimitedListToStringArray(
                    StringUtils.trimAllWhitespace(this.basename)));
        }
        if (this.encoding != null) {
            messageSource.setDefaultEncoding(this.encoding.name());
        }
        messageSource.setFallbackToSystemLocale(this.fallbackToSystemLocale);
        messageSource.setCacheSeconds(this.cacheSeconds);
        messageSource.setAlwaysUseMessageFormat(this.alwaysUseMessageFormat);
        return messageSource;
    }

3)、去頁面獲取國際化的值班眯;


搜狗截圖20180211134506.png
<!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 -->
        <link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/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" th:text="#{login.tip}">Please sign in</h1>
            <label class="sr-only" th:text="#{login.username}">Username</label>
            <input type="text" class="form-control" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
            <label class="sr-only" th:text="#{login.password}">Password</label>
            <input type="password" class="form-control" placeholder="Password" th:placeholder="#{login.password}" required="">
            <div class="checkbox mb-3">
                <label>
                <input type="checkbox" value="remember-me"/> [[#{login.remember}]]
        </label>
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">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>

效果:根據(jù)瀏覽器語言設置的信息切換了國際化希停;

原理:

? 國際化Locale(區(qū)域信息對象);LocaleResolver(獲取區(qū)域信息對象)署隘;

        @Bean
        @ConditionalOnMissingBean
        @ConditionalOnProperty(prefix = "spring.mvc", name = "locale")
        public LocaleResolver localeResolver() {
            if (this.mvcProperties
                    .getLocaleResolver() == WebMvcProperties.LocaleResolver.FIXED) {
                return new FixedLocaleResolver(this.mvcProperties.getLocale());
            }
            AcceptHeaderLocaleResolver localeResolver = new AcceptHeaderLocaleResolver();
            localeResolver.setDefaultLocale(this.mvcProperties.getLocale());
            return localeResolver;
        }
默認的就是根據(jù)請求頭帶來的區(qū)域信息獲取Locale進行國際化

4)宠能、點擊鏈接切換國際化

/**
 * 可以在連接上攜帶區(qū)域信息
 */
public class MyLocaleResolver implements LocaleResolver {
    
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        String l = request.getParameter("l");
        Locale locale = Locale.getDefault();
        if(!StringUtils.isEmpty(l)){
            String[] split = l.split("_");
            locale = new Locale(split[0],split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}


 @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

3)、登陸

開發(fā)期間模板引擎頁面修改以后磁餐,要實時生效

1)违崇、禁用模板引擎的緩存

# 禁用緩存
spring.thymeleaf.cache=false 

2)、頁面修改完成以后ctrl+f9:重新編譯诊霹;

登陸錯誤消息的顯示

<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

4)羞延、攔截器進行登陸檢查

攔截器


/**
 * 登陸檢查,
 */
public class LoginHandlerInterceptor implements HandlerInterceptor {
    //目標方法執(zhí)行之前
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        Object user = request.getSession().getAttribute("loginUser");
        if(user == null){
            //未登陸畅哑,返回登陸頁面
            request.setAttribute("msg","沒有權限請先登陸");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else{
            //已登陸肴楷,放行請求
            return true;
        }

    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {

    }
}

注冊攔截器

  //所有的WebMvcConfigurerAdapter組件都會一起起作用
    @Bean //將組件注冊在容器
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("login");
                registry.addViewController("/index.html").setViewName("login");
                registry.addViewController("/main.html").setViewName("dashboard");
            }

            //注冊攔截器
            @Override
            public void addInterceptors(InterceptorRegistry registry) {
                //super.addInterceptors(registry);
                //靜態(tài)資源水由;  *.css , *.js
                //SpringBoot已經(jīng)做好了靜態(tài)資源映射
                registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                        .excludePathPatterns("/index.html","/","/user/login");
            }
        };
        return adapter;
    }

5)荠呐、CRUD-員工列表

實驗要求:

1)、RestfulCRUD:CRUD滿足Rest風格砂客;

URI: /資源名稱/資源標識 HTTP請求方式區(qū)分對資源CRUD操作

普通CRUD(uri來區(qū)分操作) RestfulCRUD
查詢 getEmp emp---GET
添加 addEmp?xxx emp---POST
修改 updateEmp?id=xxx&xxx=xx emp/{id}---PUT
刪除 deleteEmp?id=1 emp/{id}---DELETE

2)泥张、實驗的請求架構;

實驗功能 請求URI 請求方式
查詢所有員工 emps GET
查詢某個員工(來到修改頁面) emp/1 GET
來到添加頁面 emp GET
添加員工 emp POST
來到修改頁面(查出員工進行信息回顯) emp/1 GET
修改員工 emp PUT
刪除員工 emp/1 DELETE

3)、員工列表:

thymeleaf公共頁面元素抽取

1鞠值、抽取公共片段
<div th:fragment="copy">
&copy; 2011 The Good Thymes Virtual Grocery
</div>

2媚创、引入公共片段
<div th:insert="~{footer :: copy}"></div>
~{templatename::selector}:模板名::選擇器
~{templatename::fragmentname}:模板名::片段名

3、默認效果:
insert的公共片段在div標簽中
如果使用th:insert等屬性進行引入彤恶,可以不用寫~{}:
行內(nèi)寫法可以加上:[[~{}]];[(~{})]钞钙;

3)鳄橘、員工列表:

thymeleaf公共頁面元素抽取

1、抽取公共片段
<div th:fragment="copy">
&copy; 2011 The Good Thymes Virtual Grocery
</div>

2芒炼、引入公共片段
<div th:insert="~{footer :: copy}"></div>
~{templatename::selector}:模板名::選擇器
~{templatename::fragmentname}:模板名::片段名

3瘫怜、默認效果:
insert的公共片段在div標簽中
如果使用th:insert等屬性進行引入,可以不用寫~{}:
行內(nèi)寫法可以加上:[[~{}]];[(~{})]本刽;

三種引入公共片段的th屬性:

th:insert:將公共片段整個插入到聲明引入的元素中

th:replace:將聲明引入的元素替換為公共片段

th:include:將被引入的片段的內(nèi)容包含進這個標簽中

提交的數(shù)據(jù)格式不對:生日:日期鲸湃;

2017-12-12;2017/12/12子寓;2017.12.12暗挑;

日期的格式化;SpringMVC將頁面提交的值需要轉換為指定的類型;

2017-12-12---Date斜友; 類型轉換炸裆,格式化;

默認日期是按照/的方式;

7)蝙寨、CRUD-員工修改

修改添加二合一表單

<!--需要區(qū)分是員工修改還是添加晒衩;-->
<form th:action="@{/emp}" method="post">
    <!--發(fā)送put請求修改員工數(shù)據(jù)-->
    <!--
1、SpringMVC中配置HiddenHttpMethodFilter;(SpringBoot自動配置好的)
2墙歪、頁面創(chuàng)建一個post表單
3听系、創(chuàng)建一個input項,name="_method";值就是我們指定的請求方式
-->
    <input type="hidden" name="_method" value="put" th:if="${emp!=null}"/>
    <input type="hidden" name="id" th:if="${emp!=null}" th:value="${emp.id}">
    <div class="form-group">
        <label>LastName</label>
        <input name="lastName" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${emp.lastName}">
    </div>
    <div class="form-group">
        <label>Email</label>
        <input name="email" type="email" class="form-control" placeholder="zhangsan@atguigu.com" th:value="${emp!=null}?${emp.email}">
    </div>
    <div class="form-group">
        <label>Gender</label><br/>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="gender" value="1" th:checked="${emp!=null}?${emp.gender==1}">
            <label class="form-check-label">男</label>
        </div>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" name="gender" value="0" th:checked="${emp!=null}?${emp.gender==0}">
            <label class="form-check-label">女</label>
        </div>
    </div>
    <div class="form-group">
        <label>department</label>
        <!--提交的是部門的id-->
        <select class="form-control" name="department.id">
            <option th:selected="${emp!=null}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depts}" th:text="${dept.departmentName}">1</option>
        </select>
    </div>
    <div class="form-group">
        <label>Birth</label>
        <input name="birth" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy-MM-dd HH:mm')}">
    </div>
    <button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">添加</button>
</form>

8)虹菲、CRUD-員工刪除

<tr th:each="emp:${emps}">
    <td th:text="${emp.id}"></td>
    <td>[[${emp.lastName}]]</td>
    <td th:text="${emp.email}"></td>
    <td th:text="${emp.gender}==0?'女':'男'"></td>
    <td th:text="${emp.department.departmentName}"></td>
    <td th:text="${#dates.format(emp.birth, 'yyyy-MM-dd HH:mm')}"></td>
    <td>
        <a class="btn btn-sm btn-primary" th:href="@{/emp/}+${emp.id}">編輯</a>
        <button th:attr="del_uri=@{/emp/}+${emp.id}" class="btn btn-sm btn-danger deleteBtn">刪除</button>
    </td>
</tr>


<script>
    $(".deleteBtn").click(function(){
        //刪除當前員工的
        $("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();
        return false;
    });
</script>

7靠胜、錯誤處理機制

1)、SpringBoot默認的錯誤處理機制

默認效果:

? 1)毕源、瀏覽器浪漠,返回一個默認的錯誤頁面
搜狗截圖20180226173408.png

瀏覽器發(fā)送請求的請求頭:
搜狗截圖20180226180347 (1).png

2)、如果是其他客戶端霎褐,默認響應一個json數(shù)據(jù)


搜狗截圖20180226173527.png

搜狗截圖20180226180504.png

原理:

? 可以參照ErrorMvcAutoConfiguration址愿;錯誤處理的自動配置;

給容器中添加了以下組件

? 1冻璃、DefaultErrorAttributes:

幫我們在頁面共享信息响谓;
@Override
    public Map<String, Object> getErrorAttributes(RequestAttributes requestAttributes,
            boolean includeStackTrace) {
        Map<String, Object> errorAttributes = new LinkedHashMap<String, Object>();
        errorAttributes.put("timestamp", new Date());
        addStatus(errorAttributes, requestAttributes);
        addErrorDetails(errorAttributes, requestAttributes, includeStackTrace);
        addPath(errorAttributes, requestAttributes);
        return errorAttributes;
    }

? 2、BasicErrorController:處理默認/error請求

@Controller
@RequestMapping("${server.error.path:${error.path:/error}}")
public class BasicErrorController extends AbstractErrorController {
    
    @RequestMapping(produces = "text/html")//產(chǎn)生html類型的數(shù)據(jù)省艳;瀏覽器發(fā)送的請求來到這個方法處理
    public ModelAndView errorHtml(HttpServletRequest request,
            HttpServletResponse response) {
        HttpStatus status = getStatus(request);
        Map<String, Object> model = Collections.unmodifiableMap(getErrorAttributes(
                request, isIncludeStackTrace(request, MediaType.TEXT_HTML)));
        response.setStatus(status.value());
        
        //去哪個頁面作為錯誤頁面娘纷;包含頁面地址和頁面內(nèi)容
        ModelAndView modelAndView = resolveErrorView(request, response, status, model);
        return (modelAndView == null ? new ModelAndView("error", model) : modelAndView);
    }

    @RequestMapping
    @ResponseBody    //產(chǎn)生json數(shù)據(jù),其他客戶端來到這個方法處理跋炕;
    public ResponseEntity<Map<String, Object>> error(HttpServletRequest request) {
        Map<String, Object> body = getErrorAttributes(request,
                isIncludeStackTrace(request, MediaType.ALL));
        HttpStatus status = getStatus(request);
        return new ResponseEntity<Map<String, Object>>(body, status);
    }

? 3赖晶、ErrorPageCustomizer:

    @Value("${error.path:/error}")
    private String path = "/error";  系統(tǒng)出現(xiàn)錯誤以后來到error請求進行處理;(web.xml注冊的錯誤頁面規(guī)則)

? 4辐烂、DefaultErrorViewResolver:

@Override
    public ModelAndView resolveErrorView(HttpServletRequest request, HttpStatus status,
            Map<String, Object> model) {
        ModelAndView modelAndView = resolve(String.valueOf(status), model);
        if (modelAndView == null && SERIES_VIEWS.containsKey(status.series())) {
            modelAndView = resolve(SERIES_VIEWS.get(status.series()), model);
        }
        return modelAndView;
    }

    private ModelAndView resolve(String viewName, Map<String, Object> model) {
        //默認SpringBoot可以去找到一個頁面遏插?  error/404
        String errorViewName = "error/" + viewName;
        
        //模板引擎可以解析這個頁面地址就用模板引擎解析
        TemplateAvailabilityProvider provider = this.templateAvailabilityProviders
                .getProvider(errorViewName, this.applicationContext);
        if (provider != null) {
            //模板引擎可用的情況下返回到errorViewName指定的視圖地址
            return new ModelAndView(errorViewName, model);
        }
        //模板引擎不可用捂贿,就在靜態(tài)資源文件夾下找errorViewName對應的頁面   error/404.html
        return resolveResource(errorViewName, model);
    }

[圖片上傳中...(搜狗截圖20180228135513.png-bc7c-1559445619825-0)]
步驟:

? 一但系統(tǒng)出現(xiàn)4xx或者5xx之類的錯誤;ErrorPageCustomizer就會生效(定制錯誤的響應規(guī)則)胳嘲;就會來到/error請求眷蜓;就會被BasicErrorController處理;

? 1)響應頁面胎围;去哪個頁面是由DefaultErrorViewResolver解析得到的吁系;

protected ModelAndView resolveErrorView(HttpServletRequest request,
      HttpServletResponse response, HttpStatus status, Map<String, Object> model) {
    //所有的ErrorViewResolver得到ModelAndView
   for (ErrorViewResolver resolver : this.errorViewResolvers) {
      ModelAndView modelAndView = resolver.resolveErrorView(request, status, model);
      if (modelAndView != null) {
         return modelAndView;
      }
   }
   return null;
}

2)、如果定制錯誤響應:

1)白魂、如何定制錯誤的頁面汽纤;

? 1)、有模板引擎的情況下福荸;error/狀態(tài)碼; 【將錯誤頁面命名為 錯誤狀態(tài)碼.html 放在模板引擎文件夾里面的 error文件夾下】蕴坪,發(fā)生此狀態(tài)碼的錯誤就會來到 對應的頁面;

? 我們可以使用4xx和5xx作為錯誤頁面的文件名來匹配這種類型的所有錯誤敬锐,精確優(yōu)先(優(yōu)先尋找精確的狀態(tài)碼.html)背传;

? 頁面能獲取的信息;

? timestamp:時間戳

? status:狀態(tài)碼

? error:錯誤提示

? exception:異常對象

? message:異常消息

? errors:JSR303數(shù)據(jù)校驗的錯誤都在這里

? 2)台夺、沒有模板引擎(模板引擎找不到這個錯誤頁面)径玖,靜態(tài)資源文件夾下找;

? 3)颤介、以上都沒有錯誤頁面梳星,就是默認來到SpringBoot默認的錯誤提示頁面;

2)滚朵、如何定制錯誤的json數(shù)據(jù)冤灾;

? 1)、自定義異常處理&返回定制json數(shù)據(jù)辕近;

@ControllerAdvice
public class MyExceptionHandler {

    @ResponseBody
    @ExceptionHandler(UserNotExistException.class)
    public Map<String,Object> handleException(Exception e){
        Map<String,Object> map = new HashMap<>();
        map.put("code","user.notexist");
        map.put("message",e.getMessage());
        return map;
    }
}
//沒有自適應效果...

? 2)韵吨、轉發(fā)到/error進行自適應響應效果處理

 @ExceptionHandler(UserNotExistException.class)
    public String handleException(Exception e, HttpServletRequest request){
        Map<String,Object> map = new HashMap<>();
        //傳入我們自己的錯誤狀態(tài)碼  4xx 5xx,否則就不會進入定制錯誤頁面的解析流程
        /**
         * Integer statusCode = (Integer) request
         .getAttribute("javax.servlet.error.status_code");
         */
        request.setAttribute("javax.servlet.error.status_code",500);
        map.put("code","user.notexist");
        map.put("message",e.getMessage());
        //轉發(fā)到/error
        return "forward:/error";
    }

3)移宅、將我們的定制數(shù)據(jù)攜帶出去归粉;

出現(xiàn)錯誤以后,會來到/error請求吞杭,會被BasicErrorController處理盏浇,響應出去可以獲取的數(shù)據(jù)是由getErrorAttributes得到的(是AbstractErrorController(ErrorController)規(guī)定的方法)变丧;

? 1芽狗、完全來編寫一個ErrorController的實現(xiàn)類【或者是編寫AbstractErrorController的子類】,放在容器中痒蓬;

? 2童擎、頁面上能用的數(shù)據(jù)滴劲,或者是json返回能用的數(shù)據(jù)都是通過errorAttributes.getErrorAttributes得到;

? 容器中DefaultErrorAttributes.getErrorAttributes()顾复;默認進行數(shù)據(jù)處理的班挖;

自定義ErrorAttributes

//給容器中加入我們自己定義的ErrorAttributes
@Component
public class MyErrorAttributes extends DefaultErrorAttributes {

    @Override
    public Map<String, Object> getErrorAttributes(RequestAttributes requestAttributes, boolean includeStackTrace) {
        Map<String, Object> map = super.getErrorAttributes(requestAttributes, includeStackTrace);
        map.put("company","atguigu");
        return map;
    }
}

最終的效果:響應是自適應的,可以通過定制ErrorAttributes改變需要返回的內(nèi)容芯砸,


搜狗截圖20180228135513.png
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末萧芙,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子假丧,更是在濱河造成了極大的恐慌双揪,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件包帚,死亡現(xiàn)場離奇詭異渔期,居然都是意外死亡,警方通過查閱死者的電腦和手機渴邦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進店門疯趟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谋梭,你說我怎么就攤上這事信峻。” “怎么了瓮床?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵站欺,是天一觀的道長。 經(jīng)常有香客問我纤垂,道長矾策,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任峭沦,我火速辦了婚禮贾虽,結果婚禮上,老公的妹妹穿的比我還像新娘吼鱼。我一直安慰自己蓬豁,他們只是感情好,可當我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布菇肃。 她就那樣靜靜地躺著地粪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪琐谤。 梳的紋絲不亂的頭發(fā)上蟆技,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天,我揣著相機與錄音,去河邊找鬼质礼。 笑死旺聚,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的眶蕉。 我是一名探鬼主播砰粹,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼造挽!你這毒婦竟也來了碱璃?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤饭入,失蹤者是張志新(化名)和其女友劉穎厘贼,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體圣拄,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡嘴秸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了庇谆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岳掐。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖饭耳,靈堂內(nèi)的尸體忽然破棺而出串述,到底是詐尸還是另有隱情,我是刑警寧澤寞肖,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布纲酗,位于F島的核電站,受9級特大地震影響新蟆,放射性物質(zhì)發(fā)生泄漏觅赊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一琼稻、第九天 我趴在偏房一處隱蔽的房頂上張望吮螺。 院中可真熱鬧,春花似錦帕翻、人聲如沸鸠补。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽紫岩。三九已至,卻和暖如春睬塌,著一層夾襖步出監(jiān)牢的瞬間泉蝌,已是汗流浹背歇万。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留梨与,地道東北人。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓文狱,卻偏偏與公主長得像粥鞋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子瞄崇,可洞房花燭夜當晚...
    茶點故事閱讀 45,515評論 2 359

推薦閱讀更多精彩內(nèi)容