自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

程序猿之洞

虽然程序猿总是被游客调戏,但是仍坚定不移的追寻它的香蕉

  • 博客(1163)
  • 资源 (47)
  • 收藏
  • 关注

原创 【VUE项目实战】15、Home页面布局设计及框架搭建

接上篇《14、退出功能及优化EL按需导入、提交Git》上一篇我们结束了登录模块的开发,本篇我们来正式进行Home主页面的开发,先来进行主页面的设计以及开发前的准备工作。一、主页整体布局我们首先看看需要开发的主页的页面:整个主页分为三大块,最上面是横向的系统标题和操作设置区域,左侧是菜单区域,右侧是主体功能页面显示区域。完成这样一个首页的布局,我们要用到Elemenet-UI中的下列组件:<el-container>:外层容器。当子元素中包含 <el-header> 或

2021-09-21 11:02:21 10100

原创 【VUE项目实战】14、退出功能及优化EL按需导入、提交Git

接上篇《13、登录与退出功能-保存token和页面权限控制》上一篇我们介绍了如何保存token和进行页面权限控制,本篇我们来编写退出功能,以及优化Element-UI按需导入的形式。一、退出功能实现之前在登录页面,输入账号密码,通过后台接口进行认证,将获取到的token值保存在sessionStorage中,以保持登录状态。那么,有登录就有退出,我们来实现退出的功能。退出功能的实现原理:基于token的方式实现退出比较简单,只需要销毁本地的token即可。这样,后续的请求就不会携带token

2021-09-21 10:19:40 1428

原创 【VUE项目实战】13、登录与退出功能-保存token和页面权限控制

接上篇《12、登录与退出功能-请求登录》上一篇我们讲解了点击登录后发起登录请求的操作,本篇我们来讲解登录成功之后,保存登录会话状态的操作。一、登录后的事件简述我们在登录成功之后,需要完成以下内容,来保持登录效果以及跳转登录首页:1、将登录成功后的token,保存到客户端的sessionStorage中1.1 项目中除了登录之外的其他API接口,必须在登录后才能访问1.2 token只应在当前网站打开期间生效,所以将token保存在sessionStotage中。2、通过编程式导航跳转到后台

2021-09-04 15:43:27 3256 6

原创 【VUE项目实战】12、登录与退出功能-请求登录

