router-link包裹内容不显示

安装了vue-router后,router-link连带标签都消失了,有使用elementui
图片说明

图片说明

代码

<ul>

          <li class="tit"><router-link to="/index">首页</router-link></li>
          <li>分类</li>
          <li>排行榜</li>
          <li>APP下载</li>
          <li>我要投稿</li>
          <li>动漫</li>
          <li>游戏中心</li>
          <li>条漫大赛</li>
        </ul>

main.js

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
import router from 'vue-router';


Vue.use(router);

Vue.use(ElementUI);

new Vue({
  el: '#app',
  router,
  render: h => h(App)

});

路由规则代码

import Vue from 'vue';
import Router from 'vue-router';


Vue.use(Router);




const routes = [{
        path: "/index",
        name: 'index',
        component: () => import('./../views/Index.vue')
    }
];


export default new Router({
    routes: routes,
    mode: "history", 
    redirect: "/index"

});

1个回答

weixin_44208050
大道寺知世` 这个没用,,,问题主要是导入了vue-router,就不显示,不导入就可以完好显示
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于vue路由<router-link>和<router-view>的小问题

<router-link>和<router-view>怎么绑定,我这边不管点击哪个点击<router-link>标签,所有的<router-view>标签都会渲染那个<router-link>的路由。 我想要的是一个<router-link>只对应一个<router-view>标签(也就是点击某个<router-link>只会在对应的<router-view>中渲染) 放一张失败的图片: ![图片说明](https://img-ask.csdn.net/upload/201709/17/1505640898_658149.png) 求拯救

router-link问题:组件内容也 变成了可点击的链接

**html** ``` <div id="app"> <router-link to="/account">account</a> <router-view><router-view> </div> <template id="acc"> <div> <h1>这是Account组件</h1> <router-link to="/account/login">登录</a> <router-link to="/account/register">注册</a> <router-view></router-view> </div> </template> <template id="log"> <div> <h1>Login组件</h1> </div> </template> <template id="reg"> <div> <h1>Register组件</h1> </div> </template> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.0.2/vue-router.js"></script> <script src="new_file.js" type="text/javascript" charset="utf-8"></script> ``` **js** ``` var account = { template:"#acc" } var login = { template:"#log" } var register = { template:"#reg" } var router = new VueRouter({ routes:[ // 此处就用组件模板名称,不能用组件名称 { path:'/account',component:account, children:[ { path:'/account/login',component:login }, { path:'/account/register',component:register } ] } ] }) new Vue({ el:'#app', router }) ``` ![图片说明](https://img-ask.csdn.net/upload/201903/26/1553569214_458205.png)

vue router-link的问题

