Hahaha???
Hahaha???

Vue3路由

文章目录

  • Vue3路由
    • 1. 载入vue-router 库
    • 2. 实例
      • 2.1 Vue.js + vue-router 实现单页应用
      • 2.2 router-link创建链接
      • 2.3 router-view显示与url对应组件
      • 2.4 `` 相关属性

Vue3路由

1. 载入vue-router 库

Vue.js 路由需要载入vue-router 库

  • 安装直接下载地址：https://unpkg.com/vue-router@4

  • NPM使用使用淘宝镜像：

    npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install vue-router@4

    Vue3路由_第1张图片
    在这里插入图片描述

2. 实例

2.1 Vue.js + vue-router 实现单页应用

2.2 router-link创建链接

上面实例没有使用常规的 a 标签，而是使用一个自定义组件 router-link 来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。我们将在后面看到如何从这些功能中获益。

2.3 router-view显示与url对应组件

router-view 将显示与 url 对应的组件。你可以把它放在任何地方，以适应你的布局。

DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue 测试实例 router-link 来创建链接 router-view 将显示与 url 对应的组件title>
    <script src="https://unpkg.com/vue@3">script>
    <script src="https://unpkg.com/vue-router@4">script>
head>
<body>

<div id="app" class="demo">
    <h1>Hello Apph1>


    <p>

        <router-link to="/">Go to Homerouter-link>

        <router-link to="/about">Go to Aboutrouter-link>
    p>


    <router-view>router-view>
div>


