Claroja

原创 vue element form ref 重置表单

<template> <!--model绑定整个form对象的的数据--> <!--通过ref属性获得表单对象,调用resetFieleds方法重置表单的字段--> <el-card> <el-form :model="form" ref="formRef" label-width="80px"> <el-form-item label="活动名称" prop="name"> <!-

原创 vue element form 自定义校验1(表单校验)

通过ref属性获得表单对象,调用表单对象的validate函数进行表单的整体校验<template> <!--model绑定整个form对象的的数据--> <!--rules绑定校验规则--> <el-card> <el-form :model="form" :rules="rules" ref="formRef" label-width="80px"> <el-form-item label="活动名称"

原创 vue element form 自定义校验1(字段校验)

<template> <!--model绑定整个form对象的的数据--> <!--rules绑定校验规则--> <el-form :model="form" :rules="rules" label-width="80px"> <el-form-item label="活动名称" prop="name"> <!--通过form对象访问key--> <el-input v-model="

原创 vue element form 默认校验

<template> <!--model绑定整个form对象的的数据--> <!--rules绑定校验规则--> <el-form :model="form" :rules="rules" label-width="80px"> <el-form-item label="活动名称" prop="name"> <!--通过form对象访问key--> <el-input v-model="

原创 vue element form 表单

<template> <!--ref绑定整个form对象的的数据--> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <!--通过form对象访问key--> <el-input v-model="form.name"></el-input> </el-f

原创 vue element dialog 对话框

通过绑定:visible.sync属性来控制对话框<template> <el-card> <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%"> <span>这是一段信息&lt

原创 vue element pagination

<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pagination.currentPage" :page-sizes="[1, 2, 3, 4]" :page-size="pagination.pageSize" layout="tota

原创 vue element table 修饰

<template> <!--data绑定整个列表--> <!--boder是添加边框,stripe是隔行变色--> <el-table border stripe :data="tableData" style="width: 100%"> <!--type=index表明该列是序号列--> <el-table-column type="index" label="序号" width="80"&g

原创 vue element table switch开关组件

<template> <!--data绑定整个列表--> <el-table :data="tableData" style="width: 100%"> <!--prop用来绑定列明,对应对象的key--> <el-table-column prop="name" label="姓名" width="180"> </el-table-column>

原创 vue element table

el-table绑定数据框数据el-table-column绑定keytemplate slot-socpe用来接收该行的数据,用来定制化一些操作<template> <!--data绑定整个列表--> <el-table :data="tableData" style="width: 100%"> <!--prop用来绑定列明,对应对象的key--> <el-table-column prop=

原创 vue element container 子路由

在maincontainer中添加子模块1.index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../components/Home'import Users from '../components/main/Users'Vue.use(VueRouter)const routes = [ { path: '/', // '/'跳转到Home组件 name: '

原创 vue cli element 项目结构

原创 vue element menu侧边导航栏 数据渲染

<template> <!--el-menu里的颜色是通过element定义的属性来设置的,css样式中没有相关样式--> <!--unique-opened 只摊开一个el-submenu,默认是弹开所有.这个属性依赖于submenu的index值,如果index值相同的会同时展开--> <!--router用来开启el-menu-item的路由模型,默认连接是index的值--> <el-menu background-color="

原创 vue element menu侧边导航栏

<template> <!--el-menu里的颜色是通过element定义的属性来设置的,css样式中没有相关样式--> <!--unique-opened 只摊开一个el-submenu,默认是弹开所有.这个属性依赖于submenu的index值,如果index值相同的会同时展开--> <!--router用来开启el-menu-item的路由模型,默认连接是index的值--> <el-menu background-color="

原创 vue element container布局

