自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

程序猿之洞

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

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

原创 【VUE项目实战】27.实现添加用户功能(1)-表单渲染和校验规则实现

接上篇《26、实现用户信息搜索功能》上一篇我们实现了用户的搜索功能,本篇我们来实现新增用户的功能。一、绘制对话框UI结构我们首先要实现点击“添加用户”按钮,弹出一个添加用户的对话框:对话框功能,我们使用Eelement-UI的“Dialog”对话框组件:首先在plugins/element.js中按需导入“Dialog”组件:import Vue from 'vue'import { Button, Form, FormItem, Input, Message, Container,.

2021-12-25 14:22:55 4327

原创 【VUE项目实战】26、实现用户信息搜索功能

接上篇《25、实现用户状态的修改》上一篇我们实现了用户状态的修改效果,本篇我们来实现用户的搜索功能。我们要实现,当用户在搜索框中输入用户的姓名后,点击搜索按钮,可以从数据库中查询到相应的用户信息:首先我们需要将文本框和我们data中的数据进行双向绑定,绑定完毕之后在点击放大镜按钮的时候,调用获取用户列表的函数,进行数据的查询即可。首先我们来做数据的双向绑定。这里我们在el-input中使用v-model绑定用户查询对象的queryinfo的query属性,然后找到查询按钮,使用click绑定查

2021-12-18 18:21:13 8002

原创 【VUE项目实战】25、实现用户状态的修改

接上篇《24、分页效果实现》上一篇我们实现了用户列表的分页效果,本篇我们来实现用户状态的修改效果。目前虽然我们可以通过状态的开关按钮来点击“开启”或“关闭”状态,但实际上只改变了状态的前端样式,后台的状态是没有改变的,刷新之后会变回原来的状态:解决这个问题,我们只需要将前台的用户状态更改,同步到后台数据库中即可。第一步,我们要监听到Switch控件状态值的改变,获取到最新的状态;第二步,调用后台相应的API接口,将修改后的状态更新至数据库。首先我们来监听Switch控件的状态,查看官方文档

2021-12-18 18:16:05 4396

原创 【VUE项目实战】24、分页效果实现

接上篇《23、改造状态列的显示效果》上一篇我们实现了状态列的显示效果以及插槽形式定义操作列的渲染,本篇我们来实现用户列表的分页效果。我们要在用户数据列表的左下方加入一个分页组件:Element-UI为我们提供了“Pagination分页”组件,我们选择功能最全的分页组件:样例代码如下:<template> <div class="block"> <span class="demonstration">完整功能</span> &l...

2021-12-11 15:37:55 9582 6

原创 【VUE项目实战】23、改造状态列的显示效果

接上篇《22、获取用户列表数据并渲染》上一篇我们绘制了用户列表样式,并获取用户列表数据进行展示。本篇我们来实现状态列的显示效果以及插槽形式定义操作列的渲染。一、状态列的显示效果我们看用户列表的效果图:可以看到状态列是有一个开关类型的图标,其中可用的状态是蓝色旋钮向右,不可用状态是灰色旋钮向左。我们根据获取到的用户的state状态,来实现这种状态显示效果。当前的状态列为“mg_state”:<el-table-column label="状态" prop="mg_state"&g.

2021-12-11 15:32:41 2449

原创 【VUE项目实战】22、获取用户列表数据并渲染

接上篇《21、用户列表开发-基本UI布局》上一篇我们实现了用户列表的基本UI结构,本篇我们来绘制用户列表样式,并获取用户列表数据进行展示。一、获取用户列表数据首先我们看一下后台的API接口,我们这次用到的是“用户数据列表”接口,查询参数有三个,分别是“查询参数”,“当前页码”和“每页显示条数”:然后我们回到Users.vue组件,在script区域完善一下逻辑结构,新增data数据区、生命周期函数created以及methods方法区:<script>export defau

2021-12-05 15:29:30 7577

原创 【VUE项目实战】21、用户列表开发-基本UI布局

接上篇《20、实现首页路由重定向及左侧菜单路由链接》上一篇我们实现了首页的路由重定向,以及左侧菜单改造为路由链接的效果。本篇我们来正式实现菜单的第一个功能,用户列表。一、需要实现的效果我们最终要实现的用户列表的效果,就是点击左侧用户管理菜单,右侧主体区域显示用户的table列表,展示用户的基础信息,最右侧有编辑删除等操作按钮,左上角可以进行搜索,左下角可以进行翻页:这个用户列表的页面布局,分为左上角的导航栏目,和显示功能的卡片视图,卡片视图分为上中下三个区域(搜索区、信息区和分页区)。二、创

2021-11-27 17:42:42 3983 4

原创 【VUE项目实战】20、实现首页路由重定向及左侧菜单路由链接

接上篇《19、实现侧边栏折叠与展开功能》上一篇我们实现了左侧菜单的折叠与展开的效果,本篇我们来实现首页的路由重定向,以及左侧菜单改造为路由链接的效果。一、首页路由重定向目前我们登录系统,后自动跳转到home页,在home页的右侧主区域,显示的是一个静态信息:实际就是home页面的一个div区域:<!-- 右侧内容主体 --><el-main>Main</el-main>我们需要将该内容重定向到一个欢迎页面,而不是主框架home的一个div,该如何做

2021-11-20 11:02:33 5119

原创 【VUE项目实战】19、实现侧边栏折叠与展开功能

接上篇《18、左侧菜单格式美化》上一篇我们美化了左侧菜单的样式、图标等效果,本篇我们来实现左侧菜单的折叠与展开的效果。我们要实现的最终效果图:首先我们先来新增一个用于这点的横向长条,在侧标栏和左侧菜单之前添加一个div,类名为“toggle-button”,然后在div中添加“|||”三个竖杠,作为可以折叠的图例:<el-container> <!-- 侧边栏 --> <el-aside width="200px"> <!-- 折...

2021-11-09 18:29:29 14609 4

原创 【VUE项目实战】18、左侧菜单格式美化

接上篇《17、通过接口获取菜单并渲染》上一篇我们通过接口获取菜单数据,并重新加载菜单至左侧菜单栏。本篇我们来美化左侧菜单的格式。一、菜单显示颜色可以看到当前我们菜单选中的颜色是橘黄色:而demo中的颜色是这种浅蓝色:我们要修改为demo中的颜色,具体做法就是修改el-menu标签的“active-text-color”属性,该属性的意思是“激活的文本的颜色”:<el-menu background-color="#333744" text-color="#fff" active-tex

2021-10-17 10:14:01 4807

原创 【VUE项目实战】17、通过接口获取菜单并渲染

接上篇《16、主页Header和左侧菜单栏布局》上一篇我们编写了头部Header和左侧菜单栏的布局样式,本篇我们来通过接口获取菜单数据,并重新加载菜单至左侧菜单栏。一、获取菜单数据的权限我们需要通过接口获取菜单数据,而菜单必须是在登录之后才能访问的,所以未登录前直接访问菜单接口是会被拒绝。那么登录之后又如何让接口认定前端已有权限获取数据了呢?我们回顾一下API文档中的注意事项:即我们获取需要授权的API的数据时,必须将我们登录时获取的token令牌,封装到http请求头的Authorizatio

2021-10-05 10:49:29 5412 6

原创 【VUE项目实战】16、主页Header和左侧菜单栏布局

接上篇《15、Home页面布局设计及框架搭建》上一篇我们搭建了Home主页面的整体框架(三大块,左侧菜单栏、右侧主体区域和头部导航栏),半篇我们来编写头部Header和左侧菜单栏的布局样式。先来回顾一下我们的整体布局:然后我们要实现的效果图:一、头部Header布局可以看到,头部区域左侧是一个Logo和系统的名称,右侧是一个退出按钮。这种左右布局最简单的实现方式就是使用flex布局。左侧包一个大的DIV,放一个图片和一个文本,右侧就放一个退出按钮。下面我们来编写,我们在Home.vue中

2021-10-02 10:44:20 25028 5

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

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

2021-09-21 11:02:21 11278

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

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

2021-09-21 10:19:40 1563

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

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

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

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

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

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

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

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

2021-08-21 14:21:29 2548 3

原创 【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 2788

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

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

2021-08-07 11:50:29 4927 8

原创 【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 2629 2

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

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

2021-07-31 09:25:19 2452

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

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

2021-07-18 14:21:26 2346 5

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

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

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

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

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

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

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

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

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

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

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

2021-06-20 09:28:34 1802

原创 【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 4144 2

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

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

2021-05-30 19:57:34 572 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 3369 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 438 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 561 13

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

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

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

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

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

2021-04-18 11:57:03 497

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

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

2021-04-11 17:43:40 316 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 1055 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 386 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 411

原创 【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 592

原创 【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 725 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 430 1

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关注的人

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