- 博客(42)
- 收藏
- 关注
RSS订阅原创 mybatis中foreach
<if test="settingTypeList != null and settingTypeList.size > 0"> AND settingType in <foreach collection="settingTypeList" item="id" index="index" open="(" close=")" separator=","> #{id} </...
2021-04-07 19:48:08
113
1
原创 list根据某个对象 升序排序
Collections.sort(comparList, new Comparator<P0122ProductbilityReportForm>() { public int compare(P0122ProductbilityReportForm o1,P0122ProductbilityReportForm o2) { if (o1.getItemName().compareTo(o2.getItemName())>0) {...
2021-04-06 21:21:42
157
原创 easypoi简易导出模板
工作人员列表 所属部门 人员名称 工作类型 {{$fe: workList t.departmentId t.workerName t.workType}}
2021-04-06 21:19:25
133
原创 easypoi+springboot导出
P0211Form param = JsonUtil.toObject(formData.getSubmitData(), P0211tForm.class); List<P0211Form> work= workerMapper.exportList(param); Map<String, List<?>> listData = new HashMap<String, List<?>>(); ...
2021-04-06 21:13:41
59
原创 miniui前台分页
grid.on("beforeload", function(e) { e.cancel = true; var pageIndex1 = e.data.pageIndex, pageSize1 = e.data.pageSize; compareDiff(pageIndex1, pageSize1); }); function compareDiff(pageIndex1, pageSize1) {...
2021-04-06 20:59:16
507
原创 miniui导入
<head th:replace="common/header::commonHeader(~{::head/meta},~{::head/title},~{::head/script},~{},~{})"><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><script th:src="@{/js/jquery.form.js}" type="text/javascript"&...
2021-04-06 20:54:18
412
原创 miniui自带按钮权限设置
<input id="resourcecd" name="resourcecd" type="hidden" value="P0211" /><a id="export" class="mini-button btn btn-default btn-round autoAuth" type="button" onclick="exportData()">id = "export" ...
2021-04-06 20:32:07
461
原创 ROLLUP,CUBE,GROUP BY
ROLLUP 运算符生成的结果集类似于 CUBE 运算符生成的结果集。下面是 CUBE 和 ROLLUP 之间的具体区别：CUBE 生成的结果集显示了所选列中值的所有组合的聚合。 ROLLUP 生成的结果集显示了所选列中值的某一层次结构的聚合。 ROLLUP 优点： （１）ROLLUP 返回单个结果集，而 COMPUTE BY 返回多个结果集，而多个结果集会增加应用程序代码的复杂性。 （２）ROLLUP 可以在服务器游标中使用，而 COMPUTE BY 则不可以。 （３）有时，查询优
2020-09-23 17:22:03
303
原创 路由跳转
this.$router.push({path:"/",query:{id:111,name: xiaoming}})前进：this.$router.go(1)后退：this.$router.go(-1)
2020-08-09 14:48:56
82
原创 springBoot后端接前台数组
vue:v-model=form.property.valuev-model=form.property.labelform{id:"",property:[]}let pro={label:this.form.property.label,value:this.form.property.value,}this.form.property.push(pro)后台privateList<Tproperty> property;get,se.
2020-08-03 20:35:20
242
原创 js获取当前日期
ar date = new Date();date .getYear(); //获取当前年份(2位)date .getFullYear(); //获取完整的年份(4位)date .getMonth(); //获取当前月份(0-11,0代表1月)date .getDate(); //获取当前日(1-31)date .getDay(); //获取当前星期X(0-6,0代表星期天)date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)date .getHo
2020-07-09 20:56:45
119
原创 js获取本月第一天和最后一天
var now = new Date(); //当前日期var nowMonth = now.getMonth(); //当前月var nowYear = now.getFullYear(); //当前年//本月的开始时间var monthStartDate = new Date(nowYear, nowMonth, 1);//本月的结束时间var monthEndDate = new Date(nowYear, nowMonth+1, 0);var timeStar=Date.
2020-07-09 20:55:21
852
原创 Java获取当前时间
获取当前时间1、Date day=new Date(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");System.out.println(df.format(day)); 通过Date类来获取当前时间 2、SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); System.out.println(...
2020-07-09 20:52:44
150
原创 elementui表格内checkbox勾选
绑定v-model,设置true-label="1"false-label="0"后台传数据绑定值为“1”，即可选中
2020-07-09 20:46:49
1238
原创 elementui初始表格勾选
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">ref="multipleTable"定义好this.$refs.multipleTable.toggleRowSelection(this.tableData3[2],true);
2020-07-09 20:41:52
570
原创 springboot后台报500
控制台显示嵌套异常原因；一般情况下一个方法只能传一个list，即一个@RequestBody可以将多个list赛道一个list，再传给后台
2020-07-09 20:31:48
849
原创 vue-cli
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK
2020-07-07 21:09:18
52
原创 v-model与插槽
插槽内可以包含任何模板代码，包括 HTML：<navigation-link url="/profile"> <!-- 添加一个 Font Awesome 图标 --> <span class="fa fa-user"></span> Your Profile</navigation-link>甚至其它的组件：<navigation-link url="/profile"> <!-- 添加一个图标
2020-07-06 21:06:42
341
原创 生命周期
Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期vue的生命周期里边有八个生命周期钩子函数分别是beforeCreat() 创建前created（）创建beforeMount()挂载前mounted（）挂载beforeupdate（）更改前updated（）更改beforeDestroy()销毁前destroyed（）销毁created数据data已经初始化完成，方法也已经可以调用，但是DOM...
2020-07-05 16:23:03
131
原创 过渡动画
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.jsVue 提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用v-if) 条件展示 (使用v-sh...
2020-07-04 18:10:52
509
原创 表单输入绑定
v-model;v-model会忽略所有表单元素的value、checked、selectedattribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的data选项中声明初始值。单个复选框，绑定到布尔值：<input type="checkbox" id="checkbox" v-model="checked"><label for="checkbox">{{ checked }}</label&g...
2020-07-04 17:25:46
81
原创 事件处理
@click;触发事件，调用方法事件修饰符；.stop .prevent .capture .self .once .passive<!-- 阻止单击事件继续传播 --> <a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 -->.
2020-07-04 16:37:41
92
原创 vue刷新页面
App.vue写入<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div></template><script> export default { name: 'App', provide () { //父组件中通过provide来提供...
2020-06-30 20:40:46
87
原创 绑定内联样式
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>data: { activeColor: 'red', fontSize: 30}直接绑定到一个样式对象通常更好，这会让模板更清晰：<div v-bind:style="styleObject"></div>data: { styleObject: { color:.
2020-06-29 21:35:50
237
原创 Class与Style绑定
我们可以传给v-bind:class一个对象，以动态地切换 class：<div v-bind:class="{ active: isActive }"></div>上面的语法表示active这个 class 存在与否将取决于数据 propertyisActive的truthiness。你可以在对象中传入更多字段来动态切换多个 class。此外，v-bind:class指令也可以与普通的 class attribute 共存。当有如下模板：<...
2020-06-29 21:08:12
93
原创 计算属性的setter
计算属性默认只有 getter，不过在需要时你也可以提供一个 setter：// ...computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ')
2020-06-29 21:01:42
545
1
原创 watch
watch侦听器<div id="demo">{{ fullName }}</div>var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar' }, watch: { firstName: function (val) { this.fullName = val + ' ' + t.
2020-06-29 20:58:07
62
原创 vue计算属性
常用取逆，多次获取时效率低<div id="example"> {{ message.split('').reverse().join('') }} </div>计算属性<div id="example"> <p>Original message: "{{ { message.split('').reverse().join('') }} }}"</p><p>Computed reversed message: "{{
2020-06-28 21:29:25
64
原创 vue模板语法
<span>message:{{msg}}</span><span v-once>message:{{msg}}</span>当msg数据改变时，内容不会改变。一次性插值双括号解析为普通文本，而非html<span v-html="msg"></span>使用v-html指令，输出真的html<button v-bind:disabled="isButtonDisabled">Button</butto
2020-06-28 21:24:58
63
原创 v-for
列表渲染:v-for<li v-for="item in dataBase">{{item}}</li>data:{dataBase:[一，二，三，四，五]}<li v-for="item in dataBase">{{item.message}}</li>data: {dataBase: [{message:语文}，{message:数学}]}循环索引<li v-for="item,index in da
2020-06-25 18:09:02
91
原创 v-if 与v-show的区别
true；falsev-if:开始false时，直接不进行渲染，即开发者工具无法查看，v-if开始true时，将内容改为不显示，将其在DOM中去掉v-show:若设置为false，则将其隐藏，从开发者工具可以看出设置属性display:none,仍然渲染在DOM上应用场景；v-if:常用于只渲染一次v-show:需要反复频繁切换用v-show...
2020-06-25 16:16:07
104
原创 v-if
条件渲染: v-if<div v-if="testShow">非常好</div>testShow=true;显示非常好testShow=false:不显示v-else;作为与v-if相反的判断<div v-if="testShow">非常好</div><div v-else>好</div>testShow=true;显示非常好testShow=false;显示好v-else-if:多条件判断<div v-if=
2020-06-25 16:02:35
950
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人