注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue点餐系统开发（前后端+webapi axois vuex知识点）

  2. 教程以点餐系统为例，讲解了使用vue脚手架构建SPA项目,详细演示了vue组件开发，组件之间的参数传递、表单验证、数据双向绑定、列表渲染、使用VUEX进行全局变量状态控制、使用axios与webapi进行数据交换，此教程不仅仅讲解了前端，还深入讲解了数据库设计及后台管理系统开发，例如后台登录模块、产品发布模块、订单管理模块、用户管理等模块等，为了演示接口创建和调用，全程演示了webapi的创建和部署。通过本套教程的学习，你不仅可以学到vue的高级知识，还能学到数据库设计、后台管理系统开发、we

  3. 所属分类：.Net

    • 发布日期：2018-07-29
    • 文件大小：78643200
    • 提供者：tangyan1207

  1. 仿网易音乐VUE项目

  2. 仿网易音乐VUE项目 ## 功能特性 1. 登录 2. 刷新登录 3. 发送验证码 4. 校验验证码 5. 注册(修改密码) 6. 获取用户信息 , 歌单，收藏，mv, dj 数量 7. 获取用户歌单 8. 获取用户电台 9. 获取用户关注列表 10. 获取用户粉丝列表 11. 获取用户动态 12. 获取用户播放记录 13. 获取精品歌单 14. 获取歌单详情 15. 搜索 16. 搜索建议 17. 获取歌词 18. 歌曲评论 19. 收藏单曲到歌单 20. 专辑评论 21. 歌单评论 22.

  3. 所属分类：其它

    • 发布日期：2020-08-06
    • 文件大小：8388608
    • 提供者：zfy1999

  1. vue-router beforeEach跳转路由验证用户登录状态

  2. 主要介绍了vue-router beforeEach跳转路由验证用户登录状态,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：51200
    • 提供者：weixin_38718223

  1. 在Vue项目中引入腾讯验证码服务的教程

  2. 什么是腾讯验证码？它长这个样子……:point_down:   最近公司项目要求引入腾讯云验证，要求是这样的： 为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾讯验证码，验证成功后会继续自动发送验证码 ，刚开始的我听的一脸蒙蔽，网上搜索也没有多少相关的文章，然而现在我接通啦，发现是很简单点事（或许就是因为太简单了所以没有人写2333…） 不多BB，开始吧！ 先看文档的接口调用流程：   （文档地址： cloud.tencent.com/document/pr… ） 总

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：195584
    • 提供者：weixin_38724333

  1. vue路由导航守卫和请求拦截以及基于node的token认证的方法

  2. 什么时候需要登录验证与权限控制 1、业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面； 2、多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录；在登录过期或失效时，需要重定向到登录页面 如何使用路由守卫 定义一个index.js页面用来定义页面的路由，代码如下： import Vue from 'vue' import Router from 'vue-router' import blogInd

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：51200
    • 提供者：weixin_38606656

  1. vue router+vuex实现首页登录验证判断逻辑

  2. 首页登录逻辑要求在页面上判断是否获取到登录token ，没有获取到则跳转到登录页。登录成功后，跳转到前一个页面。 1.vue router 路由判断首先我们想到的是router.beforeEach 前置导航守卫 ，这个方法接受三个参数 to from next 。 to参数为即将跳转的路由路径，from为当前导航正要离开的路由，next方法用来resolve这个钩子。 下面以工作中写的一个判断为为例子： router.beforeEach(async (to, from, next

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：37888
    • 提供者：weixin_38713039

  1. vue router 用户登陆功能的实例代码

  2. 有些路由页面需要用户登陆之后才能访问如（用户中心），如果用户没有登陆就访问这些页面的话就应该转换到登陆页面，登陆成功之后在进入该页面。 需要用到的知识点有：H5中的会话存储（sessionStorage）、vue-router路由前置操作、路由元信息(meta). 路由配置 在路由页面中添加auth字段信息用于验证当前路由页面是否需要登陆。 const router = new Router({ mode: 'history', base: process.env.BASE_URL,

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：37888
    • 提供者：weixin_38556189

  1. vue登录页面cookie的使用及页面跳转代码

  2. 1、大概流程  a、登录：前端使用validate对输入信息进行验证 验证成功则成功跳转到用户信息页并存储cookie值  b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户信息页,若为空则跳转登录页  c、退出页：点击退出跳转首页并删除cookie值 2、目录介绍 cookie.js为公共方法，用于cookie的存储、获取及删除 login.vue :登录页 index.vue:首页 user.vue:用户信息页 myinfo.vue:退出页 3、文件内容 a、co

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：110592
    • 提供者：weixin_38641896

  1. 深入理解Vue 的钩子函数

  2. 前言 说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子( created , mounted )，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢… Vue-Router导航守卫 有的时候，我们需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则就取消跳转，并跳到登录页面让其登录。 为此我们有很多种方法可以植入路由的导航过程： 全局的,

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：191488
    • 提供者：weixin_38538264

  1. Vue 页面权限控制和登陆验证功能的实例代码

  2. 页面权限控制 页面权限控制是什么意思呢？ 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。 Vue 动态添加路由及生成菜单 这是我写过的一篇文章， 通过动态添加路由和菜单来做控制，不能访问的页面不添加到路由表里，这是其中一种办法。 另一种办法就是所有的页面都在路由表里，只是在访问的时候要判断一下角色权限。如果有权限就让访问，没有权限就拒绝，跳转到 404 页面。 思路： 在每一个路由的 meta 属性里，将能

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：49152
    • 提供者：weixin_38549721

  1. vue elementui el-form rules动态验证的实例代码详解

  2. 一、介绍 简介：在使用elementUI el-form 中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。 图片介绍： 1、在用户选择单选或多选时会有A,B,C,D,E五个选项 2、在用户选择简答题时只会题干，答案以及解析选项（主要是通过v-if来进行判断） 问题引入：当用户选择不同的题库时会产生不同的form表单选项，这个时候在进行表单提交验证的时候就需要根据不同试题类型进行判断，这个时候就需要两个rules来动态进行表单校验。 解决方法：在页面加

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：211968
    • 提供者：weixin_38631225

  1. vue+koa2实现session、token登陆状态验证的示例

  2. Session 登陆与 Token 登陆的区别 1、Session 登陆是在服务器端生成用户相关 session 数据，发给客户端 session_id 存放到 cookie 中，这样在客户端请求时带上 session_id 就可以验证服务器端是否存在 session 数据，以此完成用户认证。这种认证方式，可以更好的在服务端对会话进行控制，安全性比较高(session_id 随机），但是服务端需要存储 session 数据(如内存或数据库），这样无疑增加维护成本和减弱可扩展性(多台服务器)。

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：71680
    • 提供者：weixin_38708707

  1. Vue 权限控制的两种方法(路由验证)

  2. 下面介绍两种权限控制的方法： 路由元信息(meta) 动态加载菜单和路由(addRoutes) 路由元信息(meta) 如果一个网站有不同的角色，比如 管理员 和 普通用户 ，要求不同的角色能访问的页面是不一样的 这个时候我们就可以 把所有的页面都放在路由表里 ，只要 在访问的时候判断一下角色权限 。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面 vue-router 在构建路由时提供了元信息 meta 配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：66560
    • 提供者：weixin_38729607

  1. vue element动态渲染、移除表单并添加验证的实现

  2. 又接到新需求了吧~~ 背景 在一个大表单里，有可能会出现这种需求，用户可以自己操作动态添加、移除表单，更加个性化的效果。 常见于填写个人信息、附加内容的表单 例如： “工作经历”可以用户自己点击继续添加按钮，在原有的表单后面 append 多一个表单，不需要就点击右上方 X 按钮移除 问题 在实现之前，提出几个问题 vue 怎么动态渲染或移除表单上去 v-model 怎么绑定动态添加表单的 value 值 动态新增的表单如何验证 动态表单怎么填写对应的 prop … 好吧

  3. 所属分类：其它

    • 发布日期：2020-12-07
    • 文件大小：44032
    • 提供者：weixin_38512659

  1. vue项目中极验验证的使用代码示例

  2. 使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调用很多公司开发了出了很多的人机验证的工具，今天就来讲下极验验证在vue项目中的使用。 效果预览 1、遇到的问题 在项目中任何一个页面或vue组件都有可能需要使用到极验，并且极验在初始化时需要传递一些参数，要怎么做才能做到每一个组件都能很方便的使用极验呢？ 极验应该在什么时候初始化？是组件一加载就初始化还是用户点击

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：110592
    • 提供者：weixin_38582719

  1. VUE:vuex 用户登录信息的数据写入与获取方式

  2. 整体思路： 前台获取用户数据，向后台发送post请求，验证成功后 前台接受数据，改变用户登录状态 将登录状态及用户数据写入到state中 这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息 1. 向后台发送请求，若成功返回用户名，密码，使用 this.$store.dispatch(‘setLogin’, true);将数据写入到state中 页面：login.vue 代码： this.loginData = await getUse

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：32768
    • 提供者：weixin_38645669

  1. vue中使用vee-validator完成表单校验方案

  2. 前言 由于大部分移动端的组件库都不提供表单校验，因此需要自己封装。目前，使用较多的是async-validator和vee-validator。其中，elementUI组件库提供的表单验证也是基于async-validator，vee-validator是一种基于vue模板的轻量级校验框架。可以根据项目的需求，自行选择合适的方案。本文主要讨论的是vee-validator校验方案。 表单校验的封装 在vue项目中，表单校验是每个前端开发人员都避免不了的需求。校验的好处可以避免无用的 http 请

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：67584
    • 提供者：weixin_38745925

  1. vue仿淘宝滑动验证码功能(样式模仿)

  2. 我们知道验证码的目的 是为了验证到底是人还是机器。 淘宝滑动验证码会采集用户的操作数据，环境数据等等，通过算法加密成一个字符串，提交到服务器分析，判断是不是人工在操作。 我这里写的只是模仿了样式，并没有进行那些复杂的操作，所以并不安全（不能判断人还是机器）。 因为touch事件和mouse事件不同，和获取clientX在移动端和pc端也不同！！！所以分两端 下面有PC端和移动端！！！（2019-03-12更新） 本文基于vue，引入下面组件 可以直接使用 1、实际效果 2、PC端！！！

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：78848
    • 提供者：weixin_38652270

  1. 基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)

  2. 前言 开发过程中遇到了一个需求，根据用户选择的联系方式，动态改变输入框的检验条件，并且整个表单是可以增加的 在线访问:动态表单校验 github(欢迎star): https://github.com/Mrblackant. .. 思考几个问题 1.整个表单是可新增的，所以要遍历生成； 2.联系方式(手机/座机)的切换，是要切换后边不同类型输入框还是只改变校验规则(本篇是动态改变校验规则) 实现 1.elementui的form表单实现校验的时候要给当前el-form-item加上prop属

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：68608
    • 提供者：weixin_38587924

  1. Vue+Element实现动态生成新表单并添加验证功能

  2. 首先有一个这样的需求，表单中默认有一个联系人信息，用户可以再添加新的联系人信息 点击添加更多联系人之后 官方文档中有写用v-for来实现新增表单，但是那是单表单的新增，现在多表单的新增，可以考虑的实现方法是先写死一个必须的表单，需要新增的两个表单放在一个div里，在div中使用v-for生成，达到同时新增的效果 代码如下 //必填一个联系人的表单 <el-input v-model=ruleForm.notifyobject placeholder

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：71680
    • 提供者：weixin_38683562
« 12 3 4 5 6 7 8 9 10 »