Vue2项目练手——通用后台管理项目第八节

2023-11-14

Vue2项目练手——通用后台管理项目

菜单权限功能
权限管理问题解决

菜单权限功能

不同的账号登录，会有不同的菜单权限
通过url输入地址来显示页面
对于菜单的数据在不同页面之间的数据通信

tab.js

import Cookie from "js-cookie";
export default {
    state:{
        menu:[]
    },
	mutations:{
	//设置menu的数据
        setMenu(state,val){
            state.menu=val
            console.log("val",val)
            Cookie.set('menu',JSON.stringify(val))
        },
        //动态注册路由
        addMenu(state,router){
            //判断缓存中是否有数据
            if(!Cookie.get('menu')) return
            const menu=JSON.parse(Cookie.get('menu'))
            state.menu=menu
            //组装动态路由的数据
            const menuArray=[]
            menu.forEach(item=>{
                if(item.children){
                    item.children= item.children.map(item=>{
                        item.component=()=>import(`../pages/${item.url}`)
                        return item
                    })
                    menuArray.push(...item.children)
                }else{
                    item.component=()=>import(`../pages/${item.url}`)
                    menuArray.push(item)
                }
            })
            console.log("menuArray",menuArray)
            //路由的动态添加
            menuArray.forEach(item=>{
                router.addRoute('main',item)
            })
            console.log("menuArray",menuArray)
        }
    }

全部代码：

import Cookie from "js-cookie";
export default {
    state:{
        isCollapse:false,  //控制菜单的展开还是收起
        tabsList:[
            {
                path:'/',
                name:"home",
                label:"首页",
                icon:"s-home",
                url:'Home/Home'
            },
        ],  //面包屑数据
        menu:[]
    },
    mutations:{
        //   修改菜单展开收起的方法
        collapseMenu(state){
            state.isCollapse=!state.isCollapse
        },
        //更新面包屑
        selectMenu(state,val){
            //判断添加的数据是否为首页
            if(val.name!=='home'){
                // console.log("state",state)
                const index=state.tabsList.findIndex(item=>item.name===val.name)
                //如果不存在
                if(index===-1){
                    state.tabsList.push(val)
                }
            }
        },
        //删除指定的tag
        closeTag(state,item){
            const index=state.tabsList.findIndex(val=>val.name===item.name)
            state.tabsList.splice(index,1)   //splice(删除的位置，删除的个数）
        },
        //设置menu的数据
        setMenu(state,val){
            state.menu=val
            console.log("val",val)
            Cookie.set('menu',JSON.stringify(val))
        },
        //动态注册路由
        addMenu(state,router){
            //判断缓存中是否有数据
            if(!Cookie.get('menu')) return
            const menu=JSON.parse(Cookie.get('menu'))
            state.menu=menu
            //组装动态路由的数据
            const menuArray=[]
            menu.forEach(item=>{
                if(item.children){
                    item.children= item.children.map(item=>{
                        item.component=()=>import(`../pages/${item.url}`)
                        return item
                    })
                    menuArray.push(...item.children)
                }else{
                    item.component=()=>import(`../pages/${item.url}`)
                    menuArray.push(item)
                }
            })
            console.log("menuArray",menuArray)
            //路由的动态添加
            menuArray.forEach(item=>{
                router.addRoute('main',item)
            })
            console.log("menuArray",menuArray)
        }
    }
}

Login.vue

getMenu(this.form).then(({data})=>{
            console.log(data)
            if(data.code===20000){
              Cookie.set('token',data.data.token)
              //获取菜单的数据，存入store中
              this.$store.commit('setMenu',data.data.menu)
              this.$store.commit('addMenu',this.$router)
              //跳转到首页
              this.$router.push('/home')
            }else{
              this.$message.error(data.data.message)
            }
          })

全部代码：

<template>
  <div id="app">
    <div class="main-content">
      <div class="title">系统登录</div>
      <div class="content">
        <el-form label-width="70px" :inline="true" :model="form" status-icon :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item label="用户名" prop="username">
            <el-input v-model="form.username" placeholder="请输入账号"></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="password">
            <el-input v-model="form.password" type="password" autocomplete="off" placeholder="请输入密码"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button></el-col>
          </el-form-item>
        </el-form>
      </div>
    </div>

  </div>

</template>

<script>
// import Mock from 'mockjs'
import Cookie from 'js-cookie'
import {getMenu} from "@/api";
export default {
  name: "login",
  data(){
    return{
      form: {
        username: '',
        password:""
      },
      rules: {
        username: [
          {required: true, message: '请输入用户名', trigger: 'blur'},
        ],
        password: [
          {required:true,message:"请输入密码",trigger:"blur"}
        ]
      }
    }
  },
  methods:{
    //登录
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          //token信息
          /*const token=Mock.Random.guid()  //生成随机数
          //token信息存入cookie用于不同页面间的通信
          Cookie.set('token',token)*/
          getMenu(this.form).then(({data})=>{
            console.log(data)
            if(data.code===20000){
              Cookie.set('token',data.data.token)
              //获取菜单的数据，存入store中
              this.$store.commit('setMenu',data.data.menu)
              this.$store.commit('addMenu',this.$router)
              //跳转到首页
              this.$router.push('/home')
            }else{
              this.$message.error(data.data.message)
            }
          })

        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
  }
}
</script>

<style lang="less" scoped>
#app {
  display: flex;
  background-color: #333;
  height: 100vh;
  .main-content{
    height: 300px;
    width: 350px;
    //line-height: 100vh;
    background-color: #fff;
    margin: 200px auto;
    border-radius: 15px;
    padding: 35px 35px 15px 35px;
    box-sizing: border-box;
    box-shadow: 5px  5px 10px rgba(0,0,0,0.5),-5px -5px 10px rgba(0,0,0,0.5);
    .title{
      font-size: 20px;
      text-align: center;
      font-weight: 300;
    }
    .content{
      margin-top: 30px;
    }
    .el-input{
      width: 198px;
    }
    .el-button{
      margin-left: 105px;
    }
  }
}
</style>