mian.js要导入全局css样式global.cssimport Vue from 'vue'import App from './App.vue'import router from './router'import './plugins/element.js'import './assets/css/global.css'/* 导入全局样式 */Vue.config.productionTip = falsenew Vue({ router, render: h =&gt

原创 vue 项目文件介绍

1.main.js是项目的主入口文件,不需要处理import Vue from 'vue'import App from './App.vue' /* 导入根组件 */import router from './router'/* 导入路由 */import './plugins/element.js'/* 导入elementui */Vue.config.productionTip = falsenew Vue({ router, /* 挂载路由 */ render: h =&g.

原创 vue 后台管理系统-创建项目

命令行输入:C:\Users\Xinyu>vue ui???? Starting GUI...???? Ready on http://localhost:80002.选择项目存放的目录3.配置element-ui 插件4.添加axios依赖

原创 vue

vue 数据渲染vue 指令 v-cloakvue 指令 v-text v-html v-prevue 指令 v-oncevue 指令 v-onvue 指令 v-on 函数传参vue 指令 v-on 事件修饰符-鼠标事件-什么是事件冒泡vue 指令 v-modelvue 指令 v-on 事件修饰符-键盘事件-键盘事件梳理vue 指令 v-on 事件修饰符-自定义键盘事件vue 指令 v-bindvue 指令 v-bind class绑定 对象方法{}vue 指令 v-bind cla

原创 Java 时间处理 Period&Duration

二者都是TemporalAmount的实现类,Period是日期的间隔,Duration时间的间隔.static获取时间间隔的方法betweenofparse# Instance加减plusminus参考:https://docs.oracle.com/javase/8/docs/api/java/time/Period.htmlhttps://docs.oracle.com/javase/8/docs/api/java/time/Duration.html...

原创 Java 时间处理 DateTimeFormatter

主要用于各个时间对象和类的parse和format方法DateTimeFormatter formatter = DateTimeFormatter.ofPattern(“yyyy MM dd”);通过类的静态变量,可调用预置的格式ISO_DATE_TIME UTC格式RFC_1123_DATE_TIME GMT格式参考:https://docs.oracle.com/javase/8/docs/api/java/time/format/DateTimeFormatter.html...

原创 Java 时间处理 ZoneId

static方法描述from(TemporalAccessor temporal)从时间对象获取of(String zoneId)从名称获取systemDefault()系统默认时区getAvailableZoneIds()获取可用时区https://docs.oracle.com/javase/8/docs/api/java/time/ZoneId.html...

原创 Java 时间处理 ZoneDateTime

static方法主要是用来构建时间戳ZoneDateTime对象方法描述from(TemporalAccessor temporal)从时间对象获取,TemporalAccessor就是time包下有关时间的类now([ZoneId])当前时间,可以指定ZoneId,这样就不必使用withSame..那个函数了of(int year, int month, int dayOfMonth, int hour, int minute, int second)从整数获取

原创 Java 时间处理 Instant

static 方法主要是用来构建时间戳Instant对象方法描述from(TemporalAccessor temporal)从时间对象获取,TemporalAccessor就是time包下有关时间的类now()当前时间戳ofEpochSecond(long epochSecond)从整形时间戳获取,还有类似的ofEpochMilli(long epochMilli)parse(CharSequence text)从格式化字符串,类似2007-12-03T1

原创 js ＜-＞java 时区处理

UTCUTC(Coordinated Universal Time)GMT依赖于地球自转,而地球自转不规则,所以使用原子时钟报时的UTC替代.javascriptnew Date().toISOString() //UTC zero 时间"2021-02-08T14:50:24.541Z"javaSystem.out.println(ZonedDateTime.now(ZoneId.of("UTC")));2021-02-08T14:54:16.024Z[UTC]System.out.pr

原创 javascript 时间类型 Date

构建方法//1.获取当前时间new Date();//2.根据字符串获取new Date('December 17, 1995 03:24:00'); //根据GMT格式构建new Date('1995-12-17T03:24:00');//根据UTC构建//3.根据数字年月日获取new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);对象方法1.操作时间默认获得是当前时

原创 java 正则表达式 逻辑符号

|表示或的关系[][]符号表示其中的字符之间的逻辑是或,比如[abc]表示a|b|c便捷的写法还有[a-z][^a-z] 非a-z (^符号在[]中表示取反,在其他地方表示开头位置)[a-zA-Z0-9][a-z&&^bc] a-z除了bc容易理解错误的写法是[a|bc|d]本意是或a或bc或d(正确的写法是a|bc|d),而实际表达的意思是或a或|或b或c或|或d...

原创 java 正则表达式 数量

表示数量的符号X? X, once or zeroX* X, zero or more timesX+ X, one or more timesX{n} X, exactly n timesX{n,} X, at least n timesX{n,m} X, at least n but not more than m times三种模式贪婪匹配模式下会尽可能的多匹配字符,所以在匹配上<p>之后,仍然向后寻找,直到<p>标签</p>Pattern p

原创 java 正则表达式 分组(group)

捕获组可以通过从左到右计算其开括号来编号，编号是从1 开始的.组零始终代表整个表达式。形如(A)(B(C))的表达式,分组顺序如下1 ((A)(B(C)))2 (A)3 (B(C))4 (C)例子:Pattern p = Pattern.compile("(\\d{4})-((\\d{2})-(\\d{2}))");Matcher m = p.matcher("2021-02-04");m.find();System.out.pr

原创 java 正则表达式 Matcher

matches&lookingAt&findPattern p=Pattern.compile("\\d");Matcher m=p.matcher("a1b");System.out.println(m.matches());//false 字符串"22bb23"是否完全匹配正则"\\d"System.out.println(m.lookingAt());//false 字符串从开头是否可以匹配,"a"显然不匹配如果是"1ab"则为true,因为"1"在首位System.out

原创 java 正则表达式 Pattern

Pattern 对象就是对预先编译好的正则表达式Pattern p = Pattern.compile("\\w");Pattern对象,有两个常用的方法1.split和String.split()等价,所以一般很少用Pattern p = Pattern.compile("\\d");System.out.println(Arrays.toString(p.split("a1b2c"))); //等价System.out.println(Arrays.toString("a1b2c".spl

原创 mybatis 注解 动态SQL

1.仿照xml形式方法：用script标签包围，然后像xml语法一样书写,适用于xml配置转换到注解配置@Select("<script>" +"select * from mi_taobao where 1=1" +"<if test='status != null'>" +"and status = #{status}" +"</if>" +"&

原创 javascript JSON

1.JSON.parse()字符串转对象const json = '{"result":true, "count":42}';const obj = JSON.parse(json);2.JSON.stringify()对象转字符串console.log(JSON.stringify({ x: 5, y: 6 }));参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JS

原创 neo4j 约束(CONSTRAINT)

1.创建约束CREATE (n:test{name:'wang'})CREATE CONSTRAINT ON (n:test) ASSERT n.name IS UNIQUE2.重复添加元素CREATE (n:test{name:'wang'})报错Neo.ClientError.Schema.ConstraintValidationFailedNode(0) already exists with label `test` and property `name` = 'wang'注意

原创 SpringMVC

Spring mvc 请求体处理 @RequestBodySpring 三层架构Spring mvc 组件Spring mvc架构Spring mvc配置文件Spring mvc @ RequestMappingSpring mvc 参数类型转换Spring mvc 原生serverletSpirng mvc 参数绑定Spring mvc 中文乱码Spring mvc @RequestParamSpring mvc @PathVaribaleSpring mvc @RequestHe

原创 spring

Spring 解耦反射创建对象Spring 解耦工厂模式Spring IOCSpring 创建Bean的三种方式Spring bean作用范围Spring bean的生命周期Spring 依赖注入Dependency InjectionSpring 注解Spring @ConfigurationSpring @ComponentScanSpring @Bean @Scope @QualifierSpring @ImportSpring @PropertySourceJava pro

原创 mybatis

mybatis 占位符 注解版mybatis 增删改查测试mybatis insert 插入标签mybatis update 更新标签mybatis delete 删除标签mybatis 模糊查询mybatis select 查询标签mybatis parameterTypemybatis resultType & resultMapmybatis SqlMapConfig.xmlmybatis SqlMapConfig.xml propertiesmybatis SqlMap

原创 html 单选按钮(input radio)

<input> 的 radio 类型元素默认渲染为小型圆圈图表，填充即为激活，类似于之前描述额复选框（checkbox）类型。单选按钮允许你选择单一的值来提交表单。属性描述name字符串,相同name的radio会成组,选择那按钮组的任何单选按钮将会自动取消同组当前选择的任何按钮checked布尔值,true表示被选中,false表示未被选中defaultChecked布尔值,表示默认被选中id字符串,唯一标志,常用来和label的for搭配使用

原创 html 复选按钮(input checkbox)

返回的是列表参考:单选框参考:https://www.runoob.com/jsref/dom-obj-checkbox.html

原创 mybatis 注解 占位符

#{}自动进行 java 类型和 jdbc 类型转换，#{}可以有效防止 sql 注入。select * from user where username = #{username}username = 'wxy' 为字符串时,则转换为select * from user where username = 'wxy'自动加上引号${}直接 传入的内容拼接在 sql 中且不进行 jdbc 类型转换，select * from user where username = ${username}

原创 SpringBoot 工程目录 整合mybatis-neo4j(注解类型)-增删改查

controllerpackage com.claroja.controller;import com.claroja.dao.UserMapper;import com.claroja.model.User;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bi