文章目录
 
URL变量
定义URL变量规则
获取URL变量
定义多个URL变量
匹配正则表达式
总结

 
URL变量
 
在博客中，学习了如何在@Controller中创建@RequestMapping（或者响应的简写）来处理不同的URL请求。但是在Web应用中URL通常不是一成不变的，例如微博两个不同用户的个人主页对应两个不同的URL：http://weibo.com/user1,http://weibo.com/user2。
 
我们不能对于每一个用户都编写一个被@RequestMapping注解的方法来处理其请求，也就是说，对于相同模式的URL（例如不同用户的主页，它们仅仅是URL中的某一部分不同，为他们各自的用户名，我们说它们具有相同的模式）。
 
定义URL变量规则
 
可以在@RequestMapping注解中用{}来表明它的变量部分，例如：
 
@RequestMapping("/users/{username}")
 
这里{username}就是我们定义的变量规则，username是变量的名字，那么这个URL路由可以匹配下列任意URL并进行处理：
 
/users/tianmaying
/users/ricky
users/tmy1234
 
需要注意的是，在默认情况下，变量中不可以包含URL的分隔符/，例如路由不能匹配/users/tianmaying/ricky,即使你认为tianmaying/ricky是一个存在的用户名。
 
获取URL变量
 
在路由中定义变量规则后，通常我们需要在处理方法（也就是@RequestMapping注解的方法）中获取这个URL的具体值，并根据这个值（例如用户名）做相应的操作，SpringMVC提供的@PathVariable可以帮助我们：
 
@RequestMapping("/users/{username}")
@ResponseBody
public String userProfile(@PathVariable String username){
//        return String.format("user %s", username);
    return "user" + username; 
}
 
在上述例子中，当@Controller处理HTTP请求时，userProfile的参数username会自动设置为URL中对应变量username（同名赋值）的值，例如当HTTP请求为/users/fpc,URL变量username的值fpc会被赋给函数参数username，函数的返回值自然是userfpc。
 
在默认的情况下，Spring会对@PathVariable注解的变量进行自动赋值，当然你也可以指定@PathVariable使用哪一个URL中的变量：
 
@RequestMapping("/users/{username}")
@ResponseBody
public String userProfile(@PathVariable("username") String username){
//        return String.format("user %s", username);
    return "user" + username; 
}
 
运行结果：
 
 
 
定义多个URL变量
 
可以定义URL路由，其中包含多个URL变量：
 
@RequestMapping("/user/{username}/blog/{blogId}")
@ResponseBody
public String getUerBlog(@PathVariable String username , @PathVariable int blogId) {
    return "user: " + username + "blog->" + blogId;
}
 
这种情况下，Spring能够根据名字自动赋值对应的函数参数值，当然也可以在@PathVariable中显示地表明具体的URL变量值。
 
在默认情况下，@PathVariable注解的参数可以是一些基本的简单类型：int，long，Date，String等，Spring能根据URL变量的具体值以及函数参数的类型来进行转换，例如/user/fpc/blog/1，会将“fpc”的值赋给username，而1赋值给int变量blogId。
 
运行结果：
 
 
匹配正则表达式
 
很多时候，需要对URL变量进行更加精确的定义，例如-用户名只可能包含小写字母，数字，下划线，我们希望：
 
/user/fpc是一个合法的URL
/user/#$$$则不是一个合法的URL
 
除了简单地定义{username}变量，还可以定义正则表达式进行更精确的控制，定义语法是{变量名：正则表达式}[a-zA-Z0-9_]+是一个正则表达式，表示只能包含小写字母，大写字母，数字，下划线。如此设置URL变量规则后，不合法的URL则不会被处理，直接由SpringMVC框架返回404Not Found。
 
@RequestMapping("/user/{username:[a-zA-Z0-9_]+}/blog/{blogId}")
 
总结
 
在@RequestMapping注解中定义URL变量规则
在@RequestMapping注解方法中获取URL变量-@PathVariable
@PathVariable指定URL变量名
定义多个URL变量
用正则表达式精确定义URL变量

#测试网址:     http://localhost/blog/testurl.php?id=5

 

 //获取域名或主机地址 

 echo $_SERVER['HTTP_HOST']."<br>"; #localhost

 

 //获取网页地址 

 echo $_SERVER['PHP_SELF']."<br>"; #/blog/testurl.php

 

 //获取网址参数 

 echo $_SERVER["QUERY_STRING"]."<br>"; #id=5

 

 //获取用户代理 

 echo $_SERVER['HTTP_REFERER']."<br>"; 

 

 //获取完整的url

 echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

 echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'];

 #http://localhost/blog/testurl.php?id=5

 

 //包含端口号的完整url

 echo 'http://'.$_SERVER['SERVER_NAME'].':'.$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"]; 

 #http://localhost:80/blog/testurl.php?id=5

 

 //只取路径

 $url='http://'.$_SERVER['SERVER_NAME'].$_SERVER["REQUEST_URI"]; 

 echo dirname($url);

 #http://localhost/blog

1.引入方式
 
普通引入
 
<template>
    // 普通引入
    <img src = "../assets/images/01.jpg">  
    // webpack编译处理后:
    <img src = "/img/01.f0afc36d.jpg">
<template>
 
变量引入
 
<template>
    // 变量引入
    <img :src = "imgUrl">
    // webpack编译处理后:
    <img src = "'../assets/images/01.jpg'" >
</template>

<script>
export default{
    data(){
        return{
            imgUrl: "../assets/images/01.jpg"
        }
    }
}
</script>
 
可见，此时图片将不会显示，路径是错误的，因为使用 :src 调用了 v-bind 指令处理其内容，相对路径不会被webpack的 file-loader 处理。
 
2.解决方法
 
当路径的文件名需要拼接变量的时候，可使用 require() 引入。
 
方法1: 把imgUrl放在数据中
 
<template>
    <img :src = "require('../assets/images/'+imgUrl) ">
    // 这里的 :src = require()需像这样采用字符串拼接的形式或者直接写一个字符串，不能直接绑定变量如require(imgUrl)
</template>

<script>
export default{
    data(){
        return{
            imgUrl: "01.jpg"
        }
    }
}
</script>
 
方法2: 在生命周期函数中设置
 
<template>
    <img :src = "imgUrl ">
</template>

<script>
export default{
    data(){
        return{
            imgUrl: ""
        }
    },
    created() {
        let url = "assets/images/01.jpg";
        this.imgUrl = require("@/" + url)
    }
}
</script>
 
方法3: 直接将图片引入为模块
 
require imgUrl from "../assets/images/01.jpg"

<a href="/F:/home/neptuneframework/zcgl_fjsc/此处加变量>${entity.bz}</a>
 
变量为${entity.t},该怎么添加实现访问？
 已解决