接上篇《11、绘制登录组件-数据验证篇》上一篇我们讲解了如何实现账号密码的数据验证、表单的重置以及登录前的预验证。本篇我们来讲解点击登录后发起登录请求的操作。一、进行登录请求上一篇我们在点击登录按钮前校验了表单内容的合法性,下面我们就根据表单的校验成功与否,来决定是否执行登录。我们在原来的login方法中,判断表单校验方法中的valid形参,如果是false的时候,就不进行登录请求,如果是true,就进行登录请求:login(){ this.$refs.loginFormRef.v.

2021-08-28 17:55:56 3899 5

原创 【VUE项目实战】11、绘制登录组件-数据验证篇

接上篇《10、绘制登录组件-表单篇》上一篇我们绘制了登录组件的表单部分,包括账号密码的填写框,以及登录和重置的按钮,并通过数据绑定获取到账号密码数据。本篇我们讲解如何实现账号密码的数据验证、表单的重置以及登录前的预验证。一、表单的数据验证当我们填写完表单的账号密码后,当鼠标离开控件后,要立即对表单中填写数据的合法性进行校验。进行表单验证的目的是在防止用户犯错的前提下,尽可能让用户更早的发现并纠正错误。效果如下:我们要为el-form表单组件,添加一个“:rules”属性,该属性绑定一个表

2021-08-21 14:21:29 2327

原创 【VUE项目实战】10、绘制登录组件-表单篇

接上篇《9、创建登录组件并绘制布局》上一篇我们创建了登录模块的页面和基础布局,并添加了头像组件,本篇我们来绘制登录组件的表单部分。一、引入组件表单的组件我们依然使用element-ui中的el-form表单组件。因为我们使用的element-ui是按需引入的,所以要先在plugins下的element.js中引入表单组件的依赖:import Vue from 'vue'import { Button } from 'element-ui'import {Form,FormItem} f

2021-08-14 15:49:48 2453

原创 【VUE项目实战】9、创建登录组件并绘制布局

接上篇《8、登录与退出功能开发准备(二)》上一篇讲解了登录模块的开发的前置准备工作,本篇来正式开发登录模块。一、创建登录组件并渲染下面我们创建一个根组件,并将根组件渲染到App根组件中。打开vscode编辑器,打开“components”文件夹,新建一个名为“Login.vue”的登录组件:一个完整的vue组件包含“结构”、“行为”和“样式”,我们将这三块编写上去:<template> <div> 登录组件 </div>&l...

2021-08-07 11:50:29 4432 5

原创 【VUE项目实战】8、登录与退出功能开发准备(二)

接上篇《7、登录与退出功能开发准备(一)》上一篇讲解了登录模块的需求和保持登录的原理。本篇就来准备开发登录与退出功能的前置工作。一、登录的页面布局整个登录页面是通过Element-UI组件实现的布局:在页面正中间有一个div,div的头部区有一个头像,div的中间有登录账号和登录密码,在div的底部有登录和重置按钮。在绘制页面期间,我们会使用到以下的Element-UI组件:●el-form●el-form-item●el-input●el-button●字体图标其中“el-

2021-07-31 09:31:50 2427 2

原创 【VUE项目实战】7、登录与退出功能开发准备(一)

接上篇《6、后台项目的安装配置》上一篇我们部署了一个可以提供接口的后台项目,并且调试通了登录接口。本篇就来梳理登录的需求和相关技术点。首先我们先来描述一下需求。一、登录概述1、登录业务流程①在登录页面输入用户名和密码②点击登录按钮,调用后台接口进行验证③通过验证后,根据后台的响应状态跳转到项目主页2、登录业务的相关技术点因为http是无状态的,如果要保持用户登录后的在线状态,需要一种记录状态的方式,通常有以下3中方式:●通过cookie在客户端记录状态●通过session在服务

2021-07-31 09:25:19 2250

原创 【VUE项目实战】6、后台项目的安装配置

接上篇《5、本地项目托管到码云(Gitee)》在前面的博文中,我们已经初始化完成了一个VUE的前端项目,因为是前后端分离的项目,必须要依赖于一个可以提供接口的后台项目。本篇单据介绍一下,如何配置一个基于Node.js的后台项目,来支持我们前端项目的开发。步骤有4步:①安装MySQL数据库②安装Node.js环境③配置项目相关信息(安装依赖包)④启动项目⑥使用Postman测试后台项目接口是否正常1、安装MySQL数据库此处不再赘述,具体的安装步骤,参考【菜鸟教程 runoob.com.

2021-07-18 14:21:26 2129 3

原创 【VUE项目实战】5、本地项目托管到码云(Gitee)

接上篇《4、初始化远程Git仓库》上一篇讲解了如何初始化远程Git仓库,本篇我们将本地项目托管到申请好的码云(Gitee)账户中。首先我们创建一下项目,登录码云后,找到右上角的“+”号,选择“新建仓库”:在弹出的页面中,输入项目名称和仓库介绍等一些信息:点击创建,就会跳转到新建好的仓库中:我们需要根据上面的提示,去在我们本地电脑上进行Git全局设置。首先配置全局参数(用户名和密码):注:这里要先安装Git工具,才能使用Git指令。下载Git工具(访问:https:/

2021-07-11 11:37:49 2463 4

原创 【VUE项目实战】4、初始化远程Git仓库

接上篇《3、项目初始化》本篇我们来讲解如何初始化远程Git仓库,以及将本地项目托管到Github或码云(Gitee)中。首先Github和码云都是代码托管平台,两个平台的使用方式几乎一样。其中Github的服务器位于国外,码云是国内的服务,从访问速度上看,码云的速度比Github上快很多。下面我们就来申请一个码云账号,然后进行一些配置。打开浏览器,在地址栏输入gitee.com,打开码云官网首页:如果没有账号,可以点击右上角的注册:简单的填写一下手机或邮箱就可以注册成功了。因

2021-07-11 10:47:53 1591 2

原创 【VUE项目实战】3、项目初始化

接上篇《2、项目开发模式概述》说完了项目的学习目标和开发模式后,我们正式开始项目的实战开发。首先我们需要先进行项目的初始化,前端项目初始化的步骤如下:①安装Vue脚手架脚手架可以帮我们否建项目结构。②通过Vue脚手架创建项目通过脚手架生成项目结构。③配置Vue路由安装和配置路由工具。④配置Element-UI组件库安装饿了么的Vue组件库,它提供了很多前端样式和功能。⑤配置axios库配置该库来实现网络服务访问。⑥初始化git远程仓库前端项目通过git托管,进行源代

2021-06-20 10:43:05 2199 4

原创 【VUE项目实战】2、项目开发模式概述

接上篇《1、学习目标以及概述》本篇我们来讲解一下该实战项目的开发模式。1一、前后端分离开发模式本实战项目是电商后台管理系统,使用的是“前后端分离”的开发模式,其中前端项目是基于Vue技术栈的SPA(单页面应用)项目:图2.1.png这里,后端主要负责操作数据库,并且向前端暴露一些API接口。前端主要负责绘制页面,同时使用Ajax技术调用后端提供的API接口。向上面这种后端负责写接口,前端负责调接口的模式,我们叫做“前后端分离”的开发模式。目前大部分公司都采用的是“前后端分离”的开发模式,

2021-06-20 09:28:34 1705

原创 【VUE项目实战】1、学习目标以及概述

之前我们分别学习了ES6和Vue的基础,下面新开启的系列,是从0开始通过Vue搭建一个电商管理系统,从而学习Vue的具体实战。以下博文记录,均参考黑马程序员(www.itheima.com)Vue项目实战教学视频,由本人进行学习总结记录。本篇主要介绍该系列的学习目标以及使用到的技术概述。一、学习目标1、能够基于Vue初始化项目2、能够基于Vue技术栈进行项目开发3、能够使用Vue的第三方组件进行项目开发4、能够说出前后端分离的开发模式总的来说,就是可以使用Vue进行项目的开发,能够利

2021-06-13 10:35:58 3769 2

原创 【JavaScript的ES6语法】13、下一代ES的展望

上一篇我们总结复习了前面所有ES6相关的知识点,本篇我们站在ES6的基础上,展望一下下一代ES的内容。目前ES7的内容已经定稿,而ES8版本的还在酝酿中。我们就来预览一下ES7的拓展方向。下面我们仍然按照不同的知识小结进行讲解(下面的测试依然可以使用谷歌浏览器,如果我们下载的是最新版的谷歌浏览器,其实已经支持ES7的新特性了)。一、数组1、includes方法在ES7中,数组又多了一个方法,叫“includes”,该方法判断一个数组是否包含一个指定的值,如果包含则返回true,否则返回fa

2021-05-30 19:57:34 549 11

原创 【JavaScript的ES6语法】12、ES6总结复习

之前我们已经将ES6的大部分内容讲解完毕了,本篇就来回顾梳理一下前面学习过的知识。1、变量:let、constlet、const是ES6新增的变量修饰符,我们回顾一下它们和之前的var的区别:(1)var 可以重复声明、函数级(2)let 局部变量,不能够重复声明、块级(3)const 常量,不能够重复声明、块级例如下面的函数:<!DOCTYPE html><html><head> <title>TEST ES6</titl..

2021-05-23 21:18:50 3305 30

原创 【JavaScript的ES6语法】11、generator实例-KOA

上一篇我们学习了generator中的runner实例,使用generator配合Promise实现了异步操作改造成同步操作的方法。本篇我们来继续学习generator的另一个实例-----Koa。一、Koa简介Koa是一个新的web框架,由Express幕后的原班人马打造。该框架通过利用async函数,帮开发者丢弃回调函数,并有力地增强错误处理。这里提到的“丢弃回调函数”,就很类似上一章我们实现的runner的效果,这里面也是用到了generator。Koa框架是基于NodeJS的,不了.

2021-05-16 22:07:26 407 6

原创 【JavaScript的ES6语法】10、generator实例-runner

上一篇学习了generator中yield关键字的原理和使用方式,本篇我们来编写一个generator的实例,该实例使用generator配合Promise将异步操作改造成同步操作。一、先说效果注:以下方法逻辑为“开课吧”老师石川(Blue)原创,这里仅进行剖析学习。我们先创建1.txt、2.txt和3.txt三个文件,里面分别存储了数组和json:我们要实现的效果是,使用ajax模拟网络请求,获取文本文件内容,并同时打印三个文本内容。要实现上面的效果,我们需要封装一个名为runner的方法,来

2021-05-09 16:30:06 526 13

原创 【JavaScript的ES6语法】9、generator函数之yield关键字

上一篇我们学习了generator的基本概念 ,知道它可以将方法暂停挂起,需要继续执行的时候再继续执行,在暂停方法的时候,我们使用到了一个关键字“yield”,本篇我们就来重点讲解一下这个关键字。“yield”的主要作用就是放弃当前的方法执行进程,等待新的执行指令后,再继续执行后续的逻辑代码。yield除了发挥刚刚的作用,实际上它还可以传参,也可以返回数据。一、yield传参例如下面的generator方法:<script type="text/javascript">..

2021-05-05 09:13:15 1178 3

原创 【JavaScript的ES6语法】8、generator函数基础

上一篇我们学习完Promise之后,本篇我们来学习generator函数。generator是ES6引入的一个新的函数,动词“generate”的意思是“生成”,那么名词“generator”的意思就是“生成器”。它是用来干什么的呢?通过其字面意思我们应该可以猜到,它是可以生成很多东西的函数,是这样吗?一、generator函数介绍和使用generator函数在ES6中和其他函数的最大不同就是,普通的函数一旦调用后就会执行到底,而generator函数可以控制在中间停止运行,等待新指令放行后继续

2021-04-18 11:57:03 468

原创 【JavaScript的ES6语法】7、ES6语法学习之Promise

Promise的中文含义翻译过来就是“承诺、许诺”的意思,它是ECMAscript 6 原生提供的一个对象,那么它在ES6中起到什么作用呢?在这之前,我们先说一下程序的“异步”和“同步”。所有的程序语言中都存在的两种状态,其中“异步”指的就是操作之间没有关系,可以同时进行多个操作;而“同步”的操作之间是强关联的,只能同时做一件事。例如我们编写前端代码常用的ajax异步调用,有一些数据不随着页面加载而生成,而是同时去获取,避免同步调用时,因为调用数据的不及时导致页面卡死。“异步”操作同时也存在缺点,

2021-04-11 17:43:40 294 2

原创 【JavaScript的ES6语法】6、ES6有关Json新增的特性

上一篇说完了ES6的面向对象,本篇我们来学习ES6针对Json新增的一些特性。1、JSON对象使用JSON对象的stringify方法,可以将JSON对象转换为字符串:<!DOCTYPE html><html><head> <title>TEST ES6</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2021-03-25 22:04:46 993 7

原创 【JavaScript的ES6语法】5、ES6面向对象-使用篇

上一篇我们学习了ES6语法的面向对象的基础,本篇我们来学习ES6面向对象的使用。我们通过React来讲解ES6面向对象的使用,因为React是强依赖于ES6的面向对象的。React是一个用于构建用户UI界面的JAVASCRIPT库,通过对DOM的模拟,最大限度地减少与DOM的交互。React有以下特点:1、组件化---class2、强依赖于JSX(JSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,需要用JS编译器编译,最常用的是babel,用来转译 EC

2021-03-25 21:57:46 367 4

原创 【JavaScript的ES6语法】4、ES6面向对象-基础

一、面向对象的基础1、类的定义在ES4和ES5中的面向对象,写法十分的臃肿,例如下面一个User对象:function User(name,pass){ this.name=name; this.pass=pass;}User.prototype.showName=function(){ console.log(this.name);};User.prototype.showPass=function(){ console.log(this.pass);...

2021-03-06 13:34:42 387

原创 【JavaScript的ES6语法】3、ES6语法学习(字符串)

一、字符串相对于ES6之前的字符串,ES6有以下改变:1、字符串新增了“startsWith”和“endsWith”方法(1)startsWith()方法该方法会判断该字符串对象是否以某个字符开始;例如:let str = "abcd";alert(str.startsWith("a")+"|"+str.startsWith("a"));使用startsWith方法判断字符串是否以“a”开头。我们可以用于判断其中开头的内容,例如来校验收到的网址是什么类型的:<!DOC

2021-03-06 13:30:23 552

原创 【JavaScript的ES6语法】2、ES6语法学习(let和const、解构表达式、函数优化、map和reduce)

一、let和const关键字let和const关键字是用来定义变量的。在此之前,我们定义js变量使用的是“var”关键字。“var”关键字会导致一个问题,就是其定义的变量有时候会莫名变成全局变量。我们创建一个index.html文件,写下如下代码:<!DOCTYPE html><html><head> <title>TEST ES6</title> <meta http-equiv="Content-Type"...

2021-02-28 14:50:52 671 1

原创 【JavaScript的ES6语法】1、认识和学习ECMAScript

一、什么是ECMAScript在Web1.0时代,网页以HTML为主,是只读的,开发人员只需关心页面的样式和内容。在Web2.0时代,网景公司设计了javaScript语言,同时微软也发布了jScript(javaScript的逆向工程实现)。Script语言的出现,使网页除了展示HTML静态内容外,还可以展示一些动态内容,实现一些动态效果。由于出现了不同的Script脚本语言,语法标准各不一样,1997年,ECMA(欧洲计算机制造商协会)以javaScript为基础,制定了ECMAScript标准

2021-02-28 14:40:57 354 1

原创 【Vue学习总结】26.Vuex的重要属性之Getter、Action、Module

接上篇《25.Vuex介绍和实例演示》上一篇我们对vuex的基础和部分核心属性进行了介绍,本篇继续介绍vuex的其他重要属性,以及这些属性的实际应用。本系列博文使用的Vue版本:2.6.11vuex官方网站:https://vuex.vuejs.org/zh/上一篇介绍了State和Mutation,本篇继续来说Getter、Action和Module。一、Getter官方网站对Getter的定义是store的计算属性,Getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生

2021-02-15 11:57:42 778

原创 【Vue学习总结】25.Vuex介绍和实例演示

接上篇《24.Vue UI框架 ElementUi 按需引入》上一篇我们讲解了如何按需引入ElementUI,至此vue系列已经基本介绍完毕,本篇我们来介绍vue的升级版vuex。本系列博文使用的Vue版本:2.6.11vuex官方网站:https://vuex.vuejs.org/zh/一、Vuex 是什么?下面是Vuex官方网站上对Vuex的介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测

2021-01-31 11:21:47 563

原创 【Vue学习总结】24.Vue UI框架 ElementUi 按需引入

接上篇《23.Vue UI框架 ElementUi的使用》上一篇我们讲解了Vue UI的PC端框架ElementUI,以及一些使用实例,本篇我们来讲解如何按需引入ElementUI。本系列博文使用的Vue版本:2.6.11Element UI 官方网站:https://element.eleme.cn/#/zh-CN一、如何按需打包?上一篇我们使用ElementUI的方式,引入ElementUI的方法是全量引入,在mian.js中添加了下述配置:import ElementUI fro

2021-01-16 21:14:04 1446

原创 【Vue学习总结】23.Vue UI框架 ElementUi的使用

接上篇《22.使用Mint UI的infinite-scroll实现上拉分页加载》上一篇我们讲解了通过Mint UI提供的infinite-scroll组件结合api接口实现一个上拉分页加载更多的功能,本篇我们来讲解Vue UI的另一个PC端框架ElementUI。本系列博文使用的Vue版本:2.6.11Element UI 官方网站:https://element.eleme.cn/#/zh-CN一、Element UI介绍Element UI是由饿了么公司前端团队开源的基于 Vue 2

2021-01-10 12:20:52 4268

原创 【Vue学习总结】22.使用Mint UI的infinite-scroll实现上拉分页加载

接上篇《21.Vue-UI框架之Mint UI的使用》上一篇我们讲解了Vue的UI框架Mint UI的使用,本篇我们来通过Mint UI提供的infinite-scroll组件结合api接口实现一个上拉分页加载更多的功能。本系列博文使用的Vue版本:2.6.11Mint UI 中文开发文档:https://www.w3cschool.cn/mintui/一、infinite-scroll介绍实现上拉分页加载更多的功能,需要用到Mint UI提供的infinite-scroll(无限滚动)组件

2020-12-27 15:39:10 1316

原创 【Vue学习总结】21.Vue-UI框架之Mint UI的使用

接上篇《20.Vue路由中的嵌套》上一篇我们讲解了Vue路由中的嵌套,本篇我们来介绍Vue的UI框架————Mint UI的使用。本系列博文使用的Vue版本:2.6.11一、基于Vue的UI框架之前我们讲解了Vue的主要基本框架和使用方法,但是我们做出的页面不够美观,组件调用不够便捷。像在之前不使用前端框架时,往往会使用像bootstrap、easyUI等UI框架,使用其包装好的前端组件,来美化界面。Vue也可以使用一些包装好的UI框架,来丰富其显示效果和实现一些组件功能,国内常用的有“Ele

2020-12-20 22:26:50 1760 2

原创 【Vue学习总结】20.Vue路由中的嵌套

接上篇《19.编程式导航和Hash以及History模式》上一篇我们讲解了路由的编程式导航、Hash模式以及History模式,了解了Vue中路由的几种切换方式,本篇我们来路由中的嵌套。本系列博文使用的Vue版本:2.6.11一、什么是路由嵌套路由的嵌套,也可以称为“父子路由”,即在一个路由中又包含了另一个路由。例如下面的ElementUI的中文网站页面,上面的“指南”和“组件”的导航栏,点击后会直接刷新整个页面,进行新的路由页面的跳转。而单独点击“组件”下左侧的栏目链接,仅刷新右侧的内容区

2020-12-13 11:34:37 838 2

原创 【Vue学习总结】19.编程式导航和Hash以及History模式

接上篇《18.通过Vue路由和动态传值实现实现新闻模块》上一篇我们讲解了通过Vue路由和动态传值实现了一个新闻查看模块,本篇我们来学习编程式导航、Hash模式以及History模式。本系列博文使用的Vue版本:2.6.11一、编程式导航什么是“编程式导航”?其实就是使用在触发跳转链接的时候,通过vue-router提供的JavaScript方法来添加条件,根据不同的条件选择跳转的页面。之前我们跳转页面的方式都是使用<router-link>标签的方式来进行跳转,例如:&lt

2020-12-06 21:44:22 718

原创 【Vue学习总结】18.通过Vue路由和动态传值实现实现新闻模块

接上篇《17.Vue实现动态路由传值》上一篇我们讲解了如何通过类似Get请求传值的方式,给路由传递参数,本篇我们来根据上两篇学习的知识,来编写一个真正的新闻查看模块。本系列博文使用的Vue版本:2.6.11一、需要调用的API这里使用“PhoneGap中文网”提供的免费app的API进行测试。1、新闻列表APIurl:http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1其中a指定接口

2020-11-29 20:37:51 1709 4

原创 【Vue学习总结】17.Vue实现动态路由传值

接上篇《16.Vue中的路由以及默认路由跳转》上一篇我们讲解了vue中的路由以及默认路由跳转,本篇我们来继续学习如何通过类似Get请求传值的方式,给路由传递参数。本系列博文使用的Vue版本:2.6.11一、动态传参的概念上一篇我们实现了分别点击“首页”和“新闻”的超链接,然后可以在<router-view>标签位置渲染相应组件的页面内容:代码:<template> <div id="app"> <h2>{{msg}}<...

2020-11-15 19:04:30 1532

原创 【Vue学习总结】16.Vue中的路由以及默认路由跳转

接上篇《15.父子组件主动获取数据和方法、非父子组件获取数据和方法》上一篇我们讲解了非父子组件如何进行数据和方法的传递,本篇我们来继续学习vue中的路由以及默认路由跳转。本系列博文使用的Vue版本:2.6.11一、什么是路由我们之前开发的组件中,有两个子组件,App.vue的根组件,挂载了这两个子组件,并通过自定义标签引用了它们:<template> <!-- vue的模板里面,所有的内容都需要被一个根节点包裹起来 --> <div id="app"..

2020-11-08 22:30:17 2801

原创 【Vue学习总结】15.父子组件主动获取数据和方法、非父子组件获取数据和方法

接上篇《14.Vue父子组件数据传递》上一篇我们主要讲解了Vue中父组件如何将值、方法、实例传给子组件,本篇我们来讲解非父子组件如何进行数据和方法的传递。本系列博文使用的Vue版本:2.6.11在讲非父子组件如何进行数据和方法的传递之前,我们先来补充一下上一篇的一个点,就是父子组件之间如何进行主动的获取数据和方法,而不是传递给对方。一、父子组件主动获取数据和方法这里的样例还是在之前的工程上进行的演示。1、父组件主动获取子组件的数据和方法假设我们在HelloWorld.vue页面想要

2020-11-01 21:02:10 885 2

58同城搜索页静态html代码爬虫xpath测试demo

58同城搜索页静态html代码爬虫xpath测试demo

2024-01-07

vue判断输入的快递单号是否符合规则Demo

通过正则表达式判断快递单号是否符合规则的Demo,具体思路: 1、为快递公司select控件设置change事件,当selelct控件的值发生变化时,触发change事件,然后获取select的值保存起来(如果快递单号此时有值,直接进行选中的快递公司的格式判断) 2、然后快递单号值也写个change事件,如果快递单号发生变化,获取之前保存的快递公司select的值,判断快递单号的格式(此时必须要求用户先选择快递公司,没有就报错) 3、判断快递单号的逻辑是一个公共方法,判断的正则表达式可以自己定义,也可以从公共接口获取。

2022-07-22

vue省市区/县数据js文件(citydata.js)

可以通过该文件获取全国省市区/县的json数据信息,适合用于vue级联选择器获取数据使用。

2022-07-10

电商管理后台 API 接口文档.md

电商管理后台 API 接口文档

2021-07-18

lysimportant-vue_shop_server-master.zip

VUE实战项目【电商管理端】-Node.js后台源码

2021-07-18

VUE实战项目【电商管理端】后台数据库SQL文件

VUE实战项目【电商管理端】后台数据库SQL文件

2021-07-18

使用Sidecar支持异构平台的微服务-代码部分.zip

使用Sidecar支持异构平台的微服务博文中,优化后的服务消费者和服务提供者,Zuul工程,sidecar工程,node异构服务,以及Eureka Server、父级工程的源代码

2020-01-30

Zuul简介及代码示例-代码部分.zip

Zuul简介及代码示例博文中,优化后的服务消费者和服务提供者,Zuul工程,以及Eureka Server、父级工程的源代码

2019-12-13

Hystrix Dashboard的使用-代码部分.zip

Hystrix Dashboard的使用博文中,优化后的服务消费者和服务提供者,Hystrix Dashboard工程、Turbine工程,以及Eureka Server、父级工程的源代码

2019-10-20

Feign对Hystrix的支持-代码部分.zip

Feign对Hystrix的支持-代码部分博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-10-04

Eureka深入理解-代码部分.zip

Eureka深入理解-代码部分博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-08-10

覆写Feign的默认配置-代码部分.zip

覆写Feign的默认配置-代码部分-代码部分.zip 覆写Feign的默认配置-代码部分博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-08-06

Feign的简介及基础使用-代码部分.zip

Feign的简介及基础使用博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-08-03

通过代码自定义配置Ribbon-代码部分.zip

通过代码自定义配置Ribbon博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-07-23

将微服务注册到Eureka Server上-代码部分.zip

将微服务注册到Eureka Server的博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-07-01

Eureka简介与Eureka Server-代码部分.zip

Eureka简介与Eureka Server博文中,优化后的服务消费者和服务提供者,以及Eureka Server、父级工程的源代码

2019-06-26

Spring MVC+MyBatis 水果销售平台工程优化版

修改了原书由于更正包名带来的一系列错误配置,保证正常的加载和编译

2019-05-07

Spring Boot与MyBatis整合工程

Spring Boot与MyBatis整合工程,介绍文章《【Spring Boot学习总结】12.Spring Boot与MyBatis结合》地址:https://blog.csdn.net/acmman/article/details/82528818

2018-09-08

Spring Boot核心配置文件模板

Spring Boot核心配置文件模板application.properties,里面有所有配置的key以及value样例

2018-08-19

Sale_System

此资源为RabbitMQ结合SSM框架实例中,销售系统的工程代码。

2018-04-14

Warehouse_Management

此资源为RabbitMQ结合SSM框架实例中,仓储系统的工程代码。

2018-04-14

shiro与spring整合工程源代码

shiro与spring整合工程源代码,可以解压之后直接部署到Eclipse中运行。相关问题可以至我的博客中留言。

2018-03-08

JasperReport+iReport测试工程源码

JasperReport+iReport打印固定格式文件的测试工程源码

2017-10-09

jasperreports-4.1.3.jar

ireport文件打印工程中需要的依赖jar包

2017-03-16

activiti-rest.zip

Activiti样例程序,其中包含了开发Activiti工程时需要的jar包,而且包含了资源配置文件等,初学者可以参考该样例进行开发

2017-02-26

activiti-eclipse-plugin.zip

在Eclipse中支持Activiti工作流项目开发的插件

2017-02-24

moangdb测试数据

moangdb测试数据,用于学习mongodb的数据操作查询语句使用。

2016-12-31

ssh项目数据库脚本

ssh项目数据库脚本

2016-12-18

jk-Maven-Wabapp项目相关文档

jk-Maven-Wabapp项目相关文档,包含源码,数据库脚本和开发文档

2016-08-21

osgi-SpringDM

Spring-DM指的是 Spring Dynamic Modules。Spring-DM 的主要目的是能够方便地将 Spring 框架和OSGi框架结合在一起,使得使用Spring的应用程序可以方便简单地部署在OSGi环境中,利用OSGi框架提供的服务,将应用变得 更加模块化。

2016-03-16

TortoiseSVN安装

TortoiseSVN安装文档,指导大家如何安装

2015-12-20

TortoiseSVN-1.8.11.26392-x64-svn-1.8.13.msi

TortoiseSVN-1.8.11.26392-x64-svn-1.8.13.msi 64位

2015-12-20

RationalRose安装

建模工具IBM Rational Rose的安装文档

2015-12-15

ssh项目实战源码4

struts+spring+hibernate项目实战源码

2015-11-22

ssh项目实战源码3

struts+spring+hibernate项目实战源码

2015-11-16

ueditor图文编辑器插件

ueditor图文编辑器插件,可以嵌入到web项目中,使用及其简单

2015-11-08

ssh项目实战源码2

struts+spring+hibernate项目实战源码

2015-11-06

ssh项目实战源码

struts+spring+hibernate项目实战源码

2015-10-22

MyWebApp.zip

springmvc+mybatis+maven的工程样例3

2015-10-07

javascript的时间拾取器

javascript的时间拾取器工具文件,用来嵌入到网页中做时间选择工具,里面有说明和使用文档

2015-09-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除