- 博客(48)
- 收藏
- 关注
原创 SpringBoot实战:SpringBoot Mybatis vue Element-UI 实现多条件查询 日期比较
后端部分:Mapper层dao层service层constroller层前端部分:api层store层vue层vue.jsvue页面 <el-form :inline="true" class="demo-form-inline"> <el-form-item label="ID"> <el-input placeholder="输入ID查询" v-model="ID"&
2020-12-31 17:48:08 1483
原创 SpringBoot,Vue实战:Vue-Element ,checkBox应用 SpringBoot 前后端分离 实现批量修改
vue-Element前端代码storeapi后端代码
2020-12-31 10:43:28 366
原创 Vue实战:form表单验证
学习Element-UI自带表单验证功能Form组件提供了表单验证功能,只要通过rules属性传入1约定的验证规则,并将Form-Item的prop属性设置为需要校验的字段名即可。1.验证长度为3-5的字符串<template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item lab
2020-12-18 13:38:52 1585
原创 javaScript:let,const ,var的区别与使用
使用var关键字声明的全局作用域变量属于window对象。使用let关键字声明的全局作用域变量不属于window对象。使用var关键字声明的变量在任何地方都可以修改。在相同的作用域或块级作用域中,不能使用let关键字来重置var关键字声明的变量。在相同的作用域或块级作用域中,不能使用let关键字来重置let关键字声明的变量。let关键字在不同作用域,或不用块级作用域中是可以重新声明赋值的。在相同的作用域或块级作用域中,不能使用const关键字来重置var和let关键字声明的变量...
2020-12-17 15:42:57 141
原创 JavaScript实战:this关键字
JavaScript this 关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。在方法中,this 表示该方法所属的对象。 如果单独使用,this 表示全局对象。 在函数中,this 表示全局对象。 在函数中,在严格模式下,this 是未定义的(undefined)。 在事件中,this 表示接收事件的元素。 类似 call() 和 apply() 方法可以将 this 引用到任何对象。事
2020-12-17 15:16:01 112
原创 javaScript实战:表单,表单验证,<input> autofocus 属性,必填(或必选)项目,E-mail 验证
JavaScript 表单验证HTML 表单验证可以通过 JavaScript 来完成。以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交:<!DOCTYPE html><html><head><meta charset="utf-8"><script>function validateForm() { var x = document.forms["myForm"]["fn
2020-12-17 15:05:45 2570
原创 jQuery-简介和语法
jQuery简介jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。$(document).ready(function(){$("P").click(function(){$(this).hide();});});jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法:$(selector).action()美元符号定义 jQuery 选择符(selector)"查询.
2020-12-17 13:35:46 97
原创 javaScript实战:正则表达式验证文件路径
public static bool CheckPath(string path){ string pattern = @"^[a-zA-Z]:(((\\(?! )[^/:*?<>\""|\\]+)+\\?)|(\\)?)\s*$"; Regex regex = new Regex(pattern); return regex.IsMatch(path);}
2020-12-17 12:49:43 2788
原创 vue-生命周期,created和mounted的区别
本文章来源于:https://segmentfault.com/a/1190000008570622什么是生命周期:Vue实例有一个完整的生命周期,也是从开始创建,初始化数据,编译模板,挂载Dom,渲染-》更新-》卸载等一系列的过程,我们称这是vue的生命周期。Vue实例创建到销毁的过程是生命周期。在Vue的生命周期中,他提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局在这些事件相应方法中的this指向的是整个vue实例。.
2020-12-15 23:50:20 621
原创 MySql实战:存入数据库手机号做脱敏处理
1. CONCAT()、LEFT()和RIGHT()字符串函数组合使用CONCAT(str1,str2,…):返回结果为连接参数产生的字符串 LEFT(str,len):返回从字符串str 开始的len 最左字符 RIGHT(str,len):从字符串str 开始,返回最右len 字符 执行SQL语句: SELECT CONCAT(LEFT(IdentityCardNo,3), '****' ,RIGHT(IdentityCardNo,4)) AS 身份证号FROM c_i
2020-12-15 16:40:58 1972
原创 SpringBoot实战:错误Error creating bean with name ‘batchSendController‘: Unsatisfied dependency expresse
错误原因,实体类错误。Error creating bean with name 'batchSendController': Unsatisfied dependency expressed through field 'batchSendService'; nested exception is org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'batchS
2020-12-15 10:12:39 657
原创 javaScript-window对象的属性和方法
window对象 window对象表示一个浏览器窗口或一个框架。在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性当作全局变量来使用。例如,可以只写document,而不必写window.document。window对象属性 标红色的: 重要的 标黑色的:正常不用 open(),close()window.confirm()..
2020-12-15 09:21:18 415
原创 javaScript-&&和||或使用详解
&&和||Boolean类型,处理0,NaN,undefine,false, null表示false,其余表示true
2020-12-14 18:51:27 252
原创 Spring Security简介
1.掌握spring框架的使用2.掌握SpringBoot的使用3.掌握javaWeb技术Filter过滤器课程中主要讲解的内容:1.Spring Security 简介作用Spring Security特点shiro特点2.Spring Security入门案例3.Spring Security web权限方案4.Spring Security 微服务权限方案5.Spring Security 原理总结...
2020-12-14 14:48:06 153
原创 javaScript-RegExp正则表达式对象
RegExp 用于模式匹配的正则表达式 RegExp.exec( ) 通用的匹配模式 RegExp.global 正则表达式是否全局匹配 RegExp.ignoreCase 正则表达式是否区分大小写 RegExp.lastIndex 下次匹配的起始位置 RegExp.source 正则表达式的文本 RegExp.test( ) 检测一个字符串是否匹配某个模式 RegExp.toString( ) 把正则表达式转换成字符串 Reg
2020-12-14 13:57:13 212
原创 javaScript-Date(日期/时间对象)的属性和使用
Date(日期/时间对象)方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 getUTCDate() 根据世界时从 Dat
2020-12-11 17:33:14 1023
原创 javaScript-Boolean(布尔对象)的属性和使用
Boolean 对象Boolean 对象表示两个值:"true" 或 "false"。 创建 Boolean 对象的语法: new Boolean(value); //构造函数Boolean(value); //转换函数 参数参数value由布尔对象存放的值或者要转换成布尔值的值。返回值当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象。如果作为一个函数(..
2020-12-11 10:09:55 1587
原创 Mybitis实战:逆向生成
mybaties<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.
2020-12-10 14:44:45 194
原创 SpringBoot实战:Lombok注解的种类和使用
Lombok简介:lombok是一个可以通过简单的注解的形式,来帮助我们简化消除一些必须有但是很冗余的代码,Lombok能够·达到的效果就是在源码中不需要写一些通用的方法,但是在编译生成的字节码文件会帮助我们生成这些方法mybaties逆向生成需要引入Lombok依赖 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId&
2020-12-10 09:58:04 340
原创 javaScript-boolean的属性和使用
Boolean 对布尔值的支持 Boolean.toString( ) 将布尔值转换成字符串 Boolean.valueOf( ) Boolean对象的布尔值 构造函数 new Boolean(value) //构造函数Boolean(value) //转换函数 返回值 当作为一个构造函数(带有运算符new)调用时,Boolean()将把它的参数转换成一个布尔值,并且返回一个包含该值的Bo..
2020-12-10 08:40:24 349
原创 Vue实战:Vuex:namespace:true使用说明
namespaced:true使用使用模块中的mutations,getters,actions时候,要加上模块名,例如使用commint执行mutations时格式:模块名/模块中的mutationsxxx/setUserInfothis.$store.commit("userInfo/setUserInfo",userInfo)获取属性时同时加上模块名格式:$store.state.userinfo.username...
2020-12-09 18:53:36 748
转载 Vue实战:vuex的五个基本属性和用法
VueX 是一个专门为 Vue.js 应用设计的状态管理构架,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vuex有五个核心概念: state,getters,mutations,actions,modules。 1. state:vuex的基本数据,用来存储变量 2. getter:从基本数据(state)派生的数据,相当于state的计算属性 3. mutation:提交更新数据的方法,必须是同步的(如果需要异步使用...
2020-12-09 18:46:33 2766
原创 Vue实战:require.context实现前端自动引入同一个文件夹下的多个文件
require.context() 实现前端自动引入同一个文件夹下多个文件你还可以通过require.context()函数来创建自己的context。可以给这个函数传入三个参数:一个要搜索的目录,一个标记表示是否还搜索其子目录,知识点1:可用于模块的批量导入,类同于import引入的同一个文件夹下的多个文件require.context(directory,useSbdirectories=false,regExp=/^.//);参数:1读取文件的路径,2是否遍历文...
2020-12-09 18:38:47 914
原创 Vuex的mutation,getters和actions的使用
Vuex的使用方法什么是vuexvuex是专门为vue.js设计的集中式状态管理架构。状态?我们理解为在data中的属性需要共享给其他vue组件使用的部分就叫做状态,简单的说就是data需要公用的属性。vue项目中的父子组件的交互是单通道传递,父组件通过props向子组件传递参数,而在子组件中不能直接修改接收的参数,而是需要自定义方式Vuex的mutation,getters和actions的使用1.state用来存储数据2.mutations:用来异步调用mutations中.
2020-12-09 17:18:04 1629
原创 vue element-UI条件查询渲染到table表格
table表格数据对应表格某行操作时的编辑和删除按钮editForm表单把对table表格某行数据的获取和渲染到editForm表单store里面的actions模块里的方法api.user.js里的findPrimaryKey方法出现的问题:点击编辑按钮通过$index,row定位到ListUser的某行 (ListUser[index])并且把所有数据渲染到编辑模态框(this.editForm=JSON.parse(JSON.stringfy(LIstU
2020-12-09 14:48:46 4011
转载 cookie 与session的区别联系以及生命周期
Cookie的定义:浏览网站,WEB服务器显示网页,Cookie会记录你在网站上所打的文字或是一些选择。当再次跳转同一个网站,web服务器会先看看有没有上次留下的cookie资源,如果有会根据Cookie里的内容来判断使用者。送出特定的网页给你。Cookie的使用很普遍,许多提供个人化服务的网站,都是利用Cookie来辨认使用者,以便送出使用者量身定做的内。eg:web接口免费的email网站都要使用到Cookie。具体来说,Cookie机制采用的是在客户端保持状态的方案。 ...
2020-12-09 14:13:36 399
原创 vue-Element-Ui前后端分离前端实现页面登陆
登陆页面views->login.vuerefref="loginForm"//ref被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上//如果是在普通的DOM元素上使用,引用指向的就是DOM元素,如果是在子组件上,引用就指向组件的实例。页面登陆的login.js代码$refs.loginForm:$refs$refs.loginForm//$refs是一个对象,持有已注册过ref的所有的子组件。...
2020-12-06 17:03:20 1133 1
原创 javaScript ES6 export 与export defalut
概述ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,是浏览器和服务器通用的模块解决方案。ES6中,在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等。export命令模块功能主要有两个命令构成:export和import。export命令相当于规定模块的对外接口。import命令用于输入其他模块提供的功能。一个模块就是一个独立的文件,该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内.
2020-12-06 15:35:37 487
原创 vue实现Axios实现跨域请求
在前后端项目中,关键的步骤就是前端发送请求访问不同端口的服务器获取数据本项目采用的是axios来实现跨域请求一、安装axios使用npm安装npm install axios --save二、在utils文件下request.js中导入axiosimportaxiosfrom'axios'//引入axios三、创建axios实例四、配置aios跨域请求...
2020-12-06 15:05:46 804
原创 node生产环境与开发环境
什么是开发环境与生产环境环境是指项目运行的地方,当项目处于·开发阶段,项目处于开发人员的电脑上,项目所处的环境就是开发环境。当项目开发完以后,要将项目放到真实的网站服务器电脑中运行,所处的环境,就是生产环境。为什么要区分开发环境与生产环境因为在不同的项目环境中,项目的配置是不一样的,需要在项目代码中判断当项目运行的环境,应用不同的环境,采用不同的项目配置。vue项目定义开发环境(1)在项目的目录env.development文件下定义它NODE_ENV的值是开发环境的变量..
2020-12-06 14:44:20 834
原创 vue.router和vue.route
vue.js基础动态路由vue动态路由vue.router 任何一个组件$router拿到的值都是一样的(所以才能进行push,replace操作)vue.route 表示当前正在活跃的路由
2020-12-04 18:35:28 92
原创 统一资源定位符
协议类型://服务器地址/[:端口号]/[/资源层级UNIX文件路径]文件名[?查询][#片段ID]http://127.0.0.1:8088/dept/findAll/{id}http:协议127.0.0.1:服务器8088:端口号dept:路径findAll:查询{id}:片段ID
2020-12-04 18:34:54 209
原创 Array(数组对象)的属性和使用
Array(数组对象)Array 对数组的内部支持 Array.concat( ) 连接数组 Array.join( ) 将数组元素连接起来以构建一个字符串 Array.length 数组的大小 Array.pop( ) 删除并返回数组的最后一个元素 Array.push( ) 给数组添加元素 Array.reverse( ) 颠倒数组中元素的顺序 Array.shift( ) 将元素移出数组 Array.slice( ).
2020-12-04 16:44:03 370
原创 Arguments(函数参数对象)的属性和使用
Arguments(函数参数对象)arguments[ ] 函数参数的数组 Arguments 一个函数的参数和其他属性 Arguments.callee 当前正在运行的函数 Arguments.length 传递给函数的参数的个数 Arguments对象只在函数体中定义。 argumentsarguments[n] 虽然技术上说来,它不是数组,但Ar.
2020-12-04 14:50:50 1528
原创 Object (对象超类)的属性和使用
Object(对象超类)Object 含有所有JavaScript对象的特性的超类 Object.constructor 对象的构造函数 Object.hasOwnProperty( ) 检查属性是否被继承 Object.isPrototypeOf( ) 一个对象是否是另一个对象的原型 Object.propertyIsEnumerable( ) 是否可以通过for/in循环看到属性 Object.toLocaleString( ) 返回对象 学.
2020-12-04 14:13:29 287
原创 javaScript简介及组成
Object(对象超类)Object 含有所有JavaScript对象的特性的超类 Object.constructor 对象的构造函数 Object.hasOwnProperty( ) 检查属性是否被继承 Object.isPrototypeOf( ) 一个对象是否是另一个对象的原型 Object.propertyIsEnumerable( ) 是否可以通过for/in循环看到属性 Object.toLocaleString( ) 返回对象的本地
2020-12-04 11:15:00 204
原创 SpringMVC DAO Service Controller 层的逻辑关系
DAO层:DAO层叫数据访问层,全称为data access object,属于一种比较底层,比较基础的操作具体到对于某个表的增删改查,也就是说某个DAO一定是和数据库的某一张表一一对应的其中封装了增删改查基本操作,建议DAO只做原子操作,增删改查。 Service层:Service层叫服务层,被称为服务,粗略的理解就是对一个或多个DAO进行的再次封装,封装成一个服务所以这里也就不会是一个原子操作了,需要事物控制。StringBuffer StringBuilder的区别抽象...
2020-12-03 18:04:35 384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人