CommonAside.vue

data() {
    return {
    };
  },
menuData(){
      //判断当前数据,如果缓存中没有，当前store中获取
      return JSON.parse(Cookie.get('menu'))||this.$store.state.tab.menu
    }

全部代码：

<template>
    <el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
             :collapse="isCollapse" background-color="#545c64" text-color="#fff"
             active-text-color="#ffd04b">
      <h3>{{isCollapse?'后台':'通用后台管理系统'}}</h3>
      <el-menu-item @click="clickMenu(item)"  v-for="item in noChildren" :key="item.name" :index="item.name">
        <i :class="`el-icon-${item.icon}`"></i>
        <span slot="title">{{item.label}}</span>
      </el-menu-item>
      <el-submenu :index="item.label" v-for="item in hasChildren" :key="item.label">
        <template slot="title">
          <i :class="`el-icon-${item.icon}`"></i>
          <span slot="title">{{item.label}}</span>
        </template>
        <el-menu-item-group>
          <el-menu-item @click="clickMenu(subItem)" :index="subItem.path" :key="subItem.path" v-for="subItem in item.children">
            {{subItem.label}}
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>

</template>



<style lang="less" scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
.el-menu{
  height: 100vh;  //占据页面高度100%
  h3{
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
  }
}
</style>

