Vue动态路由

最新推荐文章于 2024-07-24 19:43:59 发布
最新推荐文章于 2024-07-24 19:43:59 发布
阅读量4.7k 收藏 5
点赞数
文章标签： 服务器 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52629158/article/details/130899681
版权

预览：1.1.1 什么是动态路由

你可以在一个路由中设置多段“路径参数”，对应的值都会设置到$route.params中。例如：

核心代码演示：

var User = { template:"<div>用户：{{$route.params.id}}</div>"}
var myRouter = new VueRouter({
    //routes是路由规则数组
    routes: [
        //通过/:参数名  的形式传递参数 
        { path: "/user/:id", component: User },
    ]
})

1.1.2 动态路由传参，组件接收数据的多种实现方式

1.通过$route.params来获取路径参数

var User = { template:"<div>用户：{{$route.params.id}}</div>"}
var myRouter = new VueRouter({
    //routes是路由规则数组
    routes: [
        //通过/:参数名  的形式传递参数 
        { path: "/user/:id", component: User },
    ]
})

传1个参数：

 <div id="app">
        <router-link to="/login">登陆</router-link>
        <router-link to="/user/100">用户中心</router-link>
        <router-view></router-view>
    </div>
<script src="./js/vue.js"></script>
    <script src="./js/vue-router.js"></script>
    <script>
        //定义组件
        let login ={
            template:`
            <div>
            <h1>我是登录页面</h1>    
            </div>
            `
        }
        //用户中心组件
        let user={
            template:`
            <div>
            <h1>我是用户中心页面</h1>
            <h2>用户id是:{{$route.params.id}}</h2>    
              
            </div>
            `,
            mounted(){
                console.log(this.$route);
            }
        }
        //实例化
        let myvueRouter=new VueRouter({
            //配置路由
            routes:[
                {
                    path:'/',
                    redirect: '/login'
                },
                {
                    path:'/login',
                    name:'login',//命名路由
                    component:login
                },
                {
                    //动态传参
                    //传1个
                    path:'/user/:id',
                    name:'user',//命名路由
                    component:user
                }
            ]
        })
        var vm=new Vue({
            //模板选择器
            el:'#app',
            //数据中心
            data(){

                return{
                   
                }

            },
            methods:{
               

            },
           
            router:myvueRouter,
            components: {
                login,user
            }
        })
    </script>

预览：

传多个参数：

<div id="app">
        <router-link to="/login">登陆</router-link>
        <router-link to="/user/xy/100">用户中心</router-link>
        <router-view></router-view>
    </div>
<script src="./js/vue.js"></script>
    <script src="./js/vue-router.js"></script>
    <script>
        //定义组件
        let login ={
            template:`
            <div>
            <h1>我是登录页面</h1>    
            </div>
            `
        }
        //用户中心组件
        let user={
            template:`
            <div>
            <h1>我是用户中心页面</h1>
            <h2>用户id是:{{$route.params.id}}</h2>    
            <h2>用户名是:{{$route.params.username}}</h2>        
            </div>
            `,
            mounted(){
                console.log(this.$route);
            }
        }
        //实例化
        let myvueRouter=new VueRouter({
            //配置路由
            routes:[
                {
                    path:'/',
                    redirect: '/login'
                },
                {
                    path:'/login',
                    name:'login',//命名路由
                    component:login
                },
                {
                    //动态传参
                   
                    //传多个
                    path:'/user/:username/:id',

                   
                    name:'user',//命名路由
                    component:user
                }
            ]
        })
        var vm=new Vue({
            //模板选择器
            el:'#app',
            //数据中心
            data(){

                return{
                   
                }

            },
            methods:{
               

            },
           
            router:myvueRouter,
            components: {
                login,user
            }
        })
    </script>

预览：

 <div id="app">
        <router-link to="/login">登陆</router-link>
        <router-link to="/user/xy/post/150">用户中心</router-link>
        <router-view></router-view>
    </div>
