跳转_跳转指令 - CSDN
精华内容
参与话题
  • html页面跳转的五个方法

    万次阅读 2018-09-06 21:28:16
    HTML页面跳转的5种方法 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。1) html的实现   ?123456<head&...

    HTML页面跳转的5种方法

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
    1) html的实现

     

    1
    2
    3
    4
    5
    6
    <head>
    <!-- 以下方式只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="10">
    <!-- 以下方式定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=hello.html">
    </head>

    优点:简单
    缺点:Struts Tiles中无法使用

     

    2) javascript的实现

     

    1
    2
    3
    4
    5
    6
    <script language="javascript" type="text/javascript">
    // 以下方式直接跳转
    window.location.href='hello.html';
    // 以下方式定时跳转
    setTimeout("javascript:location.href='hello.html'", 5000);
    </script>

    优点:灵活,可以结合更多的其他功能
    缺点:受到不同浏览器的影响
    3) 结合了倒数的javascript实现(IE)

     

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <span id="totalSecond">5</span>
    <script language="javascript" type="text/javascript">
    var second = totalSecond.innerText;
    setInterval("redirect()", 1000);
    function redirect(){
    totalSecond.innerText=--second;
    if(second<0) location.href='hello.html';
    }
    </script>

    优点:更人性化
    缺点:firefox不支持(firefox不支持span、div等的innerText属性)
    3’) 结合了倒数的javascript实现(firefox)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script language="javascript" type="text/javascript">
    var second = document.getElementById('totalSecond').textContent;
    setInterval("redirect()", 1000);
    function redirect()
    {
    document.getElementById('totalSecond').textContent = --second;
    if (second < 0) location.href = 'hello.html';
    }
    </script>

    展开全文
  • php实现跳转前提示

    千次阅读 2019-12-18 15:52:58
    echo "&lt;script&gt;alert('您不在本次活动范围内哦')&lt;/script&gt;"; header("refresh:0;url=callback.php");
    	echo "<script>alert('您不在本次活动范围内哦')</script>";
    		header("refresh:0;url=callback.php");  //该句可单独使用
    
    
    echo "<script>alert('提交成功');window.location.href=document.referrer;</script>";
    
    展开全文
  • 1、SpringBoot:自动配置原理 自动配置原理 配置文件到底能写什么?怎么写? SpringBoot官方文档中有大量的配置,我们无法全部记住 1.1、分析自动配置原理 ...//表示这是一个配置类,和以前编写的配置文件一样,也...

    1、SpringBoot:自动配置原理

    自动配置原理

    配置文件到底能写什么?怎么写?

    SpringBoot官方文档中有大量的配置,我们无法全部记住

    在这里插入图片描述


    1.1、分析自动配置原理

    我们以HttpEncodingAutoConfiguration即Http编码自动配置为例解释自动配置原理;

    //表示这是一个配置类,和以前编写的配置文件一样,也可以给容器中添加组件;
    @Configuration 
    
    //启动指定类的ConfigurationProperties功能;
      //进入这个HttpProperties查看,将配置文件中对应的值和HttpProperties绑定起来;
      //并把HttpProperties加入到ioc容器中
    @EnableConfigurationProperties({HttpProperties.class}) 
    
    //Spring底层@Conditional注解
      //根据不同的条件判断,如果满足指定的条件,整个配置类里面的配置就会生效;
      //这里的意思就是判断当前应用是否是web应用,如果是,当前配置类生效
    @ConditionalOnWebApplication(
        type = Type.SERVLET
    )
    
    //判断当前项目有没有这个类CharacterEncodingFilter;SpringMVC中进行乱码解决的过滤器;
    @ConditionalOnClass({CharacterEncodingFilter.class})
    
    //判断配置文件中是否存在某个配置:spring.http.encoding.enabled;
      //如果不存在,判断也是成立的
      //即使我们配置文件中不配置pring.http.encoding.enabled=true,也是默认生效的;
    @ConditionalOnProperty(
        prefix = "spring.http.encoding",
        value = {"enabled"},
        matchIfMissing = true
    )
    
    public class HttpEncodingAutoConfiguration {
        //他已经和SpringBoot的配置文件映射了
        private final Encoding properties;
        //只有一个有参构造器的情况下,参数的值就会从容器中拿
        public HttpEncodingAutoConfiguration(HttpProperties properties) {
            this.properties = properties.getEncoding();
        }
        
        //给容器中添加一个组件,这个组件的某些值需要从properties中获取
        @Bean
        @ConditionalOnMissingBean //判断容器没有这个组件?
        public CharacterEncodingFilter characterEncodingFilter() {
            CharacterEncodingFilter filter = new OrderedCharacterEncodingFilter();
            filter.setEncoding(this.properties.getCharset().name());
            filter.setForceRequestEncoding(this.properties.shouldForce(org.springframework.boot.autoconfigure.http.HttpProperties.Encoding.Type.REQUEST));
            filter.setForceResponseEncoding(this.properties.shouldForce(org.springframework.boot.autoconfigure.http.HttpProperties.Encoding.Type.RESPONSE));
            return filter;
        }
        //...
    }
    

    一句话总结 :根据当前不同的条件判断,决定这个配置类是否生效!

    • 一但这个配置类(xxxAutoConfiguration)生效,赋予默认值;这个配置类就会给容器中添加各种组件;
    • 这些组件的属性是从对应的xxxProperties类中获取的,这些类(xxxProperties)里面的每一个属性又和配置文件绑定的;
    • 所有在配置文件中能配置的属性都是在xxxxProperties类中封装着;
    • 配置文件能配置什么就可以参照某个功能对应的这个属性类

    通俗的讲

    • (springboot的autoConfiguration帮助我们自动装配)
    • (如果有默认值,到properties类中获取默认值)
    • (如果需要修改默认值,在配置文件中配置即可)


    //从配置文件中获取指定的值和bean的属性进行绑定
    @ConfigurationProperties(prefix = "spring.http") 
    public class HttpProperties {
        //...
    }
    

    我们去配置文件里面试试前缀,看提示!
    在这里插入图片描述
    这就是自动装配的原理!


    1.2、精髓(需要记住)

    1、SpringBoot启动会加载大量的自动配置类

    2、看我们需要的功能有没有在SpringBoot默认写好的自动配置类当中;(如果没有则需要手动写)

    3、我们再来看这个自动配置类中到底配置了哪些组件;(只要我们要用的组件存在在其中,我们就不需要再手动配置了)

    4、给容器中自动配置类添加组件的时候,会从properties类中获取某些属性。我们只需要在配置文件中指定这些属性的值即可;

    xxxxAutoConfigurartion:自动配置类;给容器中添加组件

    xxxxProperties:封装配置文件中相关属性;

    1.3、了解:@Conditional

    了解完自动装配的原理后,我们来关注一个细节问题,自动配置类必须在一定的条件下才能生效;

    @Conditional派生注解(Spring注解版原生的@Conditional作用)

    作用:必须是@Conditional指定的条件成立,才给容器中添加组件,配置配里面的所有内容才生效;
    在这里插入图片描述

    那么多的自动配置类,必须在一定的条件下才能生效;也就是说,我们加载了这么多的配置类,但不是所有的都生效了。

    我们怎么知道哪些自动配置类生效?

    我们可以通过启用 debug=true属性;来让控制台打印自动配置报告,这样我们就可以很方便的知道哪些自动配置类生效;

    #开启springboot的调试类
    debug=true
    

    Positive matches:(自动配置类启用的:正匹配)
    Negative matches:(没有启动,没有匹配成功的自动配置类:负匹配)
    Unconditional classes: (没有条件的类)

    【演示:查看输出的日志】

    掌握吸收理解原理,即可以不变应万变!



    2、SpringBoot:Web开发静态资源处理

    Web开发探究

    2.1、简介

    好的,同学们,那么接下来呢,我们开始学习SpringBoot与Web开发,从这一章往后,就属于我们实战部分的内容了;
    其实SpringBoot的东西用起来非常简单,因为SpringBoot最大的特点就是自动装配。
    使用SpringBoot的步骤:

    1、创建一个SpringBoot应用,选择我们需要的模块,SpringBoot就会默认将我们的需要的模块自动配置好

    2、手动在配置文件中配置部分配置项目就可以运行起来了

    3、专注编写业务代码,不需要考虑以前那样一大堆的配置了。


    要熟悉掌握开发,之前学习的自动配置的原理一定要搞明白!

    比如SpringBoot到底帮我们配置了什么?我们能不能修改?我们能修改哪些配置?我们能不能扩展?

    • 向容器中自动配置组件 :*** Autoconfiguration
    • 自动配置类,封装配置文件的内容:***Properties

    没事就找找类,看看自动装配原理!
    我们之后来进行一个单体项目的小项目测试,让大家能够快速上手开发!
    静态资源处理

    2.2、静态资源映射规则

    首先,我们搭建一个普通的SpringBoot项目,回顾一下HelloWorld程序!

    写请求非常简单,那我们要引入我们前端资源,我们项目中有许多的静态资源,比如css,js等文件,这个SpringBoot怎么处理呢?

    如果我们是一个web应用,我们的main下会有一个webapp,我们以前都是将所有的页面导在这里面的,对吧!但是我们现在的pom呢,打包方式是为jar的方式,那么这种方式SpringBoot能不能来给我们写页面呢?当然是可以的,但是SpringBoot对于静态资源放置的位置,是有规定的!

    我们先来聊聊这个静态资源映射规则

    SpringBoot中,SpringMVC的web配置都在 WebMvcAutoConfiguration 这个配置类里面;

    我们可以去看看 WebMvcAutoConfigurationAdapter中有很多配置方法;

    有一个方法:addResourceHandlers 添加资源处理

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        if (!this.resourceProperties.isAddMappings()) {
            // 已禁用默认资源处理
            logger.debug("Default resource handling disabled");
            return;
        }
        // 缓存控制
        Duration cachePeriod = this.resourceProperties.getCache().getPeriod();
        CacheControl cacheControl = this.resourceProperties.getCache().getCachecontrol().toHttpCacheControl();
        // webjars 配置
        if (!registry.hasMappingForPattern("/webjars/**")) {
            customizeResourceHandlerRegistration(registry.addResourceHandler("/webjars/**")
                                                 .addResourceLocations("classpath:/META-INF/resources/webjars/")
                                                 .setCachePeriod(getSeconds(cachePeriod)).setCacheControl(cacheControl));
        }
        // 静态资源配置
        String staticPathPattern = this.mvcProperties.getStaticPathPattern();
        if (!registry.hasMappingForPattern(staticPathPattern)) {
            customizeResourceHandlerRegistration(registry.addResourceHandler(staticPathPattern)
                                                 .addResourceLocations(getResourceLocations(this.resourceProperties.getStaticLocations()))
                                                 .setCachePeriod(getSeconds(cachePeriod)).setCacheControl(cacheControl));
        }
    }
    

    读一下源代码:比如所有的 /webjars/** , 都需要去 classpath:/META-INF/resources/webjars/ 找对应的资源;


    2.3、什么是webjars 呢?

    Webjars本质就是以jar包的方式引入我们的静态资源 , 我们以前要导入一个静态资源文件,直接导入即可。

    使用SpringBoot需要使用Webjars,我们可以去搜索一下:

    网站:https://www.webjars.org

    要使用jQuery,我们只要要引入jQuery对应版本的pom依赖即可!

    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>jquery</artifactId>
        <version>3.4.1</version>
    </dependency>
    

    导入完毕,查看webjars目录结构,并访问Jquery.js文件!

    在这里插入图片描述

    访问:只要是静态资源,SpringBoot就会去对应的路径寻找资源,我们这里访问:http://localhost:8080/webjars/jquery/3.4.1/jquery.js

    在这里插入图片描述


    2.4、第二种静态资源映射规则

    那我们项目中要是使用自己的静态资源该怎么导入呢?我们看下一行代码;

    我们去找staticPathPattern发现第二种映射规则 :/** , 访问当前的项目任意资源,它会去找 resourceProperties 这个类,我们可以点进去看一下分析:

    // 进入方法
    public String[] getStaticLocations() {
        return this.staticLocations;
    }
    // 找到对应的值
    private String[] staticLocations = CLASSPATH_RESOURCE_LOCATIONS;
    // 找到路径
    private static final String[] CLASSPATH_RESOURCE_LOCATIONS = { 
        "classpath:/META-INF/resources/",
      "classpath:/resources/", 
        "classpath:/static/", 
        "classpath:/public/" 
    };
    

    ResourceProperties 可以设置和我们静态资源有关的参数;这里面指向了它会去寻找资源的文件夹,即上面数组的内容。

    所以得出结论,以下四个目录存放的静态资源可以被我们识别:

    "classpath:/META-INF/resources/"
    "classpath:/resources/"
    "classpath:/static/"
    "classpath:/public/"
    

    我们可以在resources根目录下新建对应的文件夹,都可以存放我们的静态文件;

    比如我们访问 http://localhost:8080/1.js , 他就会去这些文件夹中寻找对应的静态资源文件;


    2.5、自定义静态资源路径

    我们也可以自己通过配置文件来指定一下,哪些文件夹是需要我们放静态资源文件的,在application.properties中配置;

    spring.resources.static-locations=classpath:/coding/,classpath:/test/
    

    一旦自己定义了静态文件夹的路径,原来的自动配置就都会失效了!

    首页处理

    静态资源文件夹说完后,我们继续向下看源码!可以看到一个欢迎页的映射,就是我们的首页!

    @Bean
    public WelcomePageHandlerMapping welcomePageHandlerMapping(ApplicationContext applicationContext, FormattingConversionService mvcConversionService,ResourceUrlProvider mvcResourceUrlProvider) {
        WelcomePageHandlerMapping welcomePageHandlerMapping = new WelcomePageHandlerMapping(
            new TemplateAvailabilityProviders(applicationContext), applicationContext, getWelcomePage(), // getWelcomePage 获得欢迎页
            this.mvcProperties.getStaticPathPattern());
        welcomePageHandlerMapping.setInterceptors(getInterceptors(mvcConversionService, mvcResourceUrlProvider));
        return welcomePageHandlerMapping;
    }
    

    点进去继续看

    private Optional<Resource> getWelcomePage() {
        String[] locations = getResourceLocations(this.resourceProperties.getStaticLocations());
        // ::是java8 中新引入的运算符
        // Class::function的时候function是属于Class的,应该是静态方法。
        // this::function的funtion是属于这个对象的。
        // 简而言之,就是一种语法糖而已,是一种简写
        return Arrays.stream(locations).map(this::getIndexHtml).filter(this::isReadable).findFirst();
    }
    // 欢迎页就是一个location下的的 index.html 而已
    private Resource getIndexHtml(String location) {
        return this.resourceLoader.getResource(location + "index.html");
    }
    

    欢迎页,静态资源文件夹下的所有 index.html 页面;被 /** 映射。

    比如我访问 http://localhost:8080/ ,就会找静态资源文件夹下的 index.html

    新建一个 index.html ,在我们上面的3个目录中任意一个;然后访问测试 http://localhost:8080/ 看结果!


    关于网站图标说明:

    在这里插入图片描述

    与其他静态资源一样,Spring Boot在配置的静态内容位置中查找 favicon.ico。如果存在这样的文件,它将自动用作应用程序的favicon。

    1、关闭SpringBoot默认图标

    #关闭默认图标spring.mvc.favicon.enabled=false
    

    2、自己放一个图标在静态资源目录下,我放在 public 目录下

    3、清除浏览器缓存!刷新网页,发现图标已经变成自己的了!

    在这里插入图片描述


    3、SpringBoot:Thymeleaf模板引擎

    3.1、模板引擎

    前端交给我们的页面,是html页面。如果是我们以前开发,我们需要把他们转成jsp页面,jsp好处就是当我们查出一些数据转发到JSP页面以后,我们可以用jsp轻松实现数据的显示,及交互等。

    jsp支持非常强大的功能,包括能写Java代码,但是呢,我们现在的这种情况,SpringBoot这个项目首先是以jar的方式,不是war,像第二,我们用的还是嵌入式的Tomcat,所以呢,他现在默认是不支持jsp的

    那不支持jsp,如果我们直接用纯静态页面的方式,那给我们开发会带来非常大的麻烦,那怎么办呢?

    SpringBoot推荐你可以来使用模板引擎:

    模板引擎,我们其实大家听到很多,其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf,模板引擎有非常多,但再多的模板引擎,他们的思想都是一样的,什么样一个思想呢我们来看一下这张图:

    在这里插入图片描述

    模板引擎的作用就是我们来写一个页面模板,比如有些值呢,是动态的,我们写一些表达式。而这些值,从哪来呢,就是我们在后台封装一些数据。然后把这个模板和这个数据交给我们模板引擎,模板引擎按照我们这个数据帮你把这表达式解析、填充到我们指定的位置,然后把这个数据最终生成一个我们想要的内容给我们写出去,这就是我们这个模板引擎,不管是jsp还是其他模板引擎,都是这个思想。只不过呢,就是说不同模板引擎之间,他们可能这个语法有点不一样。其他的我就不介绍了,我主要来介绍一下SpringBoot给我们推荐的Thymeleaf模板引擎,这模板引擎呢,是一个高级语言的模板引擎,他的这个语法更简单。而且呢,功能更强大。

    我们呢,就来看一下这个模板引擎,那既然要看这个模板引擎。首先,我们来看SpringBoot里边怎么用。

    3.2、引入Thymeleaf

    怎么引入呢,对于springboot来说,什么事情不都是一个start的事情嘛,我们去在项目中引入一下。给大家三个网址:

    Thymeleaf 官网:https://www.thymeleaf.org/

    Thymeleaf 在Github 的主页:https://github.com/thymeleaf/thymeleaf

    Spring官方文档:找到我们对应的版本

    https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter

    找到对应的pom依赖:可以适当点进源码看下本来的包!

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

    Maven会自动下载jar包,我们可以去看下下载的东西;

    在这里插入图片描述

    3.3、Thymeleaf分析

    前面呢,我们已经引入了Thymeleaf,那这个要怎么使用呢?

    我们首先得按照SpringBoot的自动配置原理看一下我们这个Thymeleaf的自动配置规则,在按照那个规则,我们进行使用。

    我们去找一下Thymeleaf的自动配置类:ThymeleafPropert

    @ConfigurationProperties(
        prefix = "spring.thymeleaf"
    )
    public class ThymeleafProperties {
        private static final Charset DEFAULT_ENCODING;
        public static final String DEFAULT_PREFIX = "classpath:/templates/";
        public static final String DEFAULT_SUFFIX = ".html";
        private boolean checkTemplate = true;
        private boolean checkTemplateLocation = true;
        private String prefix = "classpath:/templates/";
        private String suffix = ".html";
        private String mode = "HTML";
        private Charset encoding;
    }
    

    我们可以在其中看到默认的前缀和后缀!

    我们只需要把我们的html页面放在类路径下的templates下,thymeleaf就可以帮我们自动渲染了。

    使用thymeleaf什么都不需要配置,只需要将他放在指定的文件夹下即可!

    测试

    1、编写一个IndexController

    package com.wei.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    @Controller
    public class IndexController {
        @RequestMapping("/test")
        public String hello(Model model){
            return "test";
        }
    }
    

    2、编写一个测试页面 test.html 放在 templates 目录下

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>测试页面</h1>
    </body>
    </html>
    

    3、启动项目请求测试

    • 成功跳转到resources/itemplates/test.html

    3.4、Thymeleaf 语法学习

    要学习语法,还是参考官网文档最为准确,我们找到对应的版本看一下;

    Thymeleaf 官网:https://www.thymeleaf.org/ , 简单看一下官网!我们去下载Thymeleaf的官方文档!

    我们做个最简单的练习 :我们需要查出一些数据,在页面中展示

    1、修改测试请求,增加数据传输;

    package com.wei.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    @Controller
    public class IndexController {
        @RequestMapping("/test")
        public String hello(Model model){
            model.addAttribute("msg", "thymeleaf success!");
            return "test";
        }
    }
    

    2、我们要使用thymeleaf,需要在html文件中导入命名空间的约束,方便提示。

    我们可以去官方文档的#3中看一下命名空间拿来过来:

     xmlns:th="http://www.thymeleaf.org"
    

    3、编写前端页面

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div th:text="${msg}"></div>
    </body>
    </html>
    

    4、启动测试!
    在这里插入图片描述


    1、我们可以使用任意的 th:attr 来替换Html中原生属性的值!
    在这里插入图片描述

    2、我们能写哪些表达式呢?

    Simple expressions:(表达式语法)
    Variable Expressions: ${...}:获取变量值;OGNL;
        1)、获取对象的属性、调用方法
        2)、使用内置的基本对象:#18
             #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.
    
        3)、内置的一些工具对象:
          #execInfo : information about the template being processed.
          #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.
    ==================================================================================
    
      Selection Variable Expressions: *{...}:选择表达式:和${}在功能上是一样;
      Message Expressions: #{...}:获取国际化内容
      Link URL Expressions: @{...}:定义URL;
      Fragment Expressions: ~{...}:片段引用表达式
    
    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:(数学运算)
        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: _
    
    

    练习测试:

    1、 我们编写一个Controller,放一些数据

    package com.wei.controller;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.util.Arrays;
    
    @Controller
    public class IndexController {
        @RequestMapping("/test")
        public String hello(Model model){
            model.addAttribute("msg", "thymeleaf success!");
            model.addAttribute("users", Arrays.asList("nick","tom"));
            return "test";
        }
    }
    
    

    2、测试页面取出数据

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div th:text="${msg}"></div>
    遍历的写法:
    <div th:each="user:${users}" th:text="${user}"></div>
    </body>
    </html>
    

    3、启动项目测试!
    我们看完语法,很多样式,我们即使现在学习了,也会忘记,所以我们在学习过程中,需要使用什么,根据官方文档来查询,才是最重要的,要熟练使用官方文档!
    在这里插入图片描述


    4、SpringBoot:MVC自动配置原理

    4.1、官网阅读

    在进行项目编写前,我们还需要知道一个东西,就是SpringBoot对我们的SpringMVC还做了哪些配置,包括如何扩展,如何定制。

    只有把这些都搞清楚了,我们在之后使用才会更加得心应手。途径一:源码分析,途径二:官方文档!

    地址 :https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#boot-features-spring-mvc-auto-configuration

    Spring MVC Auto-configuration
    // Spring Boot为Spring MVC提供了自动配置,它可以很好地与大多数应用程序一起工作。
    Spring Boot provides auto-configuration for Spring MVC that works well with most applications.
    // 自动配置在Spring默认设置的基础上添加了以下功能:
    The auto-configuration adds the following features on top of Spring’s defaults:
    // 包含视图解析器
    Inclusion of ContentNegotiatingViewResolver and BeanNameViewResolver beans.
    // 支持静态资源文件夹的路径,以及webjars
    Support for serving static resources, including support for WebJars 
    // 自动注册了Converter:
    // 转换器,这就是我们网页提交数据到后台自动封装成为对象的东西,比如把"1"字符串自动转换为int类型
    // Formatter:【格式化器,比如页面给我们了一个2019-8-10,它会给我们自动格式化为Date对象】
    Automatic registration of Converter, GenericConverter, and Formatter beans.
    // HttpMessageConverters
    // SpringMVC用来转换Http请求和响应的的,比如我们要把一个User对象转换为JSON字符串,可以去看官网文档解释;
    Support for HttpMessageConverters (covered later in this document).
    // 定义错误代码生成规则的
    Automatic registration of MessageCodesResolver (covered later in this document).
    // 首页定制
    Static index.html support.
    // 图标定制
    Custom Favicon support (covered later in this document).
    // 初始化数据绑定器:帮我们把请求数据绑定到JavaBean中!
    Automatic use of a ConfigurableWebBindingInitializer bean (covered later in this document).
    
    /*
    如果您希望保留Spring Boot MVC功能,并且希望添加其他MVC配置(拦截器、格式化程序、视图控制器和其他功能),则可以添加自己
    的@configuration类,类型为webmvcconfiguer,但不添加@EnableWebMvc。如果希望提供
    RequestMappingHandlerMapping、RequestMappingHandlerAdapter或ExceptionHandlerExceptionResolver的自定义
    实例,则可以声明WebMVCregistrationAdapter实例来提供此类组件。
    */
    If you want to keep Spring Boot MVC features and you want to add additional MVC configuration 
    (interceptors, formatters, view controllers, and other features), you can add your own 
    @Configuration class of type WebMvcConfigurer but without @EnableWebMvc. If you wish to provide 
    custom instances of RequestMappingHandlerMapping, RequestMappingHandlerAdapter, or 
    ExceptionHandlerExceptionResolver, you can declare a WebMvcRegistrationsAdapter instance to provide such components.
    
    // 如果您想完全控制Spring MVC,可以添加自己的@Configuration,并用@EnableWebMvc进行注释。
    If you want to take complete control of Spring MVC, you can add your own @Configuration annotated with @EnableWebMvc.
    

    我们来仔细对照,看一下它怎么实现的,它告诉我们SpringBoot已经帮我们自动配置好了SpringMVC,然后自动配置了哪些东西呢?

    4.2、ContentNegotiatingViewResolver 内容协商视图解析器

    自动配置了ViewResolver,就是我们之前学习的SpringMVC的视图解析器;

    即根据方法的返回值取得视图对象(View),然后由视图对象决定如何渲染(转发,重定向)。

    我们去看看这里的源码:我们找到 WebMvcAutoConfiguration , 然后搜索ContentNegotiatingViewResolver。找到如下方法!

    @Bean
    @ConditionalOnBean(ViewResolver.class)
    @ConditionalOnMissingBean(name = "viewResolver", value = ContentNegotiatingViewResolver.class)
    public ContentNegotiatingViewResolver viewResolver(BeanFactory beanFactory) {
        ContentNegotiatingViewResolver resolver = new ContentNegotiatingViewResolver();
        resolver.setContentNegotiationManager(beanFactory.getBean(ContentNegotiationManager.class));
        // ContentNegotiatingViewResolver使用所有其他视图解析器来定位视图,因此它应该具有较高的优先级
        resolver.setOrder(Ordered.HIGHEST_PRECEDENCE);
        return resolver;
    }
    

    我们可以点进这类看看!找到对应的解析视图的代码;

    @Nullable // 注解说明:@Nullable 即参数可为null
    public View resolveViewName(String viewName, Locale locale) throws Exception {
        RequestAttributes attrs = RequestContextHolder.getRequestAttributes();
        Assert.state(attrs instanceof ServletRequestAttributes, "No current ServletRequestAttributes");
        List<MediaType> requestedMediaTypes = this.getMediaTypes(((ServletRequestAttributes)attrs).getRequest());
        if (requestedMediaTypes != null) {
            // 获取候选的视图对象
            List<View> candidateViews = this.getCandidateViews(viewName, locale, requestedMediaTypes);
            // 选择一个最适合的视图对象,然后把这个对象返回
            View bestView = this.getBestView(candidateViews, requestedMediaTypes, attrs);
            if (bestView != null) {
                return bestView;
            }
        }
        // .....
    }
    

    我们继续点进去看,他是怎么获得候选的视图的呢?

    getCandidateViews中看到他是把所有的视图解析器拿来,进行while循环,每个都解析!

    Iterator var5 = this.viewResolvers.iterator();
    

    所以得出结论:ContentNegotiatingViewResolver 这个视图解析器就是用来组合所有的视图解析器的

    我们再去研究下他的组合逻辑,看到有个属性viewResolvers,看看它是在哪里进行赋值的!

    protected void initServletContext(ServletContext servletContext) {
        // 这里它是从beanFactory工具中获取容器中的所有视图解析器
        // ViewRescolver.class 把所有的视图解析器来组合的
        Collection<ViewResolver> matchingBeans = BeanFactoryUtils.beansOfTypeIncludingAncestors(this.obtainApplicationContext(), ViewResolver.class).values();
        ViewResolver viewResolver;
        if (this.viewResolvers == null) {
            this.viewResolvers = new ArrayList(matchingBeans.size());
        }
        // ...............
    }
    

    既然它是在容器中去找视图解析器,我们是否可以猜想,我们就可以去实现一个视图解析器了呢?

    我们可以自己给容器中去添加一个视图解析器;这个类就会帮我们自动的将它组合进来;我们去实现一下

    1、我们在我们的主程序中去写一个视图解析器来试试;

    @Bean //放到bean中
    public ViewResolver myViewResolver(){
        return new MyViewResolver();
    }
    
    //我们写一个静态内部类,视图解析器就需要实现ViewResolver接口
    private static class MyViewResolver implements ViewResolver{
        @Override
        public View resolveViewName(String s, Locale locale) throws Exception {
            return null;
        }
    }
    

    2、怎么看我们自己写的视图解析器有没有起作用呢?

    我们给 DispatcherServlet 中的 doDispatch方法 加个断点进行调试一下,因为所有的请求都会走到这个方法中

    在这里插入图片描述

    3、我们启动我们的项目,然后随便访问一个页面,看一下Debug信息;

    找到this

    在这里插入图片描述

    找到视图解析器,我们看到我们自己定义的就在这里了;

    在这里插入图片描述

    所以说,我们如果想要使用自己定制化的东西,我们只需要给容器中添加这个组件就好了!剩下的事情SpringBoot就会帮我们做了!

    4.3、转换器和格式化器

    找到格式化转换器:

    @Bean
    @Override
    public FormattingConversionService mvcConversionService() {
        // 拿到配置文件中的格式化规则
        WebConversionService conversionService = 
            new WebConversionService(this.mvcProperties.getDateFormat());
        addFormatters(conversionService);
        return conversionService;
    }
    

    点击去:

    public String getDateFormat() {
        return this.dateFormat;
    }
    
    /**
    * Date format to use. For instance, `dd/MM/yyyy`. 默认的
     */
    private String dateFormat;
    

    可以看到在我们的Properties文件中,我们可以进行自动配置它!

    如果配置了自己的格式化方式,就会注册到Bean中生效,我们可以在配置文件中配置日期格式化的规则:

    在这里插入图片描述

    其余的就不一一举例了,大家可以下去多研究探讨即可!

    4.4、修改SpringBoot的默认配置

    这么多的自动配置,原理都是一样的,通过这个WebMVC的自动配置原理分析,我们要学会一种学习方式,通过源码探究,得出结论;这个结论一定是属于自己的,而且一通百通。

    SpringBoot的底层,大量用到了这些设计细节思想,所以,没事需要多阅读源码!得出结论;

    SpringBoot在自动配置很多组件的时候,先看容器中有没有用户自己配置的(如果用户自己配置@bean),如果有就用用户配置的,如果没有就用自动配置的;

    如果有些组件可以存在多个,比如我们的视图解析器,就将用户配置的和自己默认的组合起来!

    扩展使用SpringMVC 官方文档如下:

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

    我们要做的就是编写一个@Configuration注解类,并且类型要为WebMvcConfigurer,还不能标注@EnableWebMvc注解;我们去自己写一个;我们新建一个包叫config,写一个类MyMvcConfig;

    //应为类型要求为WebMvcConfigurer,所以我们实现其接口
    //可以使用自定义类扩展MVC的功能
    @Configuration
    public class MyMvcConfig implements WebMvcConfigurer {
    
        @Override
        public void addViewControllers(ViewControllerRegistry registry) {
            // 浏览器发送/test , 就会跳转到test页面;
            registry.addViewController("/test").setViewName("test");
        }
    }
    

    我们去浏览器访问一下:

    在这里插入图片描述

    确实也跳转过来了!所以说,我们要扩展SpringMVC,官方就推荐我们这么去使用,既保SpringBoot留所有的自动配置,也能用我们扩展的配置!

    我们可以去分析一下原理:

    1、WebMvcAutoConfiguration 是 SpringMVC的自动配置类,里面有一个类WebMvcAutoConfigurationAdapter

    2、这个类上有一个注解,在做其他自动配置时会导入:@Import(EnableWebMvcConfiguration.class)

    3、我们点进EnableWebMvcConfiguration这个类看一下,它继承了一个父类:DelegatingWebMvcConfiguration

    这个父类中有这样一段代码:

    public class DelegatingWebMvcConfiguration extends WebMvcConfigurationSupport {
        private final WebMvcConfigurerComposite configurers = new WebMvcConfigurerComposite();
        
      // 从容器中获取所有的webmvcConfigurer
        @Autowired(required = false)
        public void setConfigurers(List<WebMvcConfigurer> configurers) {
            if (!CollectionUtils.isEmpty(configurers)) {
                this.configurers.addWebMvcConfigurers(configurers);
            }
        }
    }
    

    4、我们可以在这个类中去寻找一个我们刚才设置的viewController当做参考,发现它调用了一个

    protected void addViewControllers(ViewControllerRegistry registry) {
        this.configurers.addViewControllers(registry);
    }
    

    5、我们点进去看一下

    public void addViewControllers(ViewControllerRegistry registry) {
        Iterator var2 = this.delegates.iterator();
    
        while(var2.hasNext()) {
            // 将所有的WebMvcConfigurer相关配置来一起调用!包括我们自己配置的和Spring给我们配置的
            WebMvcConfigurer delegate = (WebMvcConfigurer)var2.next();
            delegate.addViewControllers(registry);
        }
    
    }
    

    所以得出结论:所有的WebMvcConfiguration都会被作用,不止Spring自己的配置类,我们自己的配置类当然也会被调用;

    4.5、全面接管SpringMVC

    官方文档:

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

    全面接管即:SpringBoot对SpringMVC的自动配置不需要了,所有都是我们自己去配置!

    只需在我们的配置类中要加一个@EnableWebMvc。

    我们看下如果我们全面接管了SpringMVC了,我们之前SpringBoot给我们配置的静态资源映射一定会无效,我们可以去测试一下;

    不加注解之前,访问首页:

    在这里插入图片描述

    给配置类加上注解:@EnableWebMvc

    在这里插入图片描述

    我们发现所有的SpringMVC自动配置都失效了!回归到了最初的样子;

    当然,我们开发中,不推荐使用全面接管SpringMVC

    思考问题?为什么加了一个注解,自动配置就失效了!我们看下源码:

    1、这里发现它是导入了一个类,我们可以继续进去看

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

    2、它继承了一个父类 WebMvcConfigurationSupport

    public class DelegatingWebMvcConfiguration extends WebMvcConfigurationSupport {  // ......}
    

    3、我们来回顾一下Webmvc自动配置类

    @Configuration(proxyBeanMethods = false)
    @ConditionalOnWebApplication(type = Type.SERVLET)
    @ConditionalOnClass({ Servlet.class, DispatcherServlet.class, WebMvcConfigurer.class })
    // 这个注解的意思就是:容器中没有这个组件的时候,这个自动配置类才生效
    @ConditionalOnMissingBean(WebMvcConfigurationSupport.class)
    @AutoConfigureOrder(Ordered.HIGHEST_PRECEDENCE + 10)
    @AutoConfigureAfter({ DispatcherServletAutoConfiguration.class, TaskExecutionAutoConfiguration.class,
        ValidationAutoConfiguration.class })
    public class WebMvcAutoConfiguration {
        
    }
    

    总结一句话:@EnableWebMvc将WebMvcConfigurationSupport组件导入进来了;

    而导入的WebMvcConfigurationSupport只是SpringMVC最基本的功能!

    在SpringBoot中会有非常多的扩展配置,只要看见了这个,我们就应该多留心注意~#

    5、SpringBoot:页面国际化

    有的时候,我们的网站会去涉及中英文甚至多语言的切换,这时候我们就需要学习国际化了!

    5.1、准备工作

    先在IDEA中统一设置properties的编码问题!

    在这里插入图片描述


    编写国际化配置文件,抽取页面需要显示的国际化页面消息。我们可以去登录页面查看一下,哪些内容我们需要编写国际化的配置!

    5.2、配置文件编写

    1、我们在resources资源文件下新建一个i18n目录,存放国际化配置文件

    2、建立一个login.properties文件,还有一个login_zh_CN.properties;发现IDEA自动识别了我们要做国际化操作;文件夹变了!

    在这里插入图片描述

    3、我们可以在这上面去新建一个文件;
    在这里插入图片描述

    弹出如下页面:我们再添加一个英文的;

    在这里插入图片描述

    这样就快捷多了!

    在这里插入图片描述
    .
    4、接下来,我们就来编写配置,我们可以看到idea下面有另外一个视图

    左下角的Resource Bundle
    在这里插入图片描述

    这个视图我们点击 + 号就可以直接添加属性了;我们新建一个login.tip,可以看到边上有三个文件框可以输入

    在这里插入图片描述

    我们添加一下首页的内容!

    在这里插入图片描述

    然后依次添加其他页面内容即可!

    在这里插入图片描述

    然后去查看我们的配置文件;

    login.properties :默认

    login.btn=登录
    login.password=密码
    login.remember=记住我
    login.tip=请登录
    login.username=用户名
    

    login_en_US.properties

    login.btn=Sign in
    login.password=Password
    login.remember=Remember me
    login.tip=Please sign in
    login.username=Username
    

    login_zh_CN.properties

    login.btn=登录
    login.password=密码
    login.remember=记住我
    login.tip=请登录
    login.username=用户名
    

    OK,配置文件步骤搞定!


    5.3、配置文件生效探究

    我们去看一下SpringBoot对国际化的自动配置!这里又涉及到一个类:MessageSourceAutoConfiguration

    里面有一个方法,这里发现SpringBoot已经自动配置好了管理我们国际化资源文件的组件 ResourceBundleMessageSource;

    // 获取 properties 传递过来的值进行判断
    @Bean
    public MessageSource messageSource(MessageSourceProperties properties) {
        ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
        if (StringUtils.hasText(properties.getBasename())) {
            // 设置国际化文件的基础名(去掉语言国家代码的)
            messageSource.setBasenames(
                StringUtils.commaDelimitedListToStringArray(
                                           StringUtils.trimAllWhitespace(properties.getBasename())));
        }
        if (properties.getEncoding() != null) {
            messageSource.setDefaultEncoding(properties.getEncoding().name());
        }
        messageSource.setFallbackToSystemLocale(properties.isFallbackToSystemLocale());
        Duration cacheDuration = properties.getCacheDuration();
        if (cacheDuration != null) {
            messageSource.setCacheMillis(cacheDuration.toMillis());
        }
        messageSource.setAlwaysUseMessageFormat(properties.isAlwaysUseMessageFormat());
        messageSource.setUseCodeAsDefaultMessage(properties.isUseCodeAsDefaultMessage());
        return messageSource;
    }
    

    我们真实 的情况是放在了i18n目录下,所以我们要去配置这个messages的路径;

    spring.messages.basename=i18n.login
    

    5.4、配置页面国际化值

    去页面获取国际化的值,查看Thymeleaf的文档,找到message取值操作为:#{…}。我们去页面测试下:

    IDEA还有提示,非常智能的!

    在这里插入图片描述


    我们可以去启动项目,访问一下,发现已经自动识别为中文的了!
    在这里插入图片描述


    但是我们想要更好!可以根据按钮自动切换中文英文!

    5.5、配置国际化解析

    在Spring中有一个国际化的Locale (区域信息对象);里面有一个叫做LocaleResolver (获取区域信息对象)的解析器!

    我们去我们webmvc自动配置文件,寻找一下!看到SpringBoot默认配置:

    @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;
    }
    

    AcceptHeaderLocaleResolver 这个类中有一个方法

    public Locale resolveLocale(HttpServletRequest request) {
        Locale defaultLocale = this.getDefaultLocale();
        // 默认的就是根据请求头带来的区域信息获取Locale进行国际化
        if (defaultLocale != null && request.getHeader("Accept-Language") == null) {
            return defaultLocale;
        } else {
            Locale requestLocale = request.getLocale();
            List<Locale> supportedLocales = this.getSupportedLocales();
            if (!supportedLocales.isEmpty() && !supportedLocales.contains(requestLocale)) {
                Locale supportedLocale = this.findSupportedLocale(request, supportedLocales);
                if (supportedLocale != null) {
                    return supportedLocale;
                } else {
                    return defaultLocale != null ? defaultLocale : requestLocale;
                }
            } else {
                return requestLocale;
            }
        }
    }
    

    那假如我们现在想点击链接让我们的国际化资源生效,就需要让我们自己的Locale生效!

    我们去自己写一个自己的LocaleResolver,可以在链接上携带区域信息!

    修改一下前端页面的跳转连接:

    <!-- 这里传入参数不需要使用 ?使用 (key=value)-->
    <a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>
    

    我们去写一个处理的组件类!

    package com.wei.config;
    import org.springframework.web.servlet.LocaleResolver;
    import org.thymeleaf.util.StringUtils;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.util.Locale;
    
    public class MyLocaleResolver implements LocaleResolver {
        @Override
        public Locale resolveLocale(HttpServletRequest request) {
            String language = request.getParameter("l");
            Locale locale = Locale.getDefault();
            if(!StringUtils.isEmpty(language)){
                String[] split = language.split("_");
                locale = new Locale(split[0],split[1]);
            }
            return locale;
        }
    
        @Override
        public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {
    
        }
    }
    
    

    为了让我们的区域化信息能够生效,我们需要再配置一下这个组件!在我们自己的MvcConofig下添加bean;

    @Configuration
    public class MvcConfig implements WebMvcConfigurer {
        @Bean
        public LocaleResolver localeResolver(){
            return new MyLocaleResolver();
        }
    }
    

    我们重启项目,来访问一下,发现点击按钮可以实现成功切换!

    展开全文
  • 页面跳转三种方式

    千次阅读 2017-11-20 16:21:12
    项目中经常需要进行跳转操作,然后不同的业务场景有不同的需求,下面我列出自己项目中用到的三种场景: 1、通过html标签进行跳转(最简单的方式) [html] view plain copy a href=...

    项目中经常需要进行跳转操作,然后不同的业务场景有不同的需求,下面我列出自己项目中用到的三种场景:

    1、通过html标签进行跳转(最简单的方式)

    [html] view plain copy
    1. <a  href="http://blog.csdn.net/cl05300629">伫望碧落的博客</a>  

    2、通过按钮实现页面跳转

    [html] view plain copy
    1. <input  type="button" value="跳转到伫望碧落的博客"  onclick="window.location.href="http://blog.csdn.net/cl05300629}">  

    3、通过js实现页面跳转

    (1)、在body中添加一个按钮或者其他的html标签,用来调用js方法:

    [html] view plain copy
    1. <input type="button" value="跳转到伫望碧落的博客"  onclick="direct()">  

    (2)、创建一个js方法:

    [html] view plain copy
    1. <script type="text/javascript">  
    2.     function direct(){  
    3.         window.location.href="http://blog.csdn.net/cl05300629";  
    4.     }  
    5. </script>  

    第一种方式用于没有要求的直接跳转,第二种用来在需要进行按钮操作跳转的页面,第三种可以对跳转附加跳转条件。
    展开全文
  • HTML实现网页内部的跳转

    千次阅读 2019-06-08 20:15:44
    网页三种跳转方法 最近在做一个期末设计,使用的jQuery Mobile设计移动网站,想要实现网页内部指定位置进行跳转,可过程并不顺利。 (1) 一开始使用的方法是利用a标签进行锚定跳转。 要想通过a标签跳转到指定的...
  • HTML页面跳转的方法

    千次阅读 2019-04-21 10:25:23
    HTML页面跳转的方法
  • 前端页面跳转的几种方法

    万次阅读 2020-04-19 10:52:49
    onclick跳转 设置window的location.href属性 onclick=”window.location.href=’URL’” onclick=”location=’URL’” 调用window的open方法 onclick=”window.open(‘URL’,’_blank’);” // 在新窗口...
  • 几种网页跳转的方法

    万次阅读 2019-09-25 16:16:30
    立即跳转 <?php header("location:1.php"); ?> 延迟跳转,1秒跳转 <?php header('Refresh:1;url=1.php'); ?> <?php sleep(3); header("location:1.php"); ?> js延迟跳转 setTimeout("window...
  • 网页跳转的实现方法

    千次阅读 2019-06-17 16:00:56
    是不是觉得很神奇?只需点击一下就可以显示出所需要的东西,其实告诉大家名没有你们想象中那么难,那么我就给...然后就会实现页面跳转的效果,跳到另一个页面中去: 看上去是不是很神奇?其实一点都不难,普通的页...
  • 微信小程序跳转到其他网页(外部链接)

    万次阅读 多人点赞 2020-10-07 16:07:24
    个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序,就别想跳转了!!!! 1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢? 2.例如我想点击一个按钮,跳转到百度(百度...
  • uni-app 页面跳转

    万次阅读 多人点赞 2020-08-04 15:47:12
    今天看Dcloud官网更新了个uni-app...保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。 OBJECT参数说明 参数 类型 必填 说明 url String 是 需要跳转的应用内非...
  • 微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: ...从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果...
  • Vue实现页面跳转

    万次阅读 2020-09-08 17:38:51
    如何点击底部书架跳转到对应的页面 <router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }" :class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:"> ...
  • Android Studio 点击按钮跳转新界面

    万次阅读 多人点赞 2018-11-06 13:46:28
    Android Studio 点击按钮跳转新界面 问题描述 首先,我们有两个Java文件和与之绑定的xml文件。此处以HistoryActivity.java,activity_history.xml 和 EventDetail.java,activity_event_detail.xml为例。...
  • 跳转指定行数: Ctrl + G 跳转到函数定义: F12 或者函数名右键&gt;转到定义
  • angularjs实现页面跳转并进行参数传递 Angular页面传参有多种办法,我在此列举4种最常见的: 1.基于ui-router的页面跳转传参 (1)在AngularJS的app.js中用ui-router定义路由,比如现在有两个页面,一个页面(producers...
  • SpringBoot跳转页面详解+thymeleaf

    万次阅读 多人点赞 2018-10-17 18:30:30
    初次做SpringBoot,要解决页面跳转的问题,这个问题我弄了大半天,弄好后,其实也不算个事,写出来给大家提个醒!其实不要使用spring boot的@RestController注解,直接使用spring原来的注解@Controller就可以了。...
  • Servlet跳转页面的几种方法总结

    万次阅读 2020-05-06 08:20:28
    servlet跳转页面的方法: 跳转分为两部分,一部分发生在servlet,另一部分发生在JSP,JSP就是servlet,但是两者还是有部分差异。 Servlet:(跳转发生在doGet,doPost等方法里) (1)redirect方式 response....
  • 经过检测代码二更加稳定,推荐使用。 智慧树刷课教程,不会的... ... 智慧树自动关闭弹窗,自动跳转下一节,代码如下: console.log("成功运行自动刷网课智慧树版"); var _it = null; start(); // 弹题修复 setInte...
  • 微信——APP和小程序互相跳转

    万次阅读 热门讨论 2020-05-30 20:24:54
    随大流吧。微信小程序出了这么久,...目前主要就这两种方式吧,说是互相跳转好像不太妥当,毕竟App才是主动一方,小程序只能被动返回,类似于分享,App如果不发起分享到微信,微信是不能返回你的App的。说到这里大...
1 2 3 4 5 ... 20
收藏数 991,092
精华内容 396,436
关键字:

跳转