2020年03月_被开发耽误的大厨

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Vue知识整理，专题之路由：8、路由-命名视图实现经典布局（放多个路由组件、实现多视图）

一、前言上一篇文章我们介绍了路由-使用children属性实现路由嵌套，详细可参考博文：原创Vue笔记整理，专题之路由：7、路由-使用children属性实现路由嵌套，这篇文章我们将介绍：路由-命名视图实现经典布局。二、路由-命名视图实现经典布局正在更新中。。。......

2020-03-30 13:11:20 1052 1

原创 Vue知识整理，专题之路由：7、路由-使用children属性实现路由嵌套

一、前言上两篇文章我们介绍了路由的传参：使用query方式传递路由参数、使用params方式传递路由参数，其中两种方式都没问题，大家根据个人习惯使用即可。详细可参见博文：原创Vue笔记整理，专题之路由：5、路由传参-使用query方式传递路由参数原创Vue笔记整理，专题之路由：6、路由传参-使用params方式传递路由参数这篇文章我们将介绍：路由-使用children属性实现路......

2020-03-30 00:10:26 4234

原创 Vue知识整理，专题之路由：6、路由传参-使用params方式传递路由参数

一、前言上一篇文章我们介绍了路由传参-使用query方式传递路由参数，详细可参考博文：原创Vue笔记整理，专题之路由：5、路由传参-使用query方式传递路由参数这篇博文我们将介绍：路由传参-使用params方式传递路由参数二、使用params方式传递路由参数更新中。。。......

2020-03-29 14:46:52 5173

原创 Vue知识整理，专题之路由：5、路由传参-使用query方式传递路由参数

目录一、前言二、路由传参-使用query方式传递参数1、路由实例简约版，router挂载简写2、使用query方式传递参数（1）router-link 标签 to属性添加参数 id，不需要修改路由规则的 path 属性（2）怎么在组件内部拿到这个参数id（3）怎么把 id的值放到 h1标签里面3、使用query方式传递多个参数4、最终修改后的代码***5......

2020-03-29 13:59:44 6925 2

原创 Vue知识整理，专题之路由：4、路由redirect重定向的使用-设置默认页面、设置选中路由高亮的两种方式

一、前言上一节我们介绍了路由-路由（vue-router）的基本使用、router-link的使用，详细可参考博文：原创Vue笔记整理，专题之路由：3、路由-路由（vue-router）的基本使用、router-link的使用这篇文章我们将介绍：路由-路由redirect重定向的使用、设置选中路由高亮的两种方式二、路由-路由redirect重定向的使用1、设置默认页面我们以上篇......

2020-03-28 15:20:44 11377

原创 Vue知识整理，专题之路由：3、路由（vue-router）的基本使用、tag属性和router-link的使用

一、前言上一篇博文我们介绍了路由-安装vue-router的三种方式，详细可参考博文：原创Vue笔记整理，专题之路由：2、路由-安装vue-router的三种方式，这篇博文我们将介绍路由-路由的基本使用。可参考的官方文档：https://router.vuejs.org/zh/guide/二、路由的基本使用：登录和注册1、实例代码验证......

2020-03-27 12:42:10 3288

原创使用vscode快速创建vue模板