<script>
//    1. 定义路由组件 也可以从其他文件导入
    const Home = { template: '
Home
'}
    const About = { template: '
About
'}

//  2.定义一些路由并映射到路由组件 每个路由都需要映射到一个组件
    const routes = [
        { path: '/', component: Home},
        { path: '/about', component: About},
    ]

//  3.创建路由实例并传递routes配置 可以在此输入更多的配置 单一般不输入 保持简单
    const router = VueRouter.createRouter({
    //     4. 内部提供了history模式实现 为了简单起见，我们在这里使用 hash 模式
        history: VueRouter.createWebHistory(),
        // routes:routes的缩写为routes
        routes,
    })

//  5. 创建并挂载根实例
    const app = Vue.createApp({})

//  确保_use_ 路由实例使整个应用支持路由
    app.use(router)
//  将app应用挂载到名为app的div
    app.mount('#app')

script>
body>
html>

页面效果：
Vue3路由_第2张图片
点击Go to HomeVue3路由_第3张图片
点击Go to About
Vue3路由_第4张图片
Vue3路由_第5张图片

  • 以上导航渲染结果：点击过的导航链接都会加上样式 class ="router-link-exact-active router-link-active"。

    <a href="/" class="router-link-active router-link-exact-active" aria-current="page">Go to Home</a>
<a href="/about" class="">Go to About</a>

Vue3路由_第6张图片

2.4 相关属性

  • to表示目标路由的链接

    当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。

    
<router-link to="home">Homerouter-link>

<a href="home">Homea>


<router-link v-bind:to="'home'">Homerouter-link>


<router-link :to="'home'">Homerouter-link>


<router-link :to="{ path: 'home' }">Homerouter-link>


<router-link :to="{ name: 'user', params: { userId: 123 }}">Userrouter-link>


<router-link :to="{ path: 'register', query: { plan: 'private' }}">Registerrouter-link>

  • replace

    设置 replace 属性的话，当点击时，会调用 router.replace() 而不是 router.push()，导航后不会留下 history 记录。

    <router-link :to="{ path: '/abc'}" replace>router-link>

  • append

    设置 append 属性后，则在当前 (相对) 路径前添加其路径。例如，我们从 /a 导航到一个相对路径 b，如果没有配置 append，则路径为 /b，如果配了，则为 /a/b

    <router-link :to="{ path: 'relative/path'}" append>router-link>

  • tag

    有时候想要 渲染成某种标签，例如

  • 。 于是我们使用 tag prop 类指定何种标签，同样它还是会监听点击，触发导航。

    <router-link to="/foo" tag="li">foorouter-link>

<li>fooli>

  • active-class

    设置 链接激活时使用的 CSS 类名。可以通过以下代码来替代。注意这里 class 使用 active-class="_active"。

    <style>
   ._active{
      background-color : red;
   }
style>
<p>
   <router-link v-bind:to = "{ path: '/route1'}" active-class = "_active">Router Link 1router-link>
   <router-link v-bind:to = "{ path: '/route2'}" tag = "span">Router Link 2router-link>
p>

  • exact-active-class

    配置当链接被精确匹配的时候应该激活的 class。可以通过以下代码来替代。

    <p>
   <router-link v-bind:to = "{ path: '/route1'}" exact-active-class = "_active">Router Link 1router-link>
   <router-link v-bind:to = "{ path: '/route2'}" tag = "span">Router Link 2router-link>
p>

  • event

    声明可以用来触发导航的事件。可以是一个字符串或是一个包含字符串的数组。

    如：设置了 event 为 mouseover ，及在鼠标移动到 Router Link 1 上时导航的 HTML 内容会发生改变。

    <router-link v-bind:to = "{ path: '/route1'}" event = "mouseover">Router Link 1router-link>

你可能感兴趣的:(vue.js)

  • vue3知识总结 软件技术NINI vue笔记vue.js前端javascript
    Vue3是Vue.js的最新版本，相较于Vue2，它在性能、API设计、类型支持等多个方面都有显著的改进和创新。以下是对Vue3知识的总结：一、性能优化响应式系统升级：Vue3使用Proxy替代了Vue2中的Object.defineProperty，实现了对对象变化的更广泛监测，包括对象的添加和删除，以及数组的长度和索引变化。这使得Vue3的响应式系统更加高效和准确。虚拟DOM优化：Vue3优化
  • Springboot+vue.js+协同过滤推荐+余弦相似度算法实现新闻推荐系统 计算机程序优异哥
    针对海量的新闻资讯数据，如何快速的根据用户的检索需要，完成符合用户阅读需求的新闻资讯推荐？本篇文章主要采用余弦相似度及基于用户协同过滤算法实现新闻推荐，通过余弦相似度算法完成针对不同新闻数据之间的相似性计算，实现分类标签。通过协同过滤算法发现具备相似阅读习惯的用户，展开个性化推荐。本次新闻推荐系统：主要包含技术：springboot，mybatis，mysql，javascript，vue.js，
  • 【前端】 如何在 Vue.js 中使用 Mock 数据：教程与技巧 帅比九日 踩过的坑前端vue.jsjavascript
    如何在Vue.js中使用Mock数据：教程与技巧在开发过程中，为了测试和开发前端功能，你常常需要用到模拟（mock）数据。Vue.js提供了灵活的方式来处理数据请求和更新，但在没有真实后端的情况下，我们可以使用Mock数据来代替真实API请求。本文将介绍如何在Vue.js项目中设置和使用Mock数据。1.使用Mock数据的必要性Mock数据在以下场景中非常有用：前端开发阶段：在后端API尚未完成时
  • Vue 中的 Vuex：全面解析与使用教程 NMY112 vue.js前端javascript
    什么是Vuex？Vuex是Vue.js官方提供的状态管理模式，专为Vue.js应用设计。它通过集中式存储管理应用中所有的组件状态，允许组件之间更方便地共享数据，并提供了一套规则来确保状态以可预测的方式发生变化。Vuex对大型应用尤其有用，因为它将组件中的状态提取到外部，并通过全局状态管理器进行集中管理。Vuex提供了响应式的数据存储，与Vue组件深度集成，这意味着当状态发生变化时，所有依赖该状态的
  • Vue.js 路由守卫详解 NMY112 vue.js前端javascript
    Vue.js是一个用于构建用户界面的渐进式框架。在大型应用中，路由是管理页面间导航的关键部分。VueRouter提供了一系列的路由守卫，帮助开发者在用户导航到新页面时执行特定逻辑。本文将详细介绍Vue.js中的全部路由守卫，包括如何使用、适用场景以及一些补充说明。一、路由守卫分类VueRouter中的路由守卫主要分为以下几类：全局守卫beforeEachbeforeResolveafterEach
  • Nginx部署前端Vue项目的深度解析 小周不想卷 #前端vue入门前端前端框架nginxvue.js
    目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2启用Gzip压缩7.3缓存控制八、常见问题与解决方案8.1404错误8.2权限问题8.3跨域问题九、总结在现代Web开发中，Vue.js因其组件化、响应式数据绑定和易于上手的特点，成为了前端
  • vuex小白入门 前端一菜鸟
    首先：Vuex是什么？有关于Vuex，官网是这样定义的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。我是这么认为的：Vuex是为了解决多个组件共享状态而存在的。他能够有效的解决兄弟组件，父子组件，爷孙组件的传值。他将组件的共享状态抽取出来，以一个全局单例模式管理。Vuex有以下5个重要属性：1
  • Vue 中 nextTick 的最主要作用是什么，为什么要有这个 API m0_73882020 vue.jsjavascriptecmascript
    在Vue.js中，nextTick是一个用于在DOM更新后执行代码的API。它的主要作用是确保在某个操作完成后，DOM已经更新且可以被访问或操作。这个API在处理需要等待DOM更新完成的逻辑时非常有用。nextTick的最主要作用确保DOM更新完成:Vue的响应式系统会在数据变化后异步更新DOM。当你更改数据并立即访问DOM时，可能会发现DOM尚未反映最新的变化。nextTick允许你在DOM更新
  • 了解elementUI的底层源码, 进行二次开发 java我跟你拼了 前端学习笔记elementui前端javascript前端框架
    ElementUI是一个基于Vue.js的桌面端组件库，广泛用于构建美观、交互友好的用户界面。要深入理解ElementUI的底层源码并进行二次开发，你需要掌握以下几个关键点：Vue.js原理ElementUI是基于Vue.js构建的，因此首先需要熟悉Vue.js的核心概念和机制，包括：●组件系统：Vue.js的组件化思想，如何定义组件、使用组件、传递属性和事件。●数据响应式：Vue.js如何跟踪数
  • vue 过滤器 王玉伟的伟
    过滤器Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示支持级联操作过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本全局注册时是filter，没有s的。而局部过滤器是filters，是有s的{{msg|upper}}{{msg|upper|l
  • Vue初步认识与Vue基础指令 amanohina
    Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网：https://cn.vuejs.orgVue.js核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称作单向数据绑定。单向数据绑定对于输入框等可输入元素，可设
  • Failed to compile../src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): 解决方法 邓晓芬 vue渲染错误npmjavascriptvue.js前端npm
    当vue渲染html为原生标签时出这个错误，需要修改配置项。优化如下：第一步：初始化并重新安装eslintnpminit-ynpminstalleslint--save-dev第二步：进入node_modules下的bin目录，并初始化eslintcd./node_modules/.bin///找到文件目录eslint--init第三步：设置配置选项，除选择vue.js外，其他都选择默认项或者y或
  • 手写 Vue Router 中的 Hash 模式和 History 模式 It Works vue.js前端
    VueRouter是Vue.js的官方路由库，负责管理Vue应用中的页面导航。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。VueRouter提供两种常见的模式：Hash模式和History模式。这两种模式的主要区别在于它们如何管理URL，以及如何与浏览器的历史记录API交互。1.URL路由的基本概念VueRouter是Vue官方的客户端路由解决方案。客户端路由的作用是在
  • 在 Spring MVC 中部署路由为history模式的vue项目 Faith-J springmvcvue.js
    为了处理Vue.js的History模式，需要在SpringMVC中配置一个控制器来转发所有的非API请求到index.html。这样，前端路由可以接管URL并正确显示Vue.js组件。创建一个控制器（例如ForwardingController）来处理所有的前端路由：importorg.springframework.stereotype.Controller;importorg.springf
  • class 7: vue.js 3 前端工程化 Clarence Liu vue前端vue.jsjavascript
    默认情况下，不能直接使用单文件组件来编写组件，因为浏览器不认识SFC(.vue)文件。因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面，纯粹地展示功能，JavaScript的作用只体现在一些表单的验证和增加特效上。当然，为了在页面中动态填充一些
  • Vue.js初学—简易计算器（使用属性监听watch，动态监听input及select的变化） Dove_Y 笔记
    Vue.js初学—简易计算器（监听input的输入值变化事件，从而实现结果的动态刷新）学习到了属性监听watch，对于简易计算器的有了新的思路。（虽然也不知道是不是改进，个人认为是改进了）效果与上面链接的效果完全一致。+-*/={{result}}newVue({el:'#app',data:{
  • vue中的css深度选择器 呼叫6945 vue基础javascript开发语言vueCSS样式穿透
    在Vue.js项目中，尤其是在使用组件化开发时，我们时常需要修改组件内部的样式，但Vue的样式封装特性（如）会阻止外部样式直接作用于组件内部。为了应解决这个问题，Vue社区引入了深度选择器（也称为穿透选择器或阴影穿透选择器），让我们能够跨越组件的封装边界，对内部元素进行样式定制。解决办法一:由于scoped属性的防渗透作用，添加的样式不会生效,将scoped属性去掉,样式生效了.这种写法是作用到全
  • vuedose.tips（翻译系列二十三） 知识文青
    UsingScopedSlotsinVue.js我多次认识到想要在Vue.js进行编码时如何提高生产力这是一个过于开放的问题，但是至少可以通过以下方式实现这一点：确定他们在应用程序中经常构建的功能，然后拥有可重用组件的工具包，使您可以在其中放置通用逻辑，同时又足够灵活适应其他应用。Vue.js带有插槽以使组件具有可重新定义的结构，但它们本身的功能非常有限。有时您需要一些数据或状态来定义组件应如何呈
  • 【前端Vue】06 - VueCLI 脚手架 itlu
    1.VueCLI介绍CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架。VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。默认情况下自动安装Node和NPM。2.2安装符合要求的Node版本Node环境要求8.9以上或者更高版本
  • JavaScript常用前端框架和库浅谈_前端框架设计-js 2401_84435885 javascript前端框架开发语言
    Vue.js：Vue.js是一个轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发模式，类似于React。Vue.js的核心概念包括组件、指令和响应式数据等。Vue.js还提供了一种称为VueRouter的路由管理工具和Vuex状态管理库。Vue.js的最佳实践包括组件化开发、单文件组件、响应式数据和虚拟DOM等。使用方法：安装Vue.js：使用npm或yarn进行安装。创建
  • 前端框架有哪些？以及每种框架的详细介绍 cesske 前端框架
    目录前言1.React2.Vue.js3.Angular4.Bootstrap5.Foundation总结前言前端框架是Web开发中不可或缺的工具，它们为开发者提供了丰富的工具和抽象，使得构建复杂的Web应用变得更加容易。当前，前端框架种类繁多，其中一些最受欢迎的框架包括React、Vue.js、Angular、Bootstrap和Foundation等。以下是对这些框架的简要介绍：提示：以下是本
  • 使用 Vue.js 构建大屏可视化系统 不知名靓仔 vue.js前端javascript
    引言随着大数据时代的到来，实时监控和数据分析变得越来越重要。大屏可视化系统可以帮助我们快速了解业务状况，做出及时决策。本文将详细介绍如何使用Vue.js构建一个功能完善的大屏可视化系统。vue大屏项目合集见最下方1.环境准备确保你的开发环境中安装了以下软件：Node.js(推荐使用LTS版本)npm(Node.js自带)2.创建项目使用VueCLI脚手架工具快速创建项目。如果还没有安装VueCLI
  • Vue.js：构建用户界面的强大工具 Nuyoah vue.jsui前端
    引言在当今互联网时代，构建高效、交互丰富的用户界面是各种应用程序的关键需求。Vue.js，作为一款流行的JavaScript框架，通过其简单、灵活的特性，成为开发者构建现代用户界面的首选工具。本文将深入介绍Vue.js的核心概念、使用场景、开发工具和最佳实践，帮助你更好地了解如何利用Vue.js构建强大而高效的用户界面。一、Vue.js核心概念1.组件系统Vue.js的组件系统是构建用户界面的核心
  • 前段框架有哪些 川师_King 前端框架
    前端框架有很多，以下是一些常见的前端框架：一、通用型前端框架React：由Facebook开发和维护。特点：采用声明式编程，通过组件化的方式构建用户界面。它使用虚拟DOM来提高性能，使得页面更新更加高效。支持服务器端渲染和移动端开发，拥有庞大的生态系统，有很多优秀的第三方库和工具。应用场景：适用于复杂的大型项目，特别是需要频繁更新和交互性强的应用，如社交网络、在线办公软件等。Vue.js：是一个渐
  • 对Vue组件生命周期的理解 2401_85770776 vuevue.js前端javascript
    Vue.js组件生命周期中的几个重要阶段：创建、初始化数据、编译模板、挂载DOM、更新渲染、卸载。这些阶段对应了Vue.js的生命周期钩子函数。下面我将详细解释每个阶段以及它们在Vue.js生命周期中的作用。文章目录1.创建（Creation）2.初始化数据（InitializationofData）3.编译模板（TemplateCompilation）4.挂载DOM（MountingtheDOM
  • Nginx部署前端Vue项目 不会代码的小林 前端
    简介本文将介绍如何使用Nginx部署前端Vue项目。Nginx是一款轻量级的高性能Web服务器，可以用于静态文件的托管和反向代理等场景。而Vue.js是一个流行的JavaScript框架，用于构建用户界面。环境准备首先，确保已经安装了Node.js和npm。然后，使用以下命令安装VueCLI：bash复制代码运行npminstall-g@vue/cli创建Vue项目接下来，我们可以使用VueCLI
  • nginx部署前端vue项目 Min_nna ai分析vue功能前端
    在Nginx上部署Vue.js前端项目的步骤如下：1.构建Vue.js项目首先，确保你已经完成了Vue.js项目的开发。然后在项目根目录下运行以下命令来构建项目：npmrunbuild这将生成一个dist文件夹，里面包含了可以部署到Nginx的静态文件。2.安装Nginx如果你还没有安装Nginx，可以通过以下命令安装（以Ubuntu为例）：sudoaptupdatesudoaptinstalln
  • Vue-生命周期钩子 好哈优学编程 vue.js前端
    Vue.js的生命周期钩子是指在Vue实例的不同阶段会被调用的一组函数。这些钩子函数允许你在特定的生命周期阶段执行自定义的代码。生命周期钩子的工作原理实例化阶段：创建Vue实例：当你创建一个Vue实例时，Vue会按照特定的顺序执行生命周期钩子。这些钩子可以在Vue实例的不同生命周期阶段被调用，以帮助你在正确的时机执行特定的操作。钩子函数的调用顺序：Vue会按照预定义的生命周期顺序依次调用钩子函数。
  • Vuex：全面指南及使用示例 程序员小徐同学 VUEvue.js
    学习Vuex：全面指南及使用示例Vuex是一个专为Vue.js应用设计的状态管理库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。本文将详细介绍Vuex的核心概念和使用方法，并通过一个完整的示例演示如何在Vue.js项目中集成和使用Vuex。1.为什么需要Vuex？在大型Vue.js应用中，多个组件之间可能需要共享状态。通过父子组件的props和事件传
  • 结合Vue与Mybatis-plus优雅的设计分页展示 程序员小徐同学 springbootvue.jsmybatis前端
    分页技术组件的实现与前端显示在这个示例中，我们将结合Vue.js前端代码、请求处理逻辑、以及后端Java代码，实现分页功能。该功能的核心是通过前端传递分页参数给后端，后端处理请求并返回相应的数据，最后前端显示分页后的数据。1.前端Vue.js代码在Vue.js中，我们使用了ElementUI的Pagination组件来处理分页。前端代码中listQuery包含了分页所需的参数，例如currentP
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他