![图片说明](https://img-ask.csdn.net/upload/201904/02/1554183618_869868.png) 想在id为0001的数据中加链接应该怎么加 html部分都是框架了 想给其中单个数据加怎么加。。求大佬详解

vue2.0<router-link @click.native='事件'>怎么满足条件跳转

vue2.0 <router-link @click.native='事件'> 添加点击事件调用ajax 返回数据 怎么根据 返回的值 进行判断 在进行跳转 最好有详细的代码

vue 的 <component :is=""> 和 <router-link :to="" >

vue 的 <component :is=""> 和 <router-link :to="" > 效果感觉差不多,有什么区别吗,这两个分别在什么时候用

关于element-ui中router-view出现样式重叠的问题

![图片说明](https://img-ask.csdn.net/upload/202004/09/1586417330_514260.png) 在vue项目中,利用router-view进行单页面后台系统时,在router-view中出现了 样式重叠的问题 以下是router配置 ``` let routes = [ { path: '/', component: App, children: [ {path: '/index', component: index, name: '首页'}, {path: '/city', component: city, name: '城市管理'}, {path: '/site', component: site, name: '站点管理'}, {path: '/route', component: route, name: '线路管理'} ] } ]; ``` 以下是app.vue中的使用 ``` <el-row class="container" style="height: 100%"> <v-header></v-header> <el-col :span="24" class="main"> <el-row> <el-menu :default-active="$route.path" class="mar-l el-menu-vertical-demo el-col el-col-3" light router> <template v-for="(item,index) in $router.options.routes[0].children" v-if="!item.hidden"> <el-menu-item :index="item.path" ><i class="fa" :class="item.class"></i>{{item.name}}</el-menu-item> </template> </el-menu> <section class="contentCon"> <el-col :span="21" :offset="3" class="content-wrapper"> <transition> <router-view></router-view> </transition> </el-col> </section> </el-row> </el-col> </el-row> ```

nuxt.js 的 nuxt-link 标签的带参数路由第一次不触发

跳转的代码: ``` <nuxt-link :to="'/course/search?keyword='+keyword+'&mt=' + category_v.id" >{{category_v.name}} </nuxt-link> ``` 监听的代码: ```watch: { '$route': 'search' } ``` 预计情况下,在页面点击一次nuxt-link 标签,路由变化一次,触发一次 search事件;实际情况是,路由发送一次变化,但是 search 没有触发,只有在点击另外一个nuxt-link 标签,使路由在发生一次变化,才可以触发search事件,之后每一次点击都可以触发 监听 即:第一次点击nuxt-link 产生的路由变化没有触发监听事件

react-router-dom 路由匹配问题

问题:我想要的是 **loacal:3000** 自动重定向到 ** loacal:3000/timeline**, **loacal:3000/timeline** 和 **loacal:3000/timeline/aa** 或者不是aa其他参数,都是显示同一个页面,只是数据不一样。然后我在地址栏输入loacal:3000正常跳到 **loacal:3000/timeline** 正常显示页面。但如果我在地址栏直接输入 **loacal:3000/timeline** 或 **loacal:3000/timeline/aa**都提示 **Cannot GET /timeline** , 只是什么原因? ```javascript <BrowserRouter> <div> <Header></Header> <Route exact path="/"> <Redirect to="/timeline"/> </Route> <Switch> <Route path='/timeline/:articleClass' component={Home}/> <Route path='/timeline' component={Home}/> </Switch> </div> </BrowserRouter> ```

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的内容。为何会出现这个问题?怎么解决?为了更好的逻辑,设计模式,尽量采用嵌套路由,如果不是嵌套路由,我有办法解决。

v-for无法给router-link的to赋值

![图片说明](https://img-ask.csdn.net/upload/202005/26/1590501842_982213.png) 这里是json数据 ![图片说明](https://img-ask.csdn.net/upload/202005/26/1590501860_567161.png) 这个是通过v-for给router-link的to添加路径的代码 ![图片说明](https://img-ask.csdn.net/upload/202005/26/1590501881_646922.png) 最终效果是这样的,其他的值都有,就是这个to没有

Vue 中的 路由显示问题

问题描述 首先再 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`上

react-router 组件加载的问题

正在学习react,使用侧边栏的时候,主页面无法使用Router加载,是代码哪里出错了? ``` <div style={{padding: 24, background: '#fff', minHeight: 360}}> {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} </div> ``` 如下图,如果加载正确的话,右边应该是能显示表格才对<br/> ![图片说明](https://img-ask.csdn.net/upload/201903/05/1551779018_181657.png) 相关的完整代码:<br/> App.js ``` import React from 'react'; import {Breadcrumb, Icon, Layout, Menu} from 'antd'; import 'antd/dist/antd.css'; import '../css/App.css'; import {BrowserRouter, Link, Route} from 'react-router-dom' import SidebarData from './sidebarData'; import {Switch} from "react-router"; const { Header, Content, Footer, Sider, } = Layout; const MenuContent = SidebarData.map(item => ( item.children === "-1" ? ( <Menu.Item key={item.key}> <Link to={item.link}> <Icon type={item.icon}/><span>{item.text}</span> </Link> </Menu.Item> ) : ( <Menu.SubMenu key={item.key} title={<span><Icon type={item.icon}/> <span>{item.text}</span></span>}> {item.children.map(childItem => ( <Menu.Item key={childItem.key}> <Link to={childItem.link}>{childItem.text}</Link> </Menu.Item> ))} </Menu.SubMenu> ) ) ); const RouteMap = []; SidebarData.map(item => { if (item.children === "-1") { RouteMap.push({ key: item.key, text: item.text, link: item.link, component: item.component }); } else { item.children.map(childItem => { RouteMap.push({ key: childItem.key, text: childItem.text, link: childItem.link, component: childItem.component }); }); } }); class App extends React.Component { state = { collapsed: false, }; onCollapse = (collapsed) => { console.log(collapsed); this.setState({collapsed}); } handleClick = (e) => { RouteMap.map(item => { if (item.key === e.key) { this.setState({curKey: item.key}); this.setState({curText: item.text}); this.setState({curLink: item.link}); this.setState({curComponent: item.component}); } }); } render() { return ( <BrowserRouter> <Layout style={{minHeight: '100vh'}}> <Sider collapsible collapsed={this.state.collapsed} onCollapse={this.onCollapse} > <div className="logo"/> <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline" onClick={this.handleClick} selectedKeys={[this.state.curKey]} > {MenuContent} </Menu> </Sider> <Layout> <Header style={{background: '#fff', padding: 0}}> {this.state.curText} </Header> <Content style={{margin: '0 16px'}}> <Breadcrumb style={{margin: '16px 0'}}> <Breadcrumb.Item>用户</Breadcrumb.Item> <Breadcrumb.Item>Bill</Breadcrumb.Item> </Breadcrumb> <div style={{padding: 24, background: '#fff', minHeight: 360}}> {/*<Orderb2c/>*/} {/*<Switch>*/} {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} {/*</Switch>*/} </div> </Content> <Footer style={{textAlign: 'center'}}> ©2019 Created by Ant UED </Footer> </Layout> </Layout> </BrowserRouter> ); } } export default App; ``` SidebarData.js ``` import Orderb2c from './orderb2c'; import Orderb2b from "./orderb2b"; import Userlist from "./userlist"; import Userauthority from "./userauthority"; import Userinfo from "./userinfo"; import Mainpage from "./mainpage"; const SidebarData = [ { key: 'main_page', text: '主页', icon: 'desktop', link: './mainpage', component: Mainpage, children: '-1' }, { key: 'user', text: '用户', icon: 'user', children: [{ key: 'user_list', text: '用户列表', link: './userlist', component: Userlist }, { key: 'user_authority', text: '用户权限', link: './userauthority', component: Userauthority }, { key: 'user_info', text: '用户信息', link: './userinfo', component: Userinfo }] }, { key: 'order', text: '订单', icon: 'file', children: [{ key: 'order_b2c', text: 'B2C订单', link: './orderb2c', component: Orderb2c }, { key: 'order_b2b', text: 'B2B订单', link: './orderb2b', component: Orderb2b }] } ]; export default SidebarData; ```

vue中用到keep-alive部分页面缓存,怎么和transition综合使用?

不用部分缓存时是这样的: ``` <transition :name="direction" mode="out-in"> <keep-alive> <router-view></router-view> </keep-alive> </transition> ``` 现在变成如下这样,那么transition怎么加上去,不会有问题?求指教大神! ``` <keep-alive> <router-view v-if="$route.meta.keepAlive" ></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> ```

Vue中在<a-menu-item>下使用<router-link>报"Cannot read property '_normalized' of undefined"?

``` vue.esm.js?efeb:1897 TypeError: Cannot read property '_normalized' of undefined at normalizeLocation (vue-router.esm.js?fe87:1295) at VueRouter.resolve (vue-router.esm.js?fe87:2622) at VueComponent.render (vue-router.esm.js?fe87:423) at VueComponent.Vue._render (vue.esm.js?efeb:3551) at VueComponent.updateComponent (vue.esm.js?efeb:4069) at Watcher.get (vue.esm.js?efeb:4482) at new Watcher (vue.esm.js?efeb:4471) at mountComponent (vue.esm.js?efeb:4076) at VueComponent.Vue.$mount (vue.esm.js?efeb:9057) at VueComponent.Vue.$mount (vue.esm.js?efeb:11953) ```

vue.js 单页面应用如何整页替换

代码如下: ``` <router-view class="view"> <ul> <li> <router-link to="/first" replace="true">跳转第一页</router-link> <router-link to="/second">跳转第二页</router-link> </li> </ul> </router-view> ``` first 和second分别是两个组件,上面分别显示“第一页”和“第二页”,目前的效果是 ![图片说明](https://img-ask.csdn.net/upload/201703/09/1489028541_336936.png) 就是说点击“跳转第一页”就如图显示,但是我想要的是完全替换掉页面,只显示“我是第一个子页面几个字”,hello app和跳转链接就不显示了,前端新手,请各位赐教

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> ```

VueJS 2 vue-router 2(laravel 5.3)

<div class="post-text" itemprop="text"> <p><strong>I am trying to link between (VueJS 2) components using (vue-router 2) router-link. When a link is clicked, the URL is not updated used in blade (laravel 5.3) i used router-link and already v-link is replaced so can i get any example to use vue-router in blade (laravel 5.3 last version)</strong></p> <p><strong>console error : router is undefined</strong></p> <p><strong>app.js</strong></p> <pre><code>window._ = require('lodash'); window.$ = window.jQuery = require('jquery'); require('bootstrap-sass'); window.Vue = require('vue'); window.VueRouter = require('vue-router'); require('vue-resource'); Vue.use(VueRouter); var App = Vue.extend({}); var router = new VueRouter({ routes: [ { path: '/AddServices', component: require('./components/Test.vue') } ] }); new Vue({ el: '#appp', router: router, render: h =&gt; h('router-view') }); Vue.http.interceptors.push((request, next) =&gt; { request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken); next(); }); </code></pre> <p><strong>balde have link app.blade.php</strong></p> <pre><code>&lt;router-link to="/AddServices"&gt;/AddServices&lt;/router-link&gt; &lt;router-link to="/AddServices"&gt;&lt;a&gt;/AddServices&lt;/a&gt;&lt;/router-link&gt; </code></pre> <p><strong>blade have id to make action home.blade.php</strong></p> <pre><code>&lt;div class="container"&gt; &lt;div class="row" id="appp"&gt; &lt;router-view&gt;&lt;/router-view&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> </div>

vue-router通过设置导航链接切换html元素出现问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue</title> <link rel="stylesheet" type="text/css" href="beginner.css"> <script type="text/javascript" src="vue.js"></script> <script type="text/javascript" src="beginner.js"></script> <script type="text/javascript" src="https://unpkg.com/vue-router/dist/vue-router.js"></script> </head> <body> <div id="temp"> <h1>hello app</h1> <p> <router-link to="/gj">郭洁</router-link> <router-link to="/htz">韩天姿</router-link></p> <router-view></router-view> </div> <script> const gj={template:'<div>郭杰</div>'} const htz={template:'<div>韩天姿</div>'} const rout=[{path:'/gj',component:gj}, {path:'/htz',component:htz}]; const routerEmp=new VueRouter({ rout }) const vm=new Vue({ routerEmp }).$mount('#temp') </script> </body> </html>

关于mint-ui中mt-header嵌套的问题

<mt-header> <router-link to="/" slot="left"> <mt-button icon="back">返回</mt-button> </router-link> <mt-search></mt-search> //(搜索框) <mt-button icon="more" slot="right"></mt-button> </mt-header> header里面怎么嵌套这个搜索框呢,div也不行嵌套,请问怎么解决

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

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

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

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

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

捷联惯导仿真matlab

捷联惯导的仿真(包括轨迹仿真,惯性器件模拟输出,捷联解算),标了详细的注释捷联惯导的仿真(包括轨迹仿真,惯性器件模拟输出,捷联解算),标了详细的注释

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

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

图书管理系统(Java + Mysql)我的第一个完全自己做的实训项目

图书管理系统 Java + MySQL 完整实训代码,MVC三层架构组织,包含所有用到的图片资源以及数据库文件,大三上学期实训,注释很详细,按照阿里巴巴Java编程规范编写

玩转Linux:常用命令实例指南

人工智能、物联网、大数据时代,Linux正有着一统天下的趋势,几乎每个程序员岗位,都要求掌握Linux。本课程零基础也能轻松入门。 本课程以简洁易懂的语言手把手教你系统掌握日常所需的Linux知识,每个知识点都会配合案例实战让你融汇贯通。课程通俗易懂,简洁流畅,适合0基础以及对Linux掌握不熟练的人学习; 【限时福利】 1)购课后按提示添加小助手,进答疑群,还可获得价值300元的编程大礼包! 2)本月购买此套餐加入老师答疑交流群,可参加老师的免费分享活动,学习最新技术项目经验。 --------------------------------------------------------------- 29元=掌握Linux必修知识+社群答疑+讲师社群分享会+700元编程礼包。 &nbsp;

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

C++语言基础视频教程

C++语言基础视频培训课程:本课与主讲者在大学开出的程序设计课程直接对接,准确把握知识点,注重教学视频与实践体系的结合,帮助初学者有效学习。本教程详细介绍C++语言中的封装、数据隐藏、继承、多态的实现等入门知识;主要包括类的声明、对象定义、构造函数和析构函数、运算符重载、继承和派生、多态性实现等。 课程需要有C语言程序设计的基础(可以利用本人开出的《C语言与程序设计》系列课学习)。学习者能够通过实践的方式,学会利用C++语言解决问题,具备进一步学习利用C++开发应用程序的基础。

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

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

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

2020-五一数学建模大赛C类问题饲料加工配比及优化.pdf

2020年,“51”数学建模C类问题,关于饲料配比问题以及加工优化方案。论文采用统计分析,建立了关于饲料加工的多目标优化模型。并利用蒙特卡罗算法对目标函数进行优化,解决了饲料加工质量最优配比问题并进行

MySQL数据库从入门到实战应用

限时福利1:购课进答疑群专享柳峰(刘运强)老师答疑服务 限时福利2:购课后添加学习助手(微信号:csdn590),按消息提示即可领取编程大礼包! 为什么说每一个程序员都应该学习MySQL? 根据《2019-2020年中国开发者调查报告》显示,超83%的开发者都在使用MySQL数据库。 使用量大同时,掌握MySQL早已是运维、DBA的必备技能,甚至部分IT开发岗位也要求对数据库使用和原理有深入的了解和掌握。 学习编程,你可能会犹豫选择 C++ 还是 Java;入门数据科学,你可能会纠结于选择 Python 还是 R;但无论如何, MySQL 都是 IT 从业人员不可或缺的技能! 【课程设计】 在本课程中,刘运强老师会结合自己十多年来对MySQL的心得体会,通过课程给你分享一条高效的MySQL入门捷径,让学员少走弯路,彻底搞懂MySQL。 本课程包含3大模块:&nbsp; 一、基础篇: 主要以最新的MySQL8.0安装为例帮助学员解决安装与配置MySQL的问题,并对MySQL8.0的新特性做一定介绍,为后续的课程展开做好环境部署。 二、SQL语言篇: 本篇主要讲解SQL语言的四大部分数据查询语言DQL,数据操纵语言DML,数据定义语言DDL,数据控制语言DCL,学会熟练对库表进行增删改查等必备技能。 三、MySQL进阶篇: 本篇可以帮助学员更加高效的管理线上的MySQL数据库;具备MySQL的日常运维能力,语句调优、备份恢复等思路。 &nbsp;

navicat简体中文版 绿色版 (64位)

解压后安装navicat,打开navicat执行PatchNavicat即破解成功。可以正常使用啦。

linux“开发工具三剑客”速成攻略

工欲善其事,必先利其器。Vim+Git+Makefile是Linux环境下嵌入式开发常用的工具。本专题主要面向初次接触Linux的新手,熟练掌握工作中常用的工具,在以后的学习和工作中提高效率。

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

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

Python代码实现飞机大战

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

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

Qt5.10 GUI完全参考手册(强烈推荐)

本书是Qt中文版的参考手册,内容详尽易懂,详细介绍了Qt实现的各种内部原理,是一本不可多得的参考文献

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

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

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

进程监控软件 Performance Monitor中文版

告诉你每个程序现在在做什么,还可以根据你的要求过滤无关的内容。

八数码的深度优先算法c++实现

人工智能的八数码的深度优先算法c++实现

2021考研数学张宇基础30讲.pdf

张宇:博士,全国著名考研数学辅导专家,教育部“国家精品课程建设骨干教师”,全国畅销书《张宇高等数学18讲》《张宇线性代数9讲》《张宇概率论与数理统计9讲》《张宇考研数学题源探析经典1000题》《张宇考

2019 Python开发者日-培训

本次活动将秉承“只讲技术,拒绝空谈”的理念,邀请十余位身处一线的Python技术专家,重点围绕Web开发、自动化运维、数据分析、人工智能等技术模块,分享真实生产环境中使用Python应对IT挑战的真知灼见。此外,针对不同层次的开发者,大会还安排了深度培训实操环节,为开发者们带来更多深度实战的机会。

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

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

2020_五一数学建模_C题_整理后的数据.zip

该数据是我的程序读取的数据,仅供参考,问题的解决方案:https://blog.csdn.net/qq_41228463/article/details/105993051

机器学习实战系列套餐(必备基础+经典算法+案例实战)

机器学习实战系列套餐以实战为出发点,帮助同学们快速掌握机器学习领域必备经典算法原理并结合Python工具包进行实战应用。建议学习顺序:1.Python必备工具包:掌握实战工具 2.机器学习算法与实战应用:数学原理与应用方法都是必备技能 3.数据挖掘实战:通过真实数据集进行项目实战。按照下列课程顺序学习即可! 课程风格通俗易懂,用最接地气的方式带领大家轻松进军机器学习!提供所有课程代码,PPT与实战数据,有任何问题欢迎随时与我讨论。

实用主义学Python(小白也容易上手的Python实用案例)

原价169,限时立减100元! 系统掌握Python核心语法16点,轻松应对工作中80%以上的Python使用场景! 69元=72讲+源码+社群答疑+讲师社群分享会&nbsp; 【哪些人适合学习这门课程?】 1)大学生,平时只学习了Python理论,并未接触Python实战问题; 2)对Python实用技能掌握薄弱的人,自动化、爬虫、数据分析能让你快速提高工作效率; 3)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; 4)想修炼更好的编程内功,优秀的工程师肯定不能只会一门语言,Python语言功能强大、使用高效、简单易学。 【超实用技能】 从零开始 自动生成工作周报 职场升级 豆瓣电影数据爬取 实用案例 奥运冠军数据分析 自动化办公:通过Python自动化分析Excel数据并自动操作Word文档,最终获得一份基于Excel表格的数据分析报告。 豆瓣电影爬虫:通过Python自动爬取豆瓣电影信息并将电影图片保存到本地。 奥运会数据分析实战 简介:通过Python分析120年间奥运会的数据,从不同角度入手分析,从而得出一些有趣的结论。 【超人气老师】 二两 中国人工智能协会高级会员 生成对抗神经网络研究者 《深入浅出生成对抗网络:原理剖析与TensorFlow实现》一书作者 阿里云大学云学院导师 前大型游戏公司后端工程师 【超丰富实用案例】 0)图片背景去除案例 1)自动生成工作周报案例 2)豆瓣电影数据爬取案例 3)奥运会数据分析案例 4)自动处理邮件案例 5)github信息爬取/更新提醒案例 6)B站百大UP信息爬取与分析案例 7)构建自己的论文网站案例

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