<script src="./js/vue.js"></script>
    <script src="./js/vue-router.js"></script>
    <script>
        //定义组件
        let login ={
            template:`
            <div>
            <h1>我是登录页面</h1>    
            </div>
            `
        }
        //用户中心组件
        let user={
            template:`
            <div>
            <h1>我是用户中心页面</h1>
            <h2>用户id是:{{$route.params.post_id}}</h2>    
            <h2>用户名是:{{$route.params.username}}</h2>        
            </div>
            `,
            mounted(){
                console.log(this.$route);
            }
        }
        //实例化
        let myvueRouter=new VueRouter({
            //配置路由
            routes:[
                {
                    path:'/',
                    redirect: '/login'
                },
                {
                    path:'/login',
                    name:'login',//命名路由
                    component:login
                },
                {
                    //动态传多个参数，并且路径的层级 多一些
                    path:'/user/:username/post/:post_id',
                    name:'user',//命名路由
                    component:user
                }
            ]
        })
        var vm=new Vue({
            //模板选择器
            el:'#app',
            //数据中心
            data(){

                return{
                   
                }

            },
            methods:{
               

            },
           
            router:myvueRouter,
            components: {
                login,user
            }
        })
    </script>

预览：

2.通过props来接收参数（使用props:true）


var User = { 
    props:['post_id','username'],
    template:" <div>
            <h1>我是用户中心页面</h1>
            <h2>用户id是:{{post_id}}</h2>    
            <h2>用户名是:{{username}}</h2>    
            </div>"
}
var myRouter = new VueRouter({
    //routes是路由规则数组
    routes: [
        //通过/:参数名  的形式传递参数 
        //如果props设置为true，route.params将会被设置为组件属性
        {  path:'/user/:username/post/:post_id',  
            name:'user',//命名路由
                    component:user,
                    props:true },
    ]
})

预览：

 

3.我们可以将props设置为对象，那么就直接将对象的数据传递给组件进行使用

 <div id="app">
        <router-link to="/login">登陆</router-link>
        <router-link to="/user">用户中心</router-link>
        <router-view></router-view>
    </div>
 //定义组件
        let login ={
            template:`
            <div>
            <h1>我是登录页面</h1>    
            </div>
            `
        }
        //用户中心组件
        let user={
            props:['nickname','age'],
            template:`
            <div>
            <h1>我是用户中心页面</h1>
           
            <h2>昵称是:{{nickname}}</h2>
            <h2>年龄是:{{age}}</h2>
            </div>
            `,
            mounted(){
                console.log(this.$route);
            }
        }
  // 创建路由实例并配置路由规则
        Vue.use(VueRouter)
        let myrouter = new VueRouter({
            // routes是路由规则数组
            routes:[
                // 每一个路由规则都是一个对象，对象中至少包含path和component两个属性
                {
                    // 我决定你在 router-link上 ，按照我的要求去写参数
                    path:'/user',
                    component:User,
                    props:(route)=>({
                        nickname:'小余',
                        age:19
                    })
                },
                {
                    path:'/regis',
                    component:Register
                }
            ]
        })

预览：

4.如果想要获取传递的参数值还想要获取传递的对象数据，那么props应该设置为函数形式

 

<div id="app">
        <router-link to="/login">登陆</router-link>
        <router-link to="/user/100">用户中心</router-link>
        <router-view></router-view>
    </div>
<script src="./js/vue.js"></script>
    <script src="./js/vue-router.js"></script>
    <script>
        //定义组件
        let login ={
            template:`
            <div>
            <h1>我是登录页面</h1>    
            </div>
            `
        }
        //用户中心组件
        let user={
            props:['nickname','age','id'],
            template:`
            <div>
            <h1>我是用户中心页面</h1>
           
            <h2>昵称是:{{nickname}}</h2>
            <h2>年龄是:{{age}}</h2>
            <h2>编号是:{{id}}</h2>
            
            </div>
            `,
            mounted(){
                console.log(this.$route);
            }
        }
        //实例化
        let myvueRouter=new VueRouter({
            //配置路由
            routes:[
                {
                    path:'/',
                    redirect: '/login'
                },
                {
                    path:'/login',
                    name:'login',//命名路由
                    component:login
                },
                {
                    //动态传参

                    //动态传1个参，
                    path:'/user/:id',
                    name:'user',//命名路由
                    component:user,
                    props:(route)=>({
                       
                        nickname:'小马过河',
                        age:19,
                        id:route.params.id
                    })
                }
            ]
        })
        var vm=new Vue({
            //模板选择器
            el:'#app',
            //数据中心
            data(){

                return{
                   
                }

            },
            methods:{
               

            },
           
            router:myvueRouter,
            components: {
                login,user
            }
        })
    </script>

