Vue 中的 路由显示问题 5C

问题描述
首先再 App.vue 中有一个router-view,代码如下

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

然后路由显示为到Main.vue

export const mainRouter = {
  path: '/',
  name: 'main',
  component: Main
}

然后在 Main.vue中也有一个router-view,代码如下

        <div class="nav-content">
          <nav>
            <router-link :to="{name:item.routerUrl}" tag="li" :key="item.name" v-for="item in menuList">
              <span class="nav-item">{{item.name}}</span>
            </router-link>
          </nav>
        </div>

    <div class="content">
      <router-view></router-view>
    </div>

然后如何让在 Main.vue上的router-link点击后的页面显示在 Main.vue中的router-view上呢?
PS:现在点击后显示在App.vue中的router-view

4个回答

为Main.vue中的router-view指定一个name属性,如mainView

<div class="content">
  <router-view name="mainView"></router-view>
</div>

路由如下配置,设置名字为mainView

export const mainRouter = {
  path: '/',
  name: 'main',
  component: {
      mainView: Main
  }
}

详见官方文档:Vue Router 命名视图

指定router-view name属性

div#app 下面有一个router-view, 它显示main, 然后在main.vue中,它又有一个router-view, 很明显,这是一个子路由了,先进入到main, 然后进入到main 里面的router-view, 你要配置子路由,然后main.vue中的router-link的to属性都指向子路由

配置的时候配置路由+自路由这样就可以实现自路由页面跳转

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue 动态路由页面访问空白

router/index.js中只配置登录页面及首页的路径,其他页面在点击菜单时动态添加;我是这样写的: ``` this.$router.addRoutes([{ path : `/${pathName}`, name : pathName, component : resolve => require([`../page/tsis/${pathName}.vue`], resolve) }]) ``` 使用vue开发开发工具查询路由确实添加了,但是访问的页面却是一片空白。请问这样写有问题吗?正确的应该怎么写?

Vue路由页面不跳转怎么在本页面显示?

