- 博客(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
235
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
233
原创 easypoi简易导出模板
工作人员列表 所属部门 人员名称 工作类型 {{$fe: workList t.departmentId t.workerName t.workType}}
2021-04-06 21:19:25
245
原创 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
122
原创 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
668
原创 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
554
原创 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
640
原创 ROLLUP,CUBE,GROUP BY
ROLLUP 运算符生成的结果集类似于 CUBE 运算符生成的结果集。 下面是 CUBE 和 ROLLUP 之间的具体区别： CUBE 生成的结果集显示了所选列中值的所有组合的聚合。 ROLLUP 生成的结果集显示了所选列中值的某一层次结构的聚合。 ROLLUP 优点： （１）ROLLUP 返回单个结果集，而 COMPUTE BY 返回多个结果集，而多个结果集会增加应用程序代码的复杂性。 （２）ROLLUP 可以在服务器游标中使用，而 COMPUTE BY 则不可以。 （３）有时，查询优
2020-09-23 17:22:03
405
原创 路由跳转
this.$router.push({ path:"/", query:{ id:111, name: xiaoming } }) 前进：this.$router.go(1) 后退：this.$router.go(-1)
2020-08-09 14:48:56
144
原创 springBoot后端接前台数组
vue: v-model=form.property.value v-model=form.property.label form{ 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
310
原创 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
197
原创 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
943
原创 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
208
原创 elementui表格内checkbox勾选
绑定v-model,设置true-label="1"false-label="0" 后台传数据绑定值为“1”，即可选中
2020-07-09 20:46:49
1318
原创 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
683
原创 springboot后台报500
控制台显示嵌套异常 原因；一般情况下一个方法只能传一个list，即一个@RequestBody 可以将多个list赛道一个list，再传给后台
2020-07-09 20:31:48
935
原创 vue-cli
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK
2020-07-07 21:09:18
108
原创 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
440
原创 生命周期
Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期 vue的生命周期里边有八个生命周期钩子函数分别是 beforeCreat() 创建前 created（）创建 beforeMount()挂载前 mounted（）挂载 beforeupdate（）更改前 updated（）更改 beforeDestroy()销毁前 destroyed（）销毁 created 数据data已经初始化完成，方法也已经可以调用，但是DOM...
2020-07-05 16:23:03
188
原创 过渡动画
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js Vue 提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用v-if) 条件展示 (使用v-sh...
2020-07-04 18:10:52
590
原创 表单输入绑定
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
131
原创 事件处理
@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
146
原创 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
144
原创 绑定内联样式
<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
281
原创 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
154
原创 计算属性的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
650
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
116
原创 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
114
原创 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
130
原创 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
158
原创 v-if 与v-show的区别
true；false v-if:开始false时，直接不进行渲染，即开发者工具无法查看，v-if开始true时，将内容改为不显示，将其在DOM中去掉 v-show:若设置为false，则将其隐藏，从开发者工具可以看出设置属性display:none,仍然渲染在DOM上 应用场景； v-if:常用于只渲染一次 v-show:需要反复频繁切换用v-show ...
2020-06-25 16:16:07
186
原创 v-show
<div v-show="testShow">火星<div> testShow=true:火星 testShow=false:不显示
2020-06-25 16:05:54
159
原创 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
1028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人