预览：

1.1.3 脚本访问路由（编程式导航访问路由）

路由中有三个基本的概念 route, routes, router

1.route 它是一条路由，由这个英文单词也可以看出来，它是单数。 Home按钮  => home内容， 这是一条route,  about按钮 => about 内容， 这是另一条路由。

2.routes 是一组路由，把上面的每一条路由组合起来，形成一个数组。路由规则[{home 按钮 =>home内容 }， { about按钮 => about 内容}]

3.router 是一个机制，相当于一个管理者，它来管理路由。路由对象。路由管理器。因为routes只是定义了一组路由，它放在哪里是静止的，当真正来了请求，怎么办？ 就是当用户点击home 按钮的时候，怎么办？这时router 就起作用了，它到routes 中去查找，去找到对应的 home 内容，所以页面中就显示了 home 内容。

路由的跳转方式2种：

(1)通过标签：<router-link to='/login'></router-link>

 <router-link to="/login">登录</router-link>
    <router-link to="/register">注册</router-link>
    <router-link to="/user">我的</router-link>
    <router-view></router-view>

(2)通过js控制跳转this.$router.push({path:'/login'})

this.$router 路由操作对象中有 2个方法 ，可以实现路由的跳转。这两个方法分别是 push() 和replace()。

区别：this.$router.push()  跳转到指定的url，会向history插入新记录this.$router.replace() 同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

this.$router.go(-1) 常用来做返回，读history里面的记录后退一个

vue-router中的对象：$route 路由信息对象,只读对象$router 路由操作对象,只写对象

this.$router.push()  跳转到指定的url，同时会向history历史记录对象中插入新记录。例如：

<div id="app">
        <button @click="toLogin">登录</button>
        <button @click="toRegister">注册</button>
        <button @click="toUser">用户中心</button>
        <button @click="toShop">商品</button>
        <button @click="goBack">返回上一步</button>
        <router-view></router-view>
    </div>

    <template id="login">
        <div>
            <h1>登录页面</h1>
        </div>
    </template>

    <template id="register">
        <div>
            <h1>注册页面</h1>
        </div>
    </template>

    <template id="user">
        <div>
            <h1>用户中心页面</h1>
        </div>
    </template>

    <template id="shop">
        <div>
            <h1>商品页面</h1>
        </div>
    </template>
<script>
        // 登录组件
        const Login = {
            template:'#login'
        }

        // 注册组件
        const Register = {
            template:'#register'
        }
        // 用户中心组件
        const User = {
            template:'#user'
        }
        // 商品组件
        const Shop = {
            template:'#shop'
        }


        // 创建路由实例并配置路由规则
        Vue.use(VueRouter)
        let myrouter = new VueRouter({
            //  routes是路由规则数组
            routes:[
                {
                    path:'/login',
                    component:Login
                },
                {
                    path:'/regis',
                    component:Register
                },
                {
                    path:'/user',
                    component:User
                },
                {
                    path:'/shop',
                    component:Shop
                },
            ]
        })

        // 根组件
        //  将路由挂载到Vue实例中
        let vm = new Vue({
            el:'#app',
            data:{
   
            },
            // 通过router属性挂载路由对象
            router:myrouter,
            methods:{
                toLogin(){
                // $router 路由操作对象,只写对象
                // this.$router.push('/login')
                   this.$router.push({path:'/login'})
                   console.log(history);
                   
                },
                toRegister(){
                   this.$router.push({path:'/regis'})
                   console.log(history);
                   
                },
                toUser(){
                   this.$router.replace({path:'/user'})
                   console.log(history);
                },
                toShop(){
                   
                },
                goBack(){
                   this.$router.go(-1)
                }

            },
            components:{
                Login,
                Register,
                User,
                Shop
            }
        })
    </script>

this.$router.replace() 同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