<script>
import Cookie  from "js-cookie";
export default {
  data() {
    return {
    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    clickMenu(item){
      // console.log(item)
      // console.log(this.$route.path)
      // 当页面的路由与跳转的路由不一致才允许跳转
      if(this.$route.path!==item.path && !(this.$route.path==='/home'&&(item.path==='/'))){
        this.$router.push(item.path)
      }
      this.$store.commit('selectMenu',item)
    }
  },
  mounted() {
    // console.log(this.$route.path)
  },
  computed:{
    //没有子菜单的数据
    noChildren(){
      return this.menuData.filter(item=>!item.children)
    },
    //有子菜单数组
    hasChildren(){
      return this.menuData.filter(item=>item.children)
    },
    isCollapse(){
      return this.$store.state.tab.isCollapse
    },
    menuData(){
      //判断当前数据,如果缓存中没有，当前store中获取
      return JSON.parse(Cookie.get('menu'))||this.$store.state.tab.menu
    }

  }
}
</script>

router/index.js

{
            // 子路由
            name:"main",
            path:'/',
            redirect:"/home",  //重定向 当路径为/，则重定向home
            component:Main,
            children:[
                    /*{
                        name:"user",
                        path:"user",
                        component:User,
                        meta:{title:"用户管理"}
                    },
                    {
                        name:"home",
                        path:"home",
                        component:Home,
                        meta:{title:"首页"}
                    },
                    {
                        name:"mall",
                        path:"mall",
                        component:Mall,
                        meta:{title:"商品管理"}
                    },
                    {
                        name:"page1",
                        path:"page1",
                        component:PageOne,
                        meta:{title:"页面1"}
                    },
                    {
                        name:"page2",
                        path:"page2",
                        component:PageTwo,
                        meta:{title:"页面2"}
                    }*/
            ]
        }

全部代码：

import VueRouter from "vue-router";
import Login from "@/pages/Login.vue";
import Main from '@/pages/Main.vue';
import User from "@/pages/User.vue";
import Home from "@/pages/Home.vue";
import Mall from "@/pages/Mall.vue";
import PageOne from "@/pages/PageOne.vue";
import PageTwo from "@/pages/PageTwo.vue";
import Cookie from "js-cookie";

const router= new VueRouter({
    // 浏览器模式设置，设置为history模式
    // mode:'history',
    routes:[
        {
            name:'login',
            path:"/login",
            component:Login,
            meta:{title:"登录"},
        },
        {
            // 子路由
            name:"main",
            path:'/',
            redirect:"/home",  //重定向 当路径为/，则重定向home
            component:Main,
            children:[
                    /*{
                        name:"user",
                        path:"user",
                        component:User,
                        meta:{title:"用户管理"}
                    },
                    {
                        name:"home",
                        path:"home",
                        component:Home,
                        meta:{title:"首页"}
                    },
                    {
                        name:"mall",
                        path:"mall",
                        component:Mall,
                        meta:{title:"商品管理"}
                    },
                    {
                        name:"page1",
                        path:"page1",
                        component:PageOne,
                        meta:{title:"页面1"}
                    },
                    {
                        name:"page2",
                        path:"page2",
                        component:PageTwo,
                        meta:{title:"页面2"}
                    }*/
            ]
        }

    ]
})
//添加全局前置导航守卫
router.beforeEach((to,from,next)=>{
    //判断token存不存在
    const token=Cookie.get('token')
    //token不存在，说明当前用户是未登录，应该跳转至登录页
    if(!token&&to.name!=='login'){
        next({name:'login'})
    }else if(token && to.name=="login"){   //token存在，说明用户登录，此时跳转至首页
        next({name:'home'})
    }else{
        next()
    }
})
// 后置路由守卫
router.afterEach((to,from)=>{
    document.title=to.meta.title||"通用后台管理系统"
})
export default router

请添加图片描述

权限管理问题解决

router/tab.js

clearTabs(state){
            //清除除过首页之外的所有面包屑
            state.tabsList=state.tabsList.splice(0,1)
        }

全部代码：

import Cookie from "js-cookie";
export default {
    state:{
        isCollapse:false,  //控制菜单的展开还是收起
        tabsList:[
            {
                path:'/',
                name:"home",
                label:"首页",
                icon:"s-home",
                url:'Home/Home'
            },
        ],  //面包屑数据
        menu:[]
    },
    mutations:{
        //   修改菜单展开收起的方法
        collapseMenu(state){
            state.isCollapse=!state.isCollapse
        },
        //更新面包屑
        selectMenu(state,val){
            //判断添加的数据是否为首页
            if(val.name!=='home'){
                // console.log("state",state)
                const index=state.tabsList.findIndex(item=>item.name===val.name)
                //如果不存在
                if(index===-1){
                    state.tabsList.push(val)
                }
            }
        },
        //删除指定的tag
        closeTag(state,item){
            const index=state.tabsList.findIndex(val=>val.name===item.name)
            state.tabsList.splice(index,1)   //splice(删除的位置，删除的个数）
        },
        //设置menu的数据
        setMenu(state,val){
            state.menu=val
            console.log("val",val)
            Cookie.set('menu',JSON.stringify(val))
        },
        //动态注册路由
        addMenu(state,router){
            //判断缓存中是否有数据
            if(!Cookie.get('menu')) return
            const menu=JSON.parse(Cookie.get('menu'))
            state.menu=menu
            //组装动态路由的数据
            const menuArray=[]
            menu.forEach(item=>{
                if(item.children){
                    item.children= item.children.map(item=>{
                        item.component=()=>import(`../pages/${item.url}`)
                        return item
                    })
                    menuArray.push(...item.children)
                }else{
                    item.component=()=>import(`../pages/${item.url}`)
                    menuArray.push(item)
                }
            })
            console.log("menuArray",menuArray)
            //路由的动态添加
            menuArray.forEach(item=>{
                router.addRoute('main',item)
            })
            console.log("menuArray",menuArray)
        },
        clearTabs(state){
            //清除除过首页之外的所有面包屑
            state.tabsList=state.tabsList.splice(0,1)
        }
    }
}

CommonHeader.vue

handleClick(command){
      if(command==='cancel'){
        console.log("登出")
        //清除Cookie的token信息
        Cookie.remove('token')
        //清除cookie中的menu
        Cookie.remove('menu')
        this.$store.commit('clearTabs')
        this.$router.push('/login')
      }

    }

全部代码：

<template>
  <div class="header-container">
    <div class="l-content">
      <el-button style="margin-right: 20px" icon="el-icon-menu" size="mini" @click="handleMenu"></el-button>
      <!--      面包屑-->
<!--      <span class="text">首页</span>-->
      <el-breadcrumb separator="/">
        <el-breadcrumb-item v-for="item in tags" :key="item.path" :to="{ path: item.path }">{{ item.label }}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="r-content">
      <el-dropdown @command="handleClick">
          <span class="el-dropdown-link">
            <img src="@/assets/user.webp" alt="">
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>个人中心</el-dropdown-item>
            <el-dropdown-item command="cancel">退出</el-dropdown-item>
          </el-dropdown-menu>
      </el-dropdown>
    </div>
  </div>

</template>

<script>
import {mapState} from 'vuex'
import Cookie from 'js-cookie'
export default {
  name: "CommonHeader",
  methods:{
    handleMenu(){
      this.$store.commit('collapseMenu')
    },
    handleClick(command){
      if(command==='cancel'){
        console.log("登出")
        //清除Cookie的token信息
        Cookie.remove('token')
        //清除cookie中的menu
        Cookie.remove('menu')
        this.$store.commit('clearTabs')
        this.$router.push('/login')
      }

    }
  },
  computed:{
    ...mapState({
      tags: state=>state.tab.tabsList
    })
  }
}
</script>

<style scoped lang="less">
.header-container {
  height: 60px;
  background-color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;

  .text {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
  }
  .r-content{
    img{
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }
  }
  .l-content{
    display: flex;
    align-items: center;
    /deep/.el-breadcrumb__item{   /*元素没有绑定data-v-5a90ec03这样的编号时候，样式不起作用，使用deep进行穿刺可解决问题*/
      .el-breadcrumb__inner{
        font-weight: normal;
        &.is-link{
          color: #666;
        }
      }
      &:last-child{
        .el-breadcrumb__inner {
          color: #fff;
        }
      }
    }
  }
}
</style>

main.js

created(){
    store.commit('addMenu',router)
  }

全部代码：

import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router";
import router from "@/router";
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
import store from '@/store'
//引入mock模拟
import '@/api/mock'

Vue.config.productionTip = false
Vue.use(VueRouter)
Vue.use(ElementUI)
new Vue({
  store,
  router,
  render: h => h(App),
  created(){
    store.commit('addMenu',router)
  }
}).$mount('#app')

请添加图片描述

项目到此Vue2部分也就结束了

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端

vue基础

javascript

vuejs

Vue2项目练手——通用后台管理项目第八节的相关文章

在 config() 模块中注入依赖项 - AngularJS

目前在 app js 中我有以下路线 var gm angular module gm gm services gm directives gm filters gm controllers ngSanitize gm config rou
循环选项在 youtube js api 中不起作用

我想知道为什么我的代码不循环播放视频除了循环选项之外一切正常我真的需要它多谢 div You need Flash player 8 and JavaScript enabled to view this video div
将相同的多个对象推送到多个数组中

这是后续使3个数组相互对应第一个是对象名称 https stackoverflow com questions 57564488 make 3 arrays correspond to each other with the first
Safari 不触发表单提交

对于一个项目我有两个选择表单字段它们通过 jquery 触发器提交发送这在 Firefox 和 Chrome 中运行良好但在 Safari 中没有任何反应这是 HTML 代码
JQuery UI Draggable - 如何知道元素是否可拖动初始化？

我的逻辑是 if this draginited a drag disabled element shouldn t get pass here as it is inited this draggable 我搜索了很多找不到实现这个逻辑
计算div中有多少个元素

我有一个div 里面有span 有没有一种方法可以计算 div 中有多少个元素然后将其作为值给出例如一个 div 中有 5 个跨度那么它会对其进行计数并发出警报 5 请使用 JavaScript 谢谢如果你想要后代的数量你可以使
使用 lambda 更新 amazon s3 对象元数据而不执行对象复制？

是否可以使用 lambda 函数添加或更新 s3 对象元数据而不复制对象这篇 2 年前的帖子说我们确实需要复制一份 https stackoverflow com questions 32646646 how do i update m
从字符串中提取电子邮件地址

我有一个像这样的字符串 Francesco Renga lt email protected cdn cgi l email protection gt 我只需要提取电子邮件即电子邮件受保护 cdn cgi l email protec
如何使用 RSpec 测试 javascript 重定向？

我正在使用 xhr post 与控制器交互并且我期待重定向在 js erb 中我有 window location href address 手动测试浏览器会正确重定向我如何使用 RSpec 测试它 response should
Android键盘点击搜索输入时出现和消失

我在用谷歌地图 Js API当我搜索一个地方时我的输入搜索栏工作正常当我通过 iPhone 设备使用它时它也工作得很好但是当我通过Android 设备然后键盘立即出现和消失我已经找到了一些关于当我按下搜索栏时 android 键盘
在 angularJS 中覆盖模块值/常量的最佳方法

我用 angularJS 编写了一个模块封装了所有后端通信为了获得更大的灵活性我将 api 前缀作为模块上的常量值可能是值因为我没有在配置阶段使用它所以像 angular module myapp data constant a
无法将中间件与 Firebase 和 NuxtJS 3 一起使用

我正在尝试在示例项目中使用 Firebase 身份验证身份验证按预期工作但是一旦我想使用中间件来阻止用户访问管理页面或在已经登录的情况下访问登录页面这是不可能的我已经尝试了几个小时但没有任何效果这是我的package json
添加元数据到快速路线

有什么方法可以将元数据添加到 Express 的路线中吗例如 app get some route function req res some meta data 我正在寻找一种针对我的节点应用程序的 AOP 方法因此我想通过身份验证和
Boolean("false") 返回 true..还有其他选择吗？

我正在使用 jquery 将 true 和 false 字符串写入 data html 属性但是当我将 false 写入其中一个属性然后检查它是否为 false 时它会返回 true 我还在网上读到它应该这样做这真的毫无意义有
jQuery.ajax() 记录 HTTP 请求

我有一个发送 HTTP POST 请求的函数我想记录它以进行调试这是函数 function serverRequest URL DATA callback ajax url URL type POST dataType text con
同源政策目的可疑

正如我所读到的同源策略是防止源自邪恶域 A 的脚本向良好域 B 发出请求换句话说跨站点请求伪造玩了一下我了解到的Access Control Allow Origin标头和CORS据我了解它允许从好域 B 指定服务器域
检测浏览器是否支持 contentEditable？

There s 这个问题 https stackoverflow com questions 3497942 browser detect contenteditable features 但发布的解决方案是浏览器嗅探我试图避免这种情况
在 Javascript 中使用 fetch API 接收和处理 JSON

在我的项目中当条件不足时我的 Django 应用程序会发送带有消息的 JSON 响应我使用这个 JsonResponse 指令 Code data is taken email email return JsonResponse da
为什么转换 new.Date() .toISOString() 会改变时间？

我正在以两种不同的格式在数据库中插入日期这是作为日期时间插入 var mydate mydate new Date document getElementById clockinhour value mydate toISOString
使用 Google Visualization，为什么 DataView 内容显示在 ChartRangeFilter 中，而不显示在其关联的 LineChart 中？

下面的代码应该从 CSV 文件填充 DataView 然后 DataView 被输入到 DashBoard 其中包含绑定在一起的 LineChart 和 ChartRangeFilter 我的问题是虽然 ChartRangeFilter

随机推荐

MATLAB泰勒展开

MATLAB函数 taylor 题目对y exp x 进行4阶泰勒展开并验证函数调用格式 taylor fcn x x0 Order 6 对函数fcn在点x0处进行6阶泰勒展开 MATLAB代码 clc clear all clos
三菱plc指令详细解析

一顺控指令 1 触点指令 00 LD 逻辑操作开始 01 LDI 逻辑非操作开始 02 AND 逻辑乘 03 ANI 逻辑乘非 04 OR 逻辑加 05 ORI 逻辑加非 2 连接指令 06 ANB AND逻辑块与 07 ORB OR逻辑
一张图正则表达式

一张图正则表达式
VW ware安装Ubuntu虚拟机及环境配置

实验前准备 VMware 官网下载 Ubuntu XXX iso 文件过大阿里云镜像下载熟悉那种Linux内核就下载那种这个不会影响集群的搭建 https pan baidu com s 1tFvCA4PmNC2tZN7Yp2BkZQ
vue组件销毁重置详解

v if方式 key方式 destroy v if方式
在Windows下使用MingGW[GCC+OpenMP]和CodeBlocks开发多核应用基本环境配置

转自 http blog csdn net danny xcz article details 3332251 从06年开始多核开发已经越来越多的成为所有应用设计必须考虑的问题我使用MingGW CodeBlocks来测试OpenMP多
浪涌保护电路设计

浪涌保护电路设计一什么是浪涌二浪涌的产生 2 1浪涌的产生 2 2浪涌的传输介质 2 3IEC定义的浪涌标准三浪涌保护电路一什么是浪涌浪涌是一种瞬变干扰在某种特定条件下由电网造成的瞬间电压超出额定电压的范围通常这个瞬变
Docker(三) 创建Docker镜像

一在Docker中拉取最基本的Ubuntu系统镜像搜索Ubuntu镜像 Explore Docker s Container Image Repository Docker Hub 下载镜像 docker pull ubuntu 22
PS解决“无法使用快速选择，因为没有足够内存（RAM）”

PS解决无法使用快速选择因为没有足够内存 RAM win R打开命令行在输入框输入 regedit 点击确定找到目录HKEY CURRENT USER Software Adobe Photoshop 点击对应版本Photoshop
万维网服务器协议提供web,万维网的HTTP和FTP协议.doc

万维网的HTTP和FTP协议 doc 万维网的HTTP和FTP协议摘要 20世纪40年代以来人们就梦想能拥有一个世界性的信息库在这个信息库中信息不仅能被全球的人们存取而且能轻松地链接到其他地方的信息使用户可以方便快捷地获得重要
PyQt5 自动计算阵列矩阵

说实话其实我当时听懂了真正写代码的时候越写越懵逼所以还是记录下来吧另外有兴趣了解的同学还是看老师的视频解说比较好想学PyQT的同学强烈建议看这个老师的视频由浅入深从PyQT最基本的开始教学非常棒 bilibili https
第五章：平衡二叉树

系列文章目录文章目录系列文章目录前言 1 平衡二叉树的介绍 1 1 AVL树的概念 1 2 AVL树的性质 2 平衡二叉树的插入 2 1 平衡二叉树的插入步骤 2 2 平衡二叉树的旋转 2 2 1 左单旋 2 2 2 右单旋 2 2
/etc/vsftpd.conf详解

匿名权限控制 anonymous enable YES 是否启用匿名用户no anon password YES 匿名用户login时不询问口令下面这四个主要语句控制这文件和文件夹的上传下载创建删除和重命名 anon upload e
4399笔试题

1 冒泡排序的时间复杂度 2 有无序数字5000个用什么算法能快速的找出最大的前50个数字 3 比如有10个台阶一直青蛙一次只能跳一个或者二个台阶问青蛙从第一个台阶开始跳最多有几种跳法 4 从区间 2 2 中随意取出二个实数它们的和
解析顶点着色器和片元着色器

管线也称渲染管线因为 OpenGL ES在渲染处理过程中会顺序执行一系列操作这一系列相关的处理阶段就被称为OpenGL ES 渲染管线 OpenGL ES 渲染过程就如流水线作业一样这样的实现极大地提高了渲染的效率如图就是 Ope
C/C++遍历文件夹下所有文件或文件夹名称(使用Windows API)

目录前言实现思路源代码前言在项目开发中经常需要去遍历某一个文件夹下的一些资源文件为了避免重复造轮子刚好在此记录一下实现思路 1 给出一个文件夹名称 2 获取文件句柄 3 过滤掉和上一级和当前目录 4 通过获取 find
（一）抖音快手短视频去水印原理分析

抖音一首先获取分享短链接一我打12360他竟告诉我不可以订票洛阳综合保税区海关 https v douyin com JrA4H4N 复制此链接打开抖音短视频直接观看视频短链接 https v douyin com Jr
nginx负载均衡

目录负载均衡 nginx的七层代理和四层代理七层代理的就是http请求和响应四层代理与七层代理之间的区别正向代理与反向代理负载均衡 upstream 算法算法总结 stream 负载均衡通过反向代理来实现 nginx的七层代理
修改 Ztree 节点的图标 ( icon 与 iconSkin)

1 使用 icon 首先进入 Ztree 官网查看 Api http www treejs cn v3 api php 你可以下载官网上的ztree压缩包在里面有自定义图标的实例代码或进入这个地址下载 https download
Vue2项目练手——通用后台管理项目第八节

Vue2项目练手通用后台管理项目菜单权限功能 tab js Login vue CommonAside vue router index js 权限管理问题解决 router tab js CommonHeader vue main j

Vue2项目练手——通用后台管理项目第八节

Vue2项目练手——通用后台管理项目

菜单权限功能

tab.js

Login.vue

CommonAside.vue

router/index.js

权限管理问题解决

router/tab.js

CommonHeader.vue

main.js

Vue2项目练手——通用后台管理项目第八节 的相关文章

随机推荐

热门标签

Vue2项目练手——通用后台管理项目第八节的相关文章