第一步：找到html.json 文件进入vscode界面，使用快捷键 command+shift+p 或如下图操作也行，然后搜索html.json注意：使用快捷键 command+shift+p，默认会有一个大于号，记得删除掉，然后输入html.json 进行搜索第二步：打开修改 html.json 文件打开默认为如下内容{ // Place your sni...

2020-03-26 15:06:59 1135

原创 Vue知识整理，专题之路由：2、路由-安装vue-router的三种方式

目录前言安装#直接下载 / CDN#NPM#构建开发版安装说明第一种方式：直接下载 / CDN（在网页里面直接进行开发）第二种方式：NPM（通过webpack这种构建工具来开发）第三种方式：构建开发版前言上一节我们介绍了前端路由和后端路由的概念以及区别，详见博文：原创Vue笔记整理，专题之路由：1、路由-前端路由和后端路由的概念这篇我们将介绍如何安装......

2020-03-26 13:28:15 666

原创 Vue知识整理，专题之路由：1、路由-前端路由和后端路由的概念

这篇博文我们将进行vue里面的路由学习，在开始之前我们先了解一些概念。什么是路由 **后端路由：**对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；（如：对于一个正常的网站来说，网站前端里面我们所能看到的任何资源，都要通过URL地址，从后台服务器拿，那么后台服务器肯定能接收到或者监听到每次请求中的URL地址，那么这个URL地址我们要返回什么样的资源给......

2020-03-26 02:23:14 1050

原创 Vue知识整理，让你快速入门Vue.js：04_3.网络应用：axios+vue结合使用

上一节我们介绍了axios的基本使用，相比于原生的ajax，它提供的方法用起来会更加的简便，那网络数据其实现在已经可以顺利获取到了，那么它如何和Vue一起使用呢？我们这一节就来介绍axios加vue更新中。。。。......

2020-03-24 18:35:23 407

原创 Vue知识整理，让你快速入门Vue.js：04_2.网络应用：axios基本使用（get/post请求语法）

上一节我们介绍了本章要学习的内容，对于接下来要介绍的知识点应该有了基本的概念，这一节我们将介绍axios的基本使用、介绍它是如何来发送请求以及获取响应的内容。一、axios语法介绍作为一个JS库，为了使用它，首先我们需要导包，这里提供官网给的在线地址，在保证联网的状态下，把这段代码拷贝在页面上就可以使用了。在导入axios包之后，会在页面上注册一个全局的axios对象，通过它就可以来发......

2020-03-24 18:25:17 582

原创 Vue笔记整理，让你快速入门Vue.js：04_1.网络应用：介绍

上一章我们介绍了Vue本地应用，通过Vue提供的各种指令，对本地的数据进行操作。但是现在很少有纯本地的应用了，或多或少都会进行网络数据的交互，所以这章我们要介绍的是Vue网络应用，介绍Vue当中如何结合网络数据进行应用的开发。首先我们会介绍Vue里面一个最流行的网络请求库axios，它的内部还是ajax，但是封装之后使用起来更为便捷，并且因为功能单一就是发送请求，所以容量很少，...

2020-03-24 10:10:15 197

原创 Vue知识整理，让你快速入门Vue.js：03_12.本地应用：v-model指令

目录一、v-model指令语法介绍二、实例代码演示1、实例代码2、效果展示三、内容-总结上一节我们对 v-on指令进行了补充的讲解，知道了它更多的用法，但是无论使用哪一种，都是在代码中预先定义好的内容。一、v-model指令语法介绍而我们在 web 开发中，经常需要去获取用户的输入，这也是我们这节所学的内容：v-model指令它可以十分便捷的把表单元素的值和实......

2020-03-23 01:42:56 258

原创 Vue知识整理，让你快速入门Vue.js：03_11.本地应用：v-on指令补充（传递自定义参数、事件修饰符）

目录一、v-on指令补充1、传递自定义参数2、事件修饰符二、实例代码验证1、v-on指令_传递自定义参数（1）实例代码（2）效果展示2、v-on指令_事件修饰符（1）实例代码（2）效果展示三、内容-总结上一节我们学习了用来生成列表结构的v-for指令，其中配合v-on指令实现了数据的增删，但是增删的逻辑是固定的，如果我们希望在执行逻辑的时候传递额外的......

2020-03-22 23:38:10 426

原创 Vue知识整理，让你快速入门Vue.js：03_10.本地应用：v-for指令（根据数据生成列表结构）

目录一、v-for 语法介绍1、v-for指令_普通数组2、v-for指令_对象数组二、代码验证测试1、v-for指令之数组（1）实例代码（2）效果展示2、v-for指令之对象数组_结合其他指令（1）实例代码（2）效果展示3、v-for指令之对象数组_添加删除（1）实例代码（2）效果展示三、内容-总结上一节我们介绍了图片切换的案例，对前面......

2020-03-22 19:58:40 914

原创 Vue知识整理，让你快速入门Vue.js：03_8.本地应用：v-bind指令（为元素绑定属性）

目录一、v-bind 语法介绍1、 img标签的固定写死的写法2、使用 v-bind 定义img标签 src、title、class 属性3、v-bind的简写写法二、代码验证测试1、v-bind指令之img_src_title（1）实例代码（2）效果展示2、v-bind指令之img_class属性（1）实例代码（2）效果展示三、内容-总结上一......

2020-03-22 16:34:02 461

原创 Vue知识整理，让你快速入门Vue.js：03_7.本地应用：v-if指令（条件判断-显示状态-操作dom元素）

目录一、指令v-if的语法介绍二、指令 v-if 代码验证测试1、实例代码2、效果展示三、代码演示 v-show 和 v-if 的区别1、实例代码2、效果展示四、内容-总结上一节我们学习了v-show指令，一个通过操作display来切换元素显示状态的指令，但是在View中我们并不仅仅就这一个指令来操作元素的显示状态，这一节我们将来学习另外一个类似的指令v-if......

2020-03-22 09:37:46 1332

原创 Vue知识整理，让你快速入门Vue.js：03_6.本地应用：v-show指令（条件判断-显示状态-img）

目录一、v-show指令语法介绍第一种写法：硬编码。第二种写法：data中定义属性变量。第三种写法：支持写表达式。二、实例验证测试1、实例代码2、效果展示三、内容-总结上一篇文章我们介绍了计算器这个案例，重点是巩固在Vue中：如何进行内容的绑定、事件的绑定，一、v-show指令语法介绍这一节我们来学习 v-show 这个指令，这个指令的作用是：根据后......

2020-03-22 09:36:50 1209

原创 Vue知识整理，让你快速入门Vue.js：03_4.本地应用：v-on指令（事件绑定）、v-on指令简写、methods方法定义、this关键字修改数据

目录一、v-on指令语法介绍1、v-on指令的作用2、那么方法写在哪里呢？3、如何绑定事件呢？4、一种更简单的写法：把v-on 替换成 @5、实例测试验证（1）实例代码（2）效果展示二、this关键字，修改数据1、不用再操作dom元素2、this关键字3、实例测试验证（1）实例代码（2）效果展示三、内容-总结上一篇文章我们介绍了v-......

2020-03-22 09:36:12 791

原创 Vue知识整理，让你快速入门Vue.js：03_3.本地应用：v-html指令、v-html和v-text指令的区别

目录一、v-html指令语法介绍二、代码验证测试1、v-html指令使用_普通文本（1）实例代码（2）效果展示2、v-html指令使用_html结构（1）实例代码（2）效果展示三、内容-总结上一篇文章我们介绍了v-text指令，它的作用是设置文本，接下来我们开始学习另外一个类似的指令v-html，一、v-html指令语法介绍这个指令的作用是：设置标签......

2020-03-21 20:44:43 490

原创 Vue知识整理，让你快速入门Vue.js：03_2.本地应用：v-text指令、插值表达式、单引号和双引号的使用

目录一、v-text指令介绍二、插值表达式支持写表达式、单引号和双引号的使用三、实例代码测试1、v-text指令使用（1）实例代码（2）效果展示2、插值表达式_部分替换（1）实例代码（2）效果展示3、v-text指令结合表达式_单双引号（1）实例代码（2）效果展示四、内容-总结上篇文章我们介绍了这章所学习的内容，这一节我们学习第一个指令：......

2020-03-21 20:44:07 1774

原创 Vue知识整理，让你快速入门Vue.js：03_1.本地应用：介绍

目录一、前言二、介绍1、通过Vue实现常见的网页效果2、Vue指令3、案例巩固知识点三、内容-总结一、前言上几篇博文我们介绍了Vue基础知识点已经可以把一个基本的项目可以跑起来了，这篇博文我们开始学习Vue本地应用。二、介绍1、通过Vue实现常见的网页效果首先我们来看看学习那些内容，本章的核心是如何通过Vue的方式去开发常见的网页效果，不同于早期基于do......

2020-03-21 20:42:44 201

原创 Vue笔记整理，让你快速入门Vue.js：02_3.Vue基础：data数据对象

目录一、data数据对象二、data里面的复杂类型1、实例代码测试2、效果展示三、内容-总结上一篇文章我们介绍了el挂载点，但是在创建Vue实例的时候，还有一个属性data，接下来我们来学习一下data属性一、data数据对象data属性也可以叫做数据对象，Vue实例需要使用的数据我们都会定义在data中，在咱们写的第一个Vue程序中，内部就定义了一个基本类型字符串...

2020-03-21 20:40:55 249

原创 Vue笔记整理，让你快速入门Vue.js：02_2.Vue基础：el 挂载点

目录一、el挂载点二、Vue实例的作用范围是什么呢？1、实例代码测试2、效果展示3、结论三、是否支持其他的选择器？1、实例代码测试2、效果展示3、结论四、是否可以设置其他的dom元素呢？1、实例代码测试2、效果展示3、结论五、内容-总结上一节咱们学习了如何跑起来第一个Vue程序，在创建Vue实例的时候有两个属性分别是：el 和 data，...

2020-03-21 20:35:53 474

原创 Vue笔记整理，让你快速入门Vue.js：02_1.Vue基础：Vue简介、Live Server的安装使用、第一个Vue程序

一、前言上篇文章介绍了本次课程的安排，对于要学的内容已经有了一个初步的认识，接下来就开始学习第一章Vue基础二、Vue基础-简介对于vue可能有些小伙伴只是听过它的名字或者只是见过它的logo，所以我们先来认识它吧！看看它的三个特点：1、JavaScript 框架vue它是一个 javaScript 框架，相比于jQuery 这样的javaScript 库，框架的功...

2020-03-21 20:35:07 481 2

原创 Vue笔记整理，让你快速入门Vue.js：01_课程介绍：学前须知、开发工具、课程安排、内容-总结

Vue.js快速入门，通过四个小时+五个精选案例，让你快速入门Vue.js

2020-03-21 20:31:58 439

原创 java服务器端开发-servlet：3_7、Servlet使用jdbc访问数据库：“增删改查”员工信息

一、前言上几篇文章我们首先介绍了一些Servlet的理论知识，然后依次演示了：Servlet使用jdbc访问数据库、mysql安装配置以及一些简单操作、重定向、“增删改查”员工信息等案例博文，详细可参考相关博文：原创java服务器端开发-servlet：3、Servlet使用jdbc访问数据库、mysql的简单使用、重定向原创java服务器端开发-servlet：3_1、Servl...

2020-03-20 01:10:43 467

原创 java服务器端开发-servlet：3_6、Servlet使用jdbc访问数据库：修改更新员工信息

一、前言上一篇文章我们介绍了：Servlet使用jdbc访问数据库，如何删除个人、所有员工信息，然后重定向到员工列表，详细可参考博文：java服务器端开发-servlet：3_5、Servlet使用jdbc访问数据库：删除个人、所有员工信息，重定向到员工列表这篇文章我们将介绍Servlet使用jdbc访问数据库：修改更新员工信息更新中。。。...

2020-03-19 22:39:42 528 1

原创 java服务器端开发-servlet：3_5、Servlet使用jdbc访问数据库：删除个人、所有员工信息，重定向到员工列表

一、前言上几篇文章介绍了如何添加员工数据、查询员工数据、重定向等知识点，详细了解可参考博文：原创java服务器端开发-servlet：3、Servlet使用jdbc访问数据库、mysql的简单使用、重定向原创java服务器端开发-servlet：3_1、Servlet使用jdbc访问数据库：增加员工信息插入mysql数据库原创java服务器端开发-servlet：3_2、Se...

2020-03-19 11:23:16 503

原创 java服务器端开发-servlet：3_4、Servlet使用jdbc访问数据库：重定向

目录一、前言二、重定向介绍三、重定向操作1、修改AddEmpServlet.java 文件2、效果说明3、修改后，完整的AddEmpServlet.java 文件四、员工列表页：添加表头、某个字段居中1、修改ListEmpServlet.java 文件2、效果说明3、修改后，完整的ListEmpServlet.java 文件一、前言上一篇文章...

2020-03-19 00:40:11 259

原创 java服务器端开发-servlet：3_3、Servlet使用jdbc访问数据库：循环查询添加员工信息

目录一、前言二、循环查询添加员工信息1、配置文件代码：web.xml2、java代码-查询员工：ListEmpServlet.java3、html 表格提交代码：addEmp.html4、java代码-添加员工：AddEmpServlet.java5、效果演示（1）下面我们来操作演示一下【查询】（2）点击“添加新员工”【添加】（3）填入信息，点击“提交”...

2020-03-17 14:48:05 639

原创 java服务器端开发-servlet：3_2、Servlet使用jdbc访问数据库：查询员工信息

一、前言上一篇文章我们介绍了Servlet使用jdbc访问数据库：增加员工信息插入mysql数据库，详细可参考博文：原创java服务器端开发-servlet：3_1、Servlet使用jdbc访问数据库：增加员工信息插入mysql数据库所谓常见之“增删改查”，这篇文章我们来讲讲如何查询员工信息二、查询个人员工信息1、配置文件代码：web.xml<?xml vers...

2020-03-16 18:45:12 654

原创 java服务器端开发-servlet：3_1、Servlet使用jdbc访问数据库：增加员工信息插入mysql数据库

一、前言上一篇文章介绍了一些理论知识点：Servlet使用jdbc访问数据库、mysql的简单使用、重定向等。详见可参考博文：原创java服务器端开发-servlet：3、Servlet使用jdbc访问数据库、mysql的简单使用、重定向这篇文章主要介绍案例即Servlet使用jdbc访问数据库：增加员工信息插入mysql数据库二、增加员工信息插入mysql数据库既然是入库操作...

2020-03-16 09:43:19 740

原创 The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received

问题描述：mac系统，web开发，开发工具myEclipse 2017 ，启动tomact部署web 项目，servlet的java代码连接mysql数据库，报异常如下：Communications link failureThe last packet sent successfully to the server was 0 milliseconds ago. The driver...

2020-03-15 11:40:30 24023

原创 Mac系统下MySQL的下载安装、配置教程

目录一、MySQL下载二、MySQL安装三、MySQL配置1、打开MySQL2、查看是否有MySQL的目录文件3、在终端加入环境路径4、登录MySQL5、关闭MySQL一、MySQL下载下载地址：https://dev.mysql.com/downloads/mysql/建议下载 dmg 后缀的文件mac 使用迅雷下载详见博文：原创...

2020-03-14 15:10:45 2327

原创 mac使用迅雷下载资源

今天在整理以前开发的知识点要下载一些资源，以前用的windows现在习惯用mac，直接用谷歌浏览器下载太慢了，如下图速度太慢要想下载速度更快，我们可以这样1、复制下载链接地址2、打开迅雷，点击 “+” 号按钮，把链接复制进去，立即下载然后可以看到下载速度，从100多KB变成MB了...

2020-03-11 12:05:00 1484

原创 java服务器端开发-servlet：3、Servlet使用jdbc访问数据库、mysql的简单使用、重定向

目录一、前言二、Servlet使用jdbc访问数据库、重定向1、使用jdbc访问数据库step1,添加驱动step2,要注意异常的处理2、mysql的简单使用(1)登录mysql(2)查看当前有哪些数据库(3)创建一个新的数据库(4)使用某个数据库(5)查看当前数据库有哪些表(6)建表(7)查询表3、重定向(1)什么是重定向?(2...

2020-03-11 10:40:51 647

原创 java服务器端开发-servlet：2_3、录入、读取、输出员工数据_感受下get和post提交方式

目录一、前言二、录入、读取、输出员工数据_感受下get和post提交方式1、html 表单提交代码：addEmp.html2、配置文件代码：web.xml3、java代码：AddEmpServlet.java4、效果演示（1）post提交方式（2）get提交方式（3）说明一、前言上两篇文章我们介绍了有关表单提交多个参数、以及get/post提交方式的编码...

2020-03-10 11:50:29 333

原创 Myeclipse项目内容没有报错但是项目上面却有红色叉叉

现象：Myeclipse上面项目内容没有任何错误、但是项目上面却有红色XX标识错误示例：1、展示项目内容没有错误、但是项目上面却有红色小XX2、错误代码提示异常：Project facet Dynamic Web Module 3.0 is not supported by target runtime MyEclipse Generic Runtime for Jav...

2020-03-10 10:57:35 597

原创 The import javax.servlet cannot be resolved

导入以前的 web项目，报错:The import javax.servlet cannot be resolved解决方式：1、首先保证，开发工具配置了tomactjava服务器开发：4、环境搭建，MyEclipse配置tomact步骤详解2、添加库右击项目，Build Path->configure build path->Libraries->Add ...

2020-03-09 12:37:12 387