注意：

如果你使用的是this.$router.repalce() 方法 进行的路由跳转。我们不能使用 this.$router.go() 。因为go() 方法读的是history历史记录对象 上一个记录。

预览：

1.1.4 脚本访问路由并传参

路由传参---通过js脚本传参

我们 在 自己的组件中例如我们在登录组件login中的生命周期钩子函数created中 用this.$route 路由信息对象,只读对象 ,去方式 js脚本路由传参，传递过来的数据。

这个数据，我们只要能访问到，我们就可以在自己的组件中，任意的去自由的使用。

传参的时候，向query中写入数据；  在组件中取参的时候， 从query读取数据

特点：

传参的时候，向query中写入数据， 当你 在 点击按钮，访问组件的时候， 地址栏中，会显示 你向query中 写入的数据。

 <template id="login">
        <div>
            <h1>登录页面</h1>
            <h2>{{lid}}</h2>
            <h2>{{lname}}</h2>
        </div>
    </template>
<script>
        // 登录组件
        const Login = {
            template:'#login',
            data(){
                return{
                    lid:'',
                    lname:'',
                }
            },
            mounted(){
                this.lid=this.$route.query.uid;
                this.lname=this.$route.query.uname

            }
        }

        // 注册组件
        const Register = {
            template:'#register'
        }
        // 用户中心组件
        const User = {
            template:'#user'
        }
        // 商品组件
        const Shop = {
            template:'#shop'
        }


        // 创建路由实例并配置路由规则
        Vue.use(VueRouter)
        let myrouter = new VueRouter({
            //  routes是路由规则数组
            routes:[
                {
                    path:'/login',
                    component:Login
                },
                {
                    path:'/regis',
                    component:Register
                },
                {
                    path:'/user',
                    component:User
                },
                {
                    path:'/shop',
                    component:Shop
                },
            ]
        })

        // 根组件
        //  将路由挂载到Vue实例中
        let vm = new Vue({
            el:'#app',
            data:{
   
            },
            // 通过router属性挂载路由对象
            router:myrouter,
            methods:{
                toLogin(){
                // $router 路由操作对象,只写对象
                // this.$router.push('/login')
                   this.$router.push(
                    {path:'/login',
                     query:{
                        uid:110,uname:'xy'
                    }
                    }
                   
                    )
                //    console.log(history);
                   
                },
                toRegister(){
                   this.$router.push({path:'/regis'})
                   console.log(history);
                   
                },
                toUser(){
                   this.$router.replace({path:'/user'})
                   console.log(history);
                },
                toShop(){
                   
                },
                goBack(){
                   this.$router.go(-1)
                }

            },
            components:{
                Login,
                Register,
                User,
                Shop
            }
        })
    </script>

 预览：

传参的时候，向params中写入数据；  在组件中取参的时候， 从params读取数据

<div id="app">
        <button @click="toLogin">登录</button>
        <button @click="toRegister">注册</button>
        <button @click="toUser">用户中心</button>
       
        <router-link :to="{name:'shop',params:{gid:120,gname:'手机'}}">商品</router-link>
        <button @click="goBack">返回上一步</button>
        <router-view></router-view>
    </div>