![图片说明](https://img-ask.csdn.net/upload/201804/13/1523630705_284153.png) 说明下这不是根路由了,我难道要把它放到根路由才可以吗 一下是跳转前![图片说明](https://img-ask.csdn.net/upload/201804/13/1523631030_949803.png) 跳转后 ![图片说明](https://img-ask.csdn.net/upload/201804/13/1523631049_366189.png) ![图片说明](https://img-ask.csdn.net/upload/201804/13/1523630942_408080.png)

vue 路由跳转 页面显示但是路径不正确

vue 跳转页 发现页虽然正确跳转了 但是前面的路由地址没有 只有后面拼的参数了 如下 ![图片说明](https://img-ask.csdn.net/upload/201909/20/1568950178_778653.jpg) 然后发现控制台有 [vue-router] missing param for named route "track": Expected "pol" to be defined 这么一句警告 然后打出this.$ruoter 内容后发现是有的 ![图片说明](https://img-ask.csdn.net/upload/201909/20/1568950372_489030.png) 附上代码: 按钮跳转方法 ![图片说明](https://img-ask.csdn.net/upload/201909/20/1568950461_980000.jpg) router.js: ![图片说明](https://img-ask.csdn.net/upload/201909/20/1568950523_253397.jpg) 求解救

【vue】路由跳转,页面加载不出来,刷新也没用,求解决?

项目目录![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172372_656283.png) app.vue![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172339_820740.png) 路由配置![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172399_893786.png) main.js![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172426_878622.png) 跳转后应该显示的页面![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172464_829970.png) 错误结果![图片说明](https://img-ask.csdn.net/upload/201906/22/1561172512_840226.png)

Vue-router的问题,使用路由嵌套的时候,为何子路由的内容不被渲染到router-view?

![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404412_780066.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404427_831596.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404436_354059.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404443_394701.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404451_51692.png) 上面白色背景的是官方的,黑色的是我的,唯一不同的地方就是官方没有使用name来命名路由。根据这种设计,点击不同名的路由,路径确实被改变了(参考图3和图4),**但是所渲染的内容都是block组件**,这是为何?二级路径,我希望渲染block2的内容。为何会出现这个问题?怎么解决?为了更好的逻辑,设计模式,尽量采用嵌套路由,如果不是嵌套路由,我有办法解决。

Vue一个页面多个路由,每个路由下面又有子路由,请问Router该怎么写?

router.js ``` import Vue from 'vue' import Router from 'vue-router' import Home from '@/components/home' import Menu from '@/components/menu' Vue.use(Router) const routes = [ { path: '/home', name: 'home', components: { default:Home, menu:Menu } } ]; const router = new Router({ mode:"history", routes }); export default router ``` App.vue ``` <template> <div id="app"> <router-view name="menu" ></router-view> <router-view /> <button @click="clickFn1">按钮1</button> <button @click="clickFn2">按钮2</button> </div> </template> ``` 如上所示,假如我点击 **按钮1**,想让name="menu" 这个路由改变,但是 另一个不变,该怎么操作? 希望的结果是 Url 路径变成 xxx.com/home/list , 就是在home路径下再加 一个children ,单路由的话是这么写 ``` { path: '/home', name: 'home', component: Home, children:[ { path:"list", component:xxx } ] } ``` 但是多路由怎么写,还请大神指点!

vue-cli 路由变化了为什么 页面没有变化

# 这个router的index.js页面 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559620_430546.png) # 主页面 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559668_314034.png) # 点击我的按钮后路由变化了,页面内容没有变 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559713_524859.png) # 点击设置按钮后路由变化了,页面内容没有变 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559751_515850.png) # 我的vue组件 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559810_859936.png) # 设置vue组件 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559824_130894.png)

配置子路由的时候出现的问题

我在学vue路由器的过程当中,把主界面hi页面能够正常显示,但是他的子路由却会报错, 各位大神能帮我看看嘛,是不是不能加router-view![图片说明](https://img-ask.csdn.net/upload/201803/01/15![图片说明](https://img-ask.csdn.net/upload/201803/01/1![图片说明](https://img-ask.csdn.net/upload/201803/01/1519911817_865453.png)519911961_430783.png)19911948_303050.png)

VUE 多级菜单,路由变了页面内容没变

需求是这样的: 分为顶部1级菜单,和左侧2,3级菜单,点击顶部菜单左侧会联动 ![图片说明](https://img-ask.csdn.net/upload/201907/23/1563848300_684787.png) 点击1,2,3每级菜单页面都会跟着变, 例如点击监控系统1级菜单,就会默认进入冷站页面 现在顶部菜单是没有问题的,就是2,3级出现问题了,谢谢大神指导,刚刚注册没有C币,可加微信发红包,谢谢了 ``` //index.js let routes = [ { path: '/login', name: 'login', component: Login }, { path: '/', component: Main, children: [{ path: '/monitor/cold', component: Cold, iconCls: 'fa fa-home fa-fw', name: '系统监控', children: [ { path: '/monitor/cold', component: Cold, iconCls: '/static/menu/ba.png', name: '楼宇自控', children: [ { path: '/monitor/cold', component: Cold, iconCls: '/static/menu/ba.png', name: '冷站' }, { path: '/monitor/ahu', component: Ahu, iconCls: '/static/menu/fire.png', name: '组合式空调' } ] }, { path: '/monitor/fire', component: Fire, iconCls: '/static/menu/fire.png', name: '消防监控', children:[] }, { path: '/monitor/door', component: Door, iconCls: '/static/menu/mj.png', name: '门禁监控', children:[] } ] }] }, //后面还有很多123级菜单,省略 ] //Main.vue <template> <section> <el-container class="container"> <!--页眉--> <el-header class="header"> <el-row> <el-menu :default-active="$route.path" class="menu-ul" mode="horizontal" @select="handleSelect" background-color="#06283C" text-color="#fff" active-text-color="#ffd04b" > <template v-for="(item,index) in menus"> <el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" @click="initLeftMenu(child)" style="width:120px;"><i :class="child.iconCls" style="margin-left: -20px;margin-right: 10px;"></i>{{child.name}}</el-menu-item> </template> </el-menu> </el-row> </el-header> <el-container> <el-aside class="left-aside" width="50px" v-show="$route.path != '/home'"> <el-menu v-show="$route.path.indexOf('monitor') > 0" default-active="1-2" class="el-menu-left" :collapse="true"> <template v-for="(item,index) in leftMenus"> <!--如果有3级菜单--> <el-submenu v-if="item.children.length > 0" :index="item.path" :key="item.path" @click="$router.push(item.path)"> <template slot="title"> <img :src="item.iconCls"/> </template> <el-menu-item-group v-if="item.children != null && item.children != '' && item.children != []"> <span slot="title">{{item.name}}</span> <el-menu-item v-for="children in item.children" :index="children.path" :key="children.path" @click="$router.push(children.path)" style="width:120px;padding-left: 20px !important;"><i :class="children.iconCls" style="margin-left: -20px;margin-right: 10px;"></i>{{children.name}}</el-menu-item> </el-menu-item-group> </el-submenu> <!--如果没有3级菜单--> <el-menu-item v-if="item.children.length == 0" :index="item.path" :key="item.path" @click="$router.push(item.path)"> <img :src="item.iconCls"/> </el-menu-item> </template> </el-menu> </el-aside> <el-main class="main"> <transition name="fade" mode="out-in"> <router-view></router-view> </transition> </el-main> </el-container> </el-container> </section> </template> let data = () => { return { menus: [],//顶部一级 leftMenus:[]//左侧23级 } } //点击顶部1级菜单联动事件 let initLeftMenu = function (child) { this.$router.push(child.path) this.leftMenus = child.children } ```

vue项目在路由中使用history模式访问不到页面怎么回事呢?

vue项目中每一个url都有一个"#/", 在路由的index.js 中使用history模式去掉了这个"#/",但是打包之后就访问不到index.html中的内容了, 这是怎么回事呢? 望各位大佬解答一下.

vue小白请教我在路由里面添加了个占位符为什么点击了add不显示3333数据了

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title>     <script src="https://unpkg.com/vue/dist/vue.js"></script>     <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> </head> <body>     <div id="app">        {{title}}        <router-link to="/index"><button>开始</button></router-link>        <router-link to="/back"><button>结束</button></router-link>        <router-link to="/add/101"><button>添加</button></router-link>        <router-link to="/add/102">列表</router-link>        <router-view></router-view>     </div>     <template id="index">         <ul>             <li>11111</li>         </ul>     </template>     <template id="back">             <ul>                 <li>2222</li>             </ul>         </template>     <template id="add">         <ul>             <li>3333</li>         </ul>     </template>     <script type="text/javascript">         const index = {template:'#index'}         const back = {template:'#back'}         const add = {template:'#add'}         const routes = [             {                 path:'/index',                 component:index             },             {                 path:'/back',                 component:back             },             {                 path:'/add:id',                 component:add             }         ];         const router = new VueRouter({             routes         })        new Vue({            el:'#app',            router,            data:{                title:'你好'            },            components:{                index,                back,                add            }        })     </script> </body> </html>

vue路由跳转动画只执行一次

只有首次刷新的时候更新,再切换页面没有动画效果 ``` <template> <div id="app"> <transition name="custom-classes-transition" enter-active-class="animated slideInRight" leave-active-class="animated slideOutLeft" > <router-view></router-view> </transition> </div> </template> <script> import animate from 'animate.css' export default { name:'app', data() { return { } }, } </script> ```

vue history 动态;路由刷新出现空白页

![图片说明](https://img-ask.csdn.net/upload/201805/06/1525602032_896554.jpg) 为什么会把会在static前面加一个articleDetail的路径

vue2自定义访问目录后,路由刷新或者跳转页面变成空白。

![图片说明](https://img-ask.csdn.net/upload/202003/20/1584676121_238635.png) ----------------- ![这是在index.html设置目录](https://img-ask.csdn.net/upload/202003/20/1584676184_164925.png) ---------- ![图片说明](https://img-ask.csdn.net/upload/202003/20/1584676351_917032.png) ------------------ ![图片说明](https://img-ask.csdn.net/upload/202003/20/1584676529_971397.png) --------------------- hash模式下没问题

vue项目,在切换路由时内存没有释放,再次切换回原路由或者是其他页面,为什么内存又被释放了?

先说一下环境:vue:2.5.2 vue-router:3.0.1 element-ui:2.13.0 最开始存在三个页面HelloWorld、foo和bar。 分别说一下这两个页面都有什么: HelloWorld页面,有一个请求(会请求一些数据),将请求回来的数据放到data中,并用element-ui的select组件进行展示,另外就是一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="hello"> <el-button @click="getAccountListPage"> page获取科目列表 </el-button> <el-select v-model="activeAcc" placeholder="请选择"> <el-option v-for="item in accountPageList" :key="item.id" :label="item.codeAndName" :value="item.id"> </el-option> </el-select> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'HelloWorld', data () { return { activeAcc: '', accountPageList: [] } }, methods: { getAccountListPage() { let xmlhttp, that = this; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { let res = JSON.parse(xmlhttp.response); if(res.result) { that.accountPageList = res.value; } } }; xmlhttp.open("POST","******这里是url*******",true); xmlhttp.setRequestHeader("Content-type","application/json"); xmlhttp.send('{}'); }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` foo页面,很简单,有一个跳转至HelloWorld页面的按钮和一个跳转至bar页面的按钮,代码如下: ``` <template> <div class="foo"> 这是Foo页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToBar"> go Bar </el-button> </div> </template> <script> export default { name: 'Foo', data () { return {} }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToBar() { this.$router.push({name: 'bar'}) } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` bar页面和foo页面一样,有一个跳转至HelloWorld页面的按钮和一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="bar"> 这是Bar页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'Bar', data () { return { } }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` 操作步骤: 1.进入HelloWord页面,不做任何操作,利用chrome浏览器开发者工具中的Performance monitor工具,查看内存使用情况 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778311_366832.png) 2.点击按钮获取数据,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778454_982794.png) 可以看到,js、dom nodes、 js event,都有所增加。 3.跳转至foo页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778614_138117.png) 这时候发现内存占用情况并没有明显变化,也就是说跳转foo页面后,helloword页面的内存并未得到释放。这是问题一。 4.这时候跳转至bar页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778782_257327.png) 可以看到,刚刚存在的内存占用已经被释放了。这是问题二。 上面的截图都是我手动垃圾回收(collect garbage)后的截图。 对于上面出现的两个问题,还请各位大佬解答一下,万分感谢!!!

vue中使用element-ui,使用路由功能时报错。

``` <script> import $ from "jquery"; import router from "vue-router"; export default { name:'app', router, components:{}, mounted(){ $(".navLeft").height($(window).height()-50); } }; </script> ``` 上面是App.vue中的js代码。 ``` <el-menu :router="true" background-color="#F5F5F5" class="el-menu-vertical-demo" default-active="1"> <el-submenu index="/user"> <template slot="title"> <i class="el-icon-user"/> <span>用户管理</span> </template> <el-menu-item-group> <el-menu-item index="/user/findAll"><i class="el-icon-setting"/>查看用户信息</el-menu-item> <el-menu-item index="/user/addUser"><i class="el-icon-setting"/>添加用户信息</el-menu-item> <el-menu-item index="/user/modifyUser"><i class="el-icon-setting"/>修改用户信息</el-menu-item> <el-menu-item index="/user/deleteUser"><i class="el-icon-setting"/>删除用户信息</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu> ``` 上面是html模板,使用的是导航栏,想在导航栏中使用路由功能,但是在点击导航菜单的时候提示“element-ui.common.js”的3376行报错。 ![图片说明](https://img-ask.csdn.net/upload/202001/12/1578821090_812757.png) 请问这个该怎么解决? 网上找了好多,都不是这种的。

vue路由跳转不成功,地址栏有变化而页面不变,是为什么?

* **router文件夹里的index.js已经配置好了** * ![图片说明](https://img-ask.csdn.net/upload/201905/21/1558434282_305507.png) * **可是还是不能成功跳转,是为什么?是我哪里写错了吗?** **我就是想下图这两个文件之间实现跳转** ![图片说明](https://img-ask.csdn.net/upload/201905/21/1558434517_552301.png) ![图片说明](https://img-ask.csdn.net/upload/201905/21/1558436643_409367.png) * **页面跳不回去,但地址栏的链接还可以显示跳转** * ![图片说明](https://img-ask.csdn.net/upload/201905/21/1558434621_878819.png)

vue多路由多视图请问怎么去实现呢?有图有真相

问题是这样的, 我现在用vue写一个仿电脑桌面的网站,但是呢。。。 想在同一个Main主窗口里显示多个窗口的, 搞了三天实在是没有办法去解决到问题 请大神给点意见,或是给点思路。。 下面图片就是我想要的结果说明的东西。。如果可以的话, 方便就加我微信吧156456538。 一般的情况很少上QQ的。。 如图这样,请问如何去实现呢,。。 曾经也考虑过用components即就是命名视图去实现,但是,这个呀 如果我每一个路由输出 都有很多子路由的,请问又如何去实现?这个路由难写, 基本上没有什么头绪。。 vue是不是要考虑这些问题呢? 我想要的就是可以启动多个div。而每一个div即就是窗口,可以自由的使用不同的路由 显示不同的内容。![图片说明](https://img-ask.csdn.net/upload/201909/11/1568143746_339007.png)

Vue.js怎么嵌套后,页面渲染失败?求解答

``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> <script src="node_modules/vue-router/dist/vue-router.js"></script> <style> .router-link-active { font-size: 20px; color: red; } </style> </head> <body> <div id="box"> <ul> <li> <router-link to='/home'>主页</router-link> </li> <li> <router-link to='/news'>新闻</router-link> </li> </ul> <!--路由配置的组件将会渲染在这里--> <div> <router-view></router-view> </div> </div> <template id="home"> <h3>我是主页</h3> <div> <ul> <li> <router-link to='/home/login'>登陆</router-link> </li> <li> <router-link to='/home/resgist'>注册</router-link> </li> </ul> </div> <h2>{{$route.params.id}}</h2> <div> <router-view></router-view> </div> </template> <template id="news"> <div> <h3>我是新闻</h3> <ul> <li> <router-link to='/news/detail'>详细</router-link> </li> </ul> </div> <div> <router-view></router-view> </div> </template> <template id="login"> <div> <p>请登录</p> </div> <div> <router-view></router-view> </div> </template> <template id="resgist"> <div> <p>请注册</p> </div> <div> <router-view></router-view> </div> </template> <template id="detail"> <div> <!-- <h2>Details:{{$route.params.id}}</h2>--> </div> <div> <router-view></router-view> </div> </template> </body> <script> var Home = { template: '#home' }; var News = { template: '#news' }; var Login = { template: '#login' } var Resgist = { template: '#resgist' } var Detail = { template: '#detail' } //创建router实例 var router = new VueRouter({ routes: [ { path: '/home/:id', component: Home, children: [ {path: 'login', component: Login}, {path: 'resgist', component: Resgist} ] }, { path: '/news/:id', component: News, children: [ {path: 'detail', component: Detail} ] } ] }); //创建和挂载根实例 var app = new Vue({ router: router }).$mount('#box'); </script> </html> ```

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:csdn590)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

Windows版YOLOv4目标检测实战:训练自己的数据集

课程演示环境:Windows10; cuda 10.2; cudnn7.6.5; Python3.7; VisualStudio2019; OpenCV3.4 需要学习ubuntu系统上YOLOv4的同学请前往:《YOLOv4目标检测实战:训练自己的数据集》 课程链接:https://edu.csdn.net/course/detail/28745 YOLOv4来了!速度和精度双提升! 与 YOLOv3 相比,新版本的 AP (精度)和 FPS (每秒帧率)分别提高了 10% 和 12%。 YOLO系列是基于深度学习的端到端实时目标检测方法。本课程将手把手地教大家使用labelImg标注和使用YOLOv4训练自己的数据集。课程实战分为两个项目:单目标检测(足球目标检测)和多目标检测(足球和梅西同时检测)。 本课程的YOLOv4使用AlexyAB/darknet,在Windows系统上做项目演示。包括:安装软件环境、安装YOLOv4、标注自己的数据集、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算)和先验框聚类分析。还将介绍改善YOLOv4目标检测性能的技巧。 除本课程《Windows版YOLOv4目标检测实战:训练自己的数据集》外,本人将推出有关YOLOv4目标检测的系列课程。请持续关注该系列的其它视频课程,包括: 《Windows版YOLOv4目标检测实战:人脸口罩佩戴检测》 《Windows版YOLOv4目标检测实战:中国交通标志识别》 《Windows版YOLOv4目标检测:原理与源码解析》

lena全身原图(非256*256版本,而是全身原图)

lena全身原图(非256*256版本,而是全身原图) lena原图很有意思,我们通常所用的256*256图片是在lena原图上截取了头部部分的256*256正方形得到的. 原图是花花公子杂志上的一个

快速入门Android开发 视频 教程 android studio

这是一门快速入门Android开发课程,顾名思义是让大家能快速入门Android开发。 学完能让你学会如下知识点: Android的发展历程 搭建Java开发环境 搭建Android开发环境 Android Studio基础使用方法 Android Studio创建项目 项目运行到模拟器 项目运行到真实手机 Android中常用控件 排查开发中的错误 Android中请求网络 常用Android开发命令 快速入门Gradle构建系统 项目实战:看美图 常用Android Studio使用技巧 项目签名打包 如何上架市场

Java调用微信支付

Java 使用微信支付 一. 准备工作 1.

汽车租赁管理系统需求分析规格说明书

汽车租赁管理系统需求分析规格说明书,这只是一个模板,如果有不会的可以借鉴一下,还是蛮详细的。。。。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

程序员的算法通关课:知己知彼(第一季)

【超实用课程内容】 程序员对于算法一直又爱又恨!特别是在求职面试时,算法类问题绝对是不可逃避的提问点!本门课程作为算法面试系列的第一季,会从“知己知彼”的角度,聊聊关于算法面试的那些事~ 【哪些人适合学习这门课程?】 求职中的开发者,对于面试算法阶段缺少经验 想了解实际工作中算法相关知识 在职程序员,算法基础薄弱,急需充电 【超人气讲师】 孙秀洋&nbsp;| 服务器端工程师 硕士毕业于哈工大计算机科学与技术专业,ACM亚洲区赛铜奖获得者,先后在腾讯和百度从事一线技术研发,对算法和后端技术有深刻见解。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27272 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程无限观看时长,但是大家可以抓紧时间学习后一起讨论哦~

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

Python入门视频精讲

Python入门视频培训课程以通俗易懂的方式讲解Python核心技术,Python基础,Python入门。适合初学者的教程,让你少走弯路! 课程内容包括:1.Python简介和安装 、2.第一个Python程序、PyCharm的使用 、3.Python基础、4.函数、5.高级特性、6.面向对象、7.模块、8.异常处理和IO操作、9.访问数据库MySQL。教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!

我以为我对Mysql事务很熟,直到我遇到了阿里面试官

太惨了,面试又被吊打

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

Java62数据提取代码

利用苹果手机微信下面的wx.data文件提取出62数据,通过62可以实现不同设备直接登陆,可以通过文件流的方式用脚本上传到服务器进行解析

Python代码实现飞机大战

文章目录经典飞机大战一.游戏设定二.我方飞机三.敌方飞机四.发射子弹五.发放补给包六.主模块 经典飞机大战 源代码以及素材资料(图片,音频)可从下面的github中下载: 飞机大战源代码以及素材资料github项目地址链接 ————————————————————————————————————————————————————————— 不知道大家有没有打过飞机,喜不喜欢打飞机。当我第一次接触这个东西的时候,我的内心是被震撼到的。第一次接触打飞机的时候作者本人是身心愉悦的,因为周边的朋友都在打飞机, 每

2018年全国大学生计算机技能应用大赛决赛 大题

2018年全国大学生计算机技能应用大赛决赛大题,程序填空和程序设计(侵删)

Lena图像处理测试专业用图,高清完整全身原图

Lena图像处理测试专业用图,高清完整全身原图,该图片很好的包含了平坦区域、阴影和纹理等细节,这些都有益于测试各种不同的图像处理算法。它是一幅很好的测试照片!其次,由于这是一个非常有魅力女人的照片。

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

verilog实现地铁系统售票

使用 verilog 实现地铁售票

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉系统全面的介绍。

Python可以这样学(第四季:数据分析与科学计算可视化)

董付国老师系列教材《Python程序设计(第2版)》(ISBN:9787302436515)、《Python可以这样学》(ISBN:9787302456469)配套视频,在教材基础上又增加了大量内容,通过实例讲解numpy、scipy、pandas、statistics、matplotlib等标准库和扩展库用法。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

获取Linux下Ftp目录树并逐步绑定到treeview

在linux下抓取目录树,双击后获取该节点子节点(逐步生成)。另外有两个类,一个是windows下的(一次性获取目录树),一个是linux下的(足部获取目录树)

YOLOv3目标检测实战系列课程

《YOLOv3目标检测实战系列课程》旨在帮助大家掌握YOLOv3目标检测的训练、原理、源码与网络模型改进方法。 本课程的YOLOv3使用原作darknet(c语言编写),在Ubuntu系统上做项目演示。 本系列课程包括三门课: (1)《YOLOv3目标检测实战:训练自己的数据集》 包括:安装darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 (2)《YOLOv3目标检测:原理与源码解析》讲解YOLOv1、YOLOv2、YOLOv3的原理、程序流程并解析各层的源码。 (3)《YOLOv3目标检测:网络模型改进方法》讲解YOLOv3的改进方法,包括改进1:不显示指定类别目标的方法 (增加功能) ;改进2:合并BN层到卷积层 (加快推理速度) ; 改进3:使用GIoU指标和损失函数 (提高检测精度) ;改进4:tiny YOLOv3 (简化网络模型)并介绍 AlexeyAB/darknet项目。

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

微信小程序 实例汇总 完整项目源代码

微信小程序 实例汇总 完整项目源代码

基于西门子S7—1200的单部六层电梯设计程序,1部6层电梯

基于西门子S7—1200的单部六层电梯设计程序,1部6层电梯。 本系统控制六层电梯, 采用集选控制方式。 为了完成设定的控制任务, 主要根据电梯输入/输出点数确定PLC 的机型。 根据电梯控制的要求,

相关热词 c#分级显示数据 c# 不区分大小写替换 c#中调用就java c#正则表达式 验证小数 c# vscode 配置 c#三维数组能存多少数据 c# 新建excel c#多个文本框 c#怎么创建tcp通讯 c# mvc 电子病例
立即提问