<template id="login">
        <div>
            <h1>登录页面</h1>
            <h2>{{lid}}</h2>
            <h2>{{lname}}</h2>
        </div>
    </template>

    <template id="register">
        <div>
            <h1>注册页面</h1>
        </div>
    </template>

    <template id="user">
        <div>
            <h1>用户中心页面</h1>
        </div>
    </template>

    <template id="shop">
        <div>
            <h1>商品页面</h1>
            <h2>商品id:{{sid}}</h2>
            <h2>商品名称:{{sname}}</h2>
        </div>
    </template> 
   
    <script>
        // 登录组件
        const Login = {
            template:'#login',
            data(){
                return{
                    lid:'',
                    lname:'',
                }
            },
            mounted(){
                this.lid=this.$route.query.uid;
                this.lname=this.$route.query.uname

            }
        }

        // 注册组件
        const Register = {
            template:'#register'
        }
        // 用户中心组件
        const User = {
            template:'#user'
        }
        // 商品组件
        const Shop = {
            template:'#shop',
            data(){
                return{
                    sid:'',
                    sname:'',
                }
            },
            mounted(){
                console.log(this.$route);
                this.sid=this.$route.params.gid
                this.sname=this.$route.params.gname;
            }
        }


        // 创建路由实例并配置路由规则
        Vue.use(VueRouter)
        let myrouter = new VueRouter({
            //  routes是路由规则数组
            routes:[
                {
                    path:'/login',
                    component:Login
                },
                {
                    path:'/regis',
                    component:Register
                },
                {
                    path:'/user',
                    component:User
                },
                {
                    path:'/shop',
                    name:'shop',
                    component:Shop
                },
            ]
        })

        // 根组件
        //  将路由挂载到Vue实例中
        let vm = new Vue({
            el:'#app',
            data:{
   
            },
            // 通过router属性挂载路由对象
            router:myrouter,
            methods:{
                toLogin(){
                // $router 路由操作对象,只写对象
                // this.$router.push('/login')
                   this.$router.push(
                    {
                     path:'/login',
                     query:{
                        uid:110,uname:'xy'
                    }
                    }
                   
                    )
                //    console.log(history);
                   
                },
                toRegister(){
                   this.$router.push({path:'/regis'})
                   console.log(history);
                   
                },
                toUser(){
                   this.$router.push({path:'/user'})
                   console.log(history);
                },
                toShop(){
                   
                },
                goBack(){
                   this.$router.go(-1)
                }

            },
            components:{
                Login,
                Register,
                User,
                Shop
            }
        })
    </script>

预览：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

仙鹤__
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 动态路由
01-20
动态路由是 Vue Router 提供的一个功能，允许我们创建灵活的路由规则，能够处理带有动态参数的URL。在这个场景中，我们将深入探讨如何在 Vue 中实现动态路由。 1. **新建路由组件 (User.vue)** 在 `User.vue` 文件...
vue动态路由配置及路由传参的方式
12-10
动态路由： 　当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个”共用”的组件，并且还要传参数，渲染不同的数据 　这就要用到动态路由跟路由传参了！ ...
vue动态路由
m0_51079637的博客
04-26 7524
前言 当我们开发的系统涉及多权限的情况下，就需要对菜单进行分权限展示，对于管理员A可以展示用户数据页面，但不能展示经营盈亏页面，对管理员B可以展示经营盈亏页面，不能展示用户数据页面。 那么对于我们来说就需要对路由进行隐藏，但vue最常用的静态路由很难实现这种情况，即便是将菜单栏实现了菜单隐藏，但由于静态路由还是存在的，所以当用户在得知路由的情况下，可以在导航栏手动输入路由进行跳转。虽然这种情况可以使用路由守卫进行拦截，但当权限划分过于细腻后，编写的路由守卫将会过于复杂，冗余；所以更为适用的则是动态路由。 优
Vue 动态路由
℡メ㏑╭ァ小凯
07-29 1万+
3、router.beforeEach里面判断是否登录，且store对象里面的值是否为空，然后直接重新去localstore再绑定一次路由，调用next({...to,replacetrue});2、动态集成路由componentName()=>import(`@/pages/${view}`)2、登录后把数据库的菜单调用router.addRoute加到路由中，然后把菜单存本地localstore。1、定义一个store对象，这个是vue里面的全局对象，刷新后值会丢失。...
Vue Router 动态路由
qq_40930841的博客
04-30 1870
动态路由是一种路径不固定的路由，路径中可变的部分被称为动态路径参数），使用动态路径参数可以提高路由规则的可复用性。在VueRouter的路由路径中，使用“参数名”的方式可以在路径中定义动态路径参数。:id', component: 组件 }]其中:id是动态路径参数，id为参数名。（注意：不同动态路径参数的动态路由在进行切换时，由于它们都是指向同一组件，所以Vue不会销毁再重新创建这个组件，而是复用这个组件。
Vue动态路由配置
Codewarning
09-09 6234
前端页面用户登录成功时，接口返回用户菜单，菜单里面包含新增的路由信息，将菜单解析成新增路由，并将其添加到router里面，以及进行持久化操作
VUE动态路由菜单
cl29676的博客
04-02 8874
VUE动态路由配置
vue动态路由传参
weixin_52339077的博客
06-26 3848
vue动态路由传参
vue动态路由/静态路由
书中自有妍如玉的博客
07-29 5748
/history需要修改config/index.js下的assetsSubDirectoryhistory'static'hash为默认'/'.path'/list/id',//url的名称，在浏览器地址栏的输入内容。使用示例localhost/8080/localhost/8080/list。path'/list',//url的名称，在浏览器地址栏的输入内容。name'list',//路由的名称。name'list',//路由的名称。.........
vue动态路由参数
python_web全栈
02-07 3708
1. vue路径中可以放置一些参数 routes: [ { path: '/course/detail/:id/', // 通过this.$route.params.id 进行获取 name: 'CourseDetail', component: CourseDetail }, ] 2. 取值(取出路由中放置的id) this.$route.params.id 3. html路由写法 <router-link to="/cour
vue 实现动态路由
热门推荐
星星的博客
05-19 5万+
1、什么是动态路由？ 2、动态路由的好处 3、动态路由如何实现 1、什么是动态路由？ 动态路由，动态即不是写死的，是可变的。我们可以根据自己不同的需求加载不同的路由，做到不同的实现及页面的渲染。动态的路由存储可分为两种，一种是将路由存储到前端。另一种则是将路由存储到数据库。动态路由的使用一般结合角色权限控制一起使用。 总结： 1）路由可变，不是写死的，动态加载 2）存储分两种：存前端，存数据库 2、动态路由的好处 使用动态路由可以跟灵活，无需手工维护，我们可以使用一个页面对路由进行维
vue实现动态路由一步到位
hunt_er的博客
12-04 4万+
最近在写vue项目，需要由后台传来当前用户对应权限的路由表，前端通过调接口拿到后处理(后端处理路由)，就是配置vue动态路由啦。 由于错信了一些网上的文章:(，导致在这个问题上耗费了不少时间，想想，还是自己写一篇文章来记录一下那些遇到的坑吧。 接下来手把手记录一下，如何从零开始配置vue动态路由。 首先呢，先看看静态路由的配置，简单预览一下，熟悉的可以直接跳过，说这部分，是为了熟悉一下路由的配置。 静态路由的回顾 1.创建router/index.js文件 import Vue from 'v
vue动态路由:路由参数改变,视图不更新问题的解决
10-16
在Vue.js应用中，动态路由是一种常见的特性，它允许我们根据不同的参数来渲染不同的视图。在本篇文章中，我们将探讨一个关于Vue动态路由的问题，即当路由参数改变时，视图未能随之更新。这个问题主要发生在尝试从一...
解决vue动态路由异步加载import组件,加载不到module的问题
10-15
主要介绍了解决vue动态路由异步加载import组件,加载不到module的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue动态路由缓存不相互影响的解决办法
10-17
主要介绍了Vue动态路由缓存不相互影响的解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Linux：基础命令学习
qq_55038440的博客
07-20 1459
实例：-F根据文件类型在列出的文件名称后加一符号。实例： -R 递归显示目录中的所有文件和子目录。. 开头的隐藏文件也会列出。可执行文件则加 "*"，用于显示目录文件信息。
服务器压力测试
最新发布
weixin_60830013的博客
07-24 269
以下是一些关键步骤和考虑因素：1. 定义目标:• 明确测试的目标是什么，例如，确定最大并发用户数，响应时间阈值，吞吐量等。• 收集基准数据:• 在开始测试前，记录服务器的正常运行状态，包括CPU使用率，内存占用，磁盘I/O，网络流量等。• 选择测试工具:• 使用适当的负载测试工具，如JMeter，LoadRunner，Gatling，Apache Bench等。• 包括不同的用户数量，请求类型（GET，POST），数据大小，以及可能的并发操作。• 记录关键指标，如响应时间，吞吐量，失败率等。
14. Hibernate 一对多双向关联映射
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
07-24 979
本节课程和大家一起聊聊一对多关联映射。通过本节课程，你将了解到：如何实现一对多关联映射；如何实现双向一对多关联映射；关联映